@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{font-family: 'montserratlight'; font-size: 14px; color: #2b2a29;}
p{line-height: 26px;}
h2{font-family: 'montserratbold';text-transform: uppercase;margin: 0;}
h3{font-family: 'montserratbold';text-transform: uppercase;margin: 0;}
h4{font-family: 'montserratbold';text-transform: uppercase;margin-top: 0;}
.btn:focus{color: #fff;outline: none;}
a:focus{outline: none;}

/*Navbar CSS Starts*/
header{margin: 10px 0;}
.header-right{text-align: right;}
.main-logo img {max-width: 200px;}
.btn-pri{background: #2b2a29; color: #fff;text-transform: uppercase;border-radius: 0;padding: 8px 20px;font-family: 'open_sansregular';font-size: 14px;}
.btn-pri:hover{color: #fff; background: #626262; text-decoration: none;}
.btn-sec{background: #ff0000; color: #fff;text-transform: uppercase;border-radius: 0;padding: 8px 20px;font-family: 'open_sansregular';font-size: 14px;display: inline-block;}
.btn-sec:hover, .btn:focus{color: #fff; background: #da1c1c; text-decoration: none;}
.social{width: 36px; height: 36px; text-align: center; display: inline-block;}
.fb-btn{background: #4867aa; line-height: 34px; color: #fff;}
.tweet-btn{background: #1da1f2; line-height: 34px; color: #fff;}
.google-btn{background: #d21819; line-height: 34px; color: #fff;}
.log-btns, .social-btns{display: inline-block;}
.log-btns{margin-right: 20px; position: relative; top: -2px;}
.social-btns a:hover{color: #fff; opacity: 0.8;}
.primary-menu{margin-top: 10px;  margin-left: 20%; text-align: right;}
.primary-menu li{display: inline-block; margin-left: 40px;}
.primary-menu li a{color:#2b2a29; font-family: 'montserratbold'; text-transform: uppercase; display: inline-block;padding: 0px 0;word-spacing: 5px;}
.primary-menu li a:hover, .primary-menu li a:focus{text-decoration: none; color: #ff0000;background: none;}
.primary-menu li a.active{color: #ff0000;}
.primary-menu li .nav-drop {position: absolute;width: 500px;top: 100%;z-index: 9999999;left: -70%;background: #fff;display: none;}
.primary-menu  li:hover .nav-drop {display: block;}
.nav-drop img {position: absolute;bottom: 0;right: 0;max-width: 400px;}
.nav-drop ul {padding: 0;list-style: none;padding: 20px 20px 30px;display: inline-block;width: 100%;}   
.nav-drop ul li{margin: 0;display: block;text-align: left;}
.primary-menu li .nav-drop ul li a {text-decoration: none;font-size: 14px;color: #4c4c4c;text-transform: capitalize;font-family: 'open_sansregular';padding: 3px 0;display: inline-block;}

/*Modal CSS*/
.modal-dialog{max-width: 500px;width: 100%;}
.modal-dialog .modal-content{border-radius: 0;text-align: left;padding: 10px 0;}
.modal-dialog .modal-content .modal-header {padding: 10px;border-bottom: 0px solid #e5e5e5;text-align: center;}
.modal-dialog .modal-content .modal-body .form-control{border-radius: 0;border: 1px solid #eee;height: 40px;box-shadow: none;background: #eee;}
.modal-dialog .modal-content .modal-body .form-control:focus{border: 1px solid #ff0000;}
.log-reg:hover {text-decoration: none;}
.modal-dialog .modal-content .modal-body .form-group label{font-family: 'open_sanslight';text-transform: uppercase;color: #626262;}

/*Carousel CSS Starts*/
.carousel-fade .carousel-inner .item {transition-property: opacity;}
.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {opacity: 0;}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {left: 0;transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control {z-index: 2;}
.carousel-sec .carousel-indicators {left: 0;margin: 0;position: absolute;text-align: center;width: 100%;}
.carousel-sec .carousel-indicators li{background: #fff; border-radius: 0; height: 15px;width: 15px; border: 0; margin: 0;}
.carousel-sec .carousel-indicators li.active { height: 15px;width: 15px;background: #ff0000;color: #fff;}

/*Banner Content CSS Starts*/
.banner-content {position: absolute;top: 30px;left: 50%;color: #fff;transform: translateX(-50%);text-align: center; width: 100%;}
.banner-text h1{font-size: 48px;font-family: 'open_sanslight';text-transform: uppercase;}
.banner-text h2{font-family: 'open_sanslight';text-transform: uppercase;}
.banner-tour {text-align: left;margin: 40px 0 0; text-align: center;}
.banner-text p {font-size: 14px;text-transform: uppercase;font-family: 'open_sanssemibold';}
/*Carousel CSS Ends*/

/*Leading Section CSS Start*/
.lead-sec {display: inline-block;width: 100%;padding: 60px 0;}
.lead-sec-text{text-align: center;}
.lead-sec-text h2, .recom-sec h2{font-size: 42px;font-family: 'open_sanssemibold';text-transform: uppercase;margin: 0 0;}
.lead-sec-text h3, .recom-sec h3{font-family: 'open_sanslight';text-transform: uppercase;}
.lead-sec-text p{padding: 0 140px;font-family: 'open_sanslight';font-size: 17px;}
.pack-list{position: relative;font-size: 15px;font-family: 'open_sanssemibold';margin: 40px 0 0;}
.pack-text {position: absolute;top: 30px;left: 10px;color: #fff;}
.pack-btn .btn{position: absolute;top: 25px;right: -10px;background: #ff0000;color: #fff;border-radius: 0;padding: 4px 10px;}
.pack-btn .btn:before{content: '';position: absolute;border-bottom: 10px solid transparent;border-right: 10px solid transparent;border-left: 10px solid #df0707;position: absolute;right: -11px;bottom: -11px;outline: none;}
.pack-price {background: rgba(15,105,57,0.8);color: #fff;padding: 8px 10px;position: absolute;bottom: 10px;}
.pack-price1 {background: rgba(15,105,57,0.8);color: #fff;padding: 8px 10px;position: absolute;bottom: 10px;}
.pack-price-right{float: right;}
.blue-btn {text-align: center;margin: 40px 0 0;display: inline-block;width: 100%;}
.blue-btn .btn{background: #2b2a29;color: #fff;font-size: 15px;font-family: 'montserratlight';padding: 10px 30px;}
.blue-btn .btn:hover {background: #626262;}
/*Leading Section CSS Ends*/

/*Escape Section CSS Start*/
.escape-sec{background: #f3f3f4;padding: 60px 0;display: inline-block;width: 100%;}
.escape-sec h3{font-family: 'open_sansbold';text-transform: uppercase;}
.escape-sec p{font-family: 'open_sanslight';font-size: 17px;margin-top: 10px;}
/*Escape Section CSS Ends*/

/*Recommend Section CSS Start*/
.recom-sec{text-align: center;display: inline-block;width: 100%;padding: 60px 0;}
.recom-sec .owl-carousel .item{margin: 20px 0 0;position: relative;}
.item-overlay{background: rgb(0 0 0 / 45%);position: absolute;left: 0;right: 0;top: 100%;bottom: 0;padding: 75px 24px;transition: all ease 0.5s; color: #fff;}
.item-overlay p{font-size: 13px; line-height: 24px;}


.read-btn{margin-top: 10px;}
.recom-sec .owl-carousel .item:hover .item-overlay{top: 0;}
.recom-sec .owl-carousel{position: relative;}
.recom-sec .owl-carousel .owl-prev{position: absolute;top: 50%;transform: translateY(-50%);left: -30px;background: #fff; padding: 10px;border: 1px solid #000;}
.recom-sec .owl-carousel .owl-next{position: absolute;top: 50%;transform: translateY(-50%);right: -30px;background: #fff;
padding: 10px;border: 1px solid #000;}
.recom-sec .owl-carousel .owl-prev:hover, .recom-sec .owl-carousel .owl-next:hover{background: #ff0000;color: #fff;border: 1px solid #ff0000;}
/*Recommend Section CSS Ends*/

/*Tour Section CSS Start*/
.tour-sec{background: #808080;color: #fff;padding: 50px 0;display: inline-block;width: 100%;text-align: center;}
.tour-sec h3{text-transform: uppercase;font-family: 'open_sansbold';margin-top: 0;}
.tour-info {border: 1px solid; padding: 20px;font-size: 20px;text-transform: uppercase;margin: 20px 5px 0;max-width: 300px; width: 100%;display: inline-block;font-family: 'montserratbold';}
.tour-info i{display: block;font-size: 50px;margin-bottom: 10px;}
/*Tour Section CSS Ends*/

/*Footer Section CSS Start*/
.foot-top{padding: 80px 0 40px;display: inline-block;width: 100%;}
footer h5{text-transform: uppercase;font-size: 15px;font-family: 'open_sansbold';}
footer ul{padding: 0;margin: 0;list-style: none;}
footer ul li a{font-size: 14px;font-family: 'open_sanssemibold';color: #4c4c4c;line-height: 27px;text-decoration: none;outline: none;}
footer ul li a:hover{color: #ff0000;text-decoration: none;outline: none;}
.search-group{position: relative;margin: 10px 0 30px;display: inline-block;width: 100%;}
.search-group input{border: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);height: 40px;display: inline-block; position: relative;}
.search-btn .btn {background: no-repeat;position: absolute;top: 50%;transform: translateY(-50%);right: 0;font-size: 18px;color: #ff0000;}
.social-btn a{background: #b7b7b7;color: #fff;font-size: 18px;height: 35px;width: 35px;border-radius: 50%;display: inline-block;padding: 4px;text-align: center;}
.social-btn a:hover{background: #ff0000;color: #fff;}
.foot-bottom {border-top: 1px solid #eee;padding: 10px 0;display: inline-block;width: 100%;}
.foot-bottom-left {display: inline-block;width: 100%;text-align: center;}
.foot-bottom-left img {display: inline-block;max-width: 150px;filter: grayscale(100%);}
.foot-bottom-left img:hover{filter: grayscale(0%);}
.foot-bottom-left div{display: inline-block;font-size: 13px;margin: 0 0 0 10px;}
.add-sec {float: left;position: relative;padding: 0 0 0 22px;margin: 10px 20px 0 0;}
.add-icon {position: absolute;left: 0;font-size: 18px;top: -4px;}
/*Footer Section CSS Ends*/

/*Chat Box Section CSS Starts*/
.chat-box {position: fixed;bottom: -20px;right: 30px;z-index: 9;}
.dis-box {background: #eee;width: 300px;padding: 10px;position: relative;text-transform: uppercase;font-family: 'open_sansbold';font-size: 18px;border-radius: 30px;padding: 10px 20px;bottom: 25px;box-shadow: 0 0 2px rgba(0,0,0,0.2);}
.dis-left{float: left;width: 50%;cursor: pointer;}
.dis-right {text-align: right;width: 50%;display: inline-block;cursor: pointer;}
/*Chat Box Section CSS Ends*/

/*Enquiry Form Section CSS Starts*/
.side-enq{position: fixed;right: 0;top: 50%;transform: translateY(-50%);display: inline-block;width: 79px;}
.side-enq .btn-sec{transform: rotate(270deg);}
.book-form-modal .modal-dialog{max-width: 900px;width: 100%;}
.form-radio-btn{height: 40px;}
.form-radio-btn label{text-transform: capitalize !important;}
textarea.form-control{height: auto !important;}
.form-sub-btn{text-align: center;}
.select-drop-icon{position: relative;}
.select-drop-icon select {-moz-appearance: none;}
.select-drop-icon:before{position: absolute;border-top: 10px solid #eee;border-left: 10px solid transparent;border-right: 10px solid transparent;}
/*Enquiry Form Section CSS Ends*/

/*Himachal Popular Destination Page Start*/
.himachal-banner{background: url(../images/himachal-banner.jpg) no-repeat center center/cover;padding: 1% 0 6%;}
.banner-package {background: #fff;padding: 20px 10px;margin: 20px 0;max-width: 300px;width: 100%;text-align: center;float: right;}
.banner-package h4{font-size: 15px;}
.banner-package-list {background: #0f6939;padding: 20px;text-align: left;position: relative;}
.banner-package-list ul{list-style: none;padding: 0;margin: 0;}
.banner-package-list ul li a{text-decoration: none;line-height: 26px;color: #fff;outline: none;}
.banner-package-list:before {content: '';position: absolute;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #0f6939;bottom: -10px;left: 50%;transform: translateX(-50%);}
.all-pack {margin-top: 20px;text-align: center;}
.all-pack a{text-transform: uppercase;text-decoration: underline;font-family: 'montserratbold';font-size: 14px;color: #0f6939;}
.banner-strip{background: rgba(255,255,255,0.9);padding: 20px;margin-top: -65px;}
.banner-strip h3 span{color: #ff0000;}
.tour-info-sec {padding: 60px 0;}
.tour-info-sec .panel-group .panel {border-radius: 0;margin: 0;}
.tour-info-sec .panel-default > .panel-heading {padding: 0;}
.tour-info-sec .panel-default > .panel-heading a.collapsed {color: #fff;background-color: #0f6939;}	
.tour-info-sec .panel-default > .panel-heading a{color: #0f6939;background: #fff;display: inline-block;width: 100%;padding: 15px 0;border-radius: 0;text-align: center;text-decoration: none;outline: none;}
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 0px solid #ddd;text-align: center;}
.pack-info{position: relative;text-align: center;color: #fff;}
.pack-info img {width: 100%;position: relative;}
.pack-info-text {position: absolute;top: 0;padding: 30px 10px;text-align: center;left: 50%;transform: translateX(-50%); width: 100%;}
.pack-info h3{font-size: 19px;line-height: 26px;}
.query-btn {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);}
.query-button{font-family: 'open_sanssemibold';color: #4c4c4c;background: rgba(255,255,255,0.9);outline: none;}
.query-button:focus{color: #4c4c4c;}
.des-info {border: 1px solid #e2e3dd;display: inline-block;width: 100%;margin-top: 25px;}
.des-img {width: 100%;float: left;height: 120px;overflow: hidden;}
.des-img img{width: 100%;transition: all ease 0.5s;}
.des-info:hover .des-img img{transform: scale(1.2);}
.des-text{width: 100%;padding: 10px;float: left;font-family: 'open_sanssemibold';}
.des-text-top h5 {width: 50%;float: left;}
.des-text-top span{width: 50%;float: right;margin-top: 5px;text-align: right;}
.des-text-top span a{font-size: 12px;color: #fff;background:#2b2a29;padding: 5px 10px;text-decoration: none;outline: none;}
.des-text-top span a:hover{background: #2b2a29;}
.des-text-top {display: inline-block;width: 100%;}
.detail-btn {margin: 10px 0;}
.detail-btn a{text-decoration: none;outline: none;color: #4c4c4c;border: 1px solid #e2e3dd;}
.des-info:hover .detail-btn a {border: 1px solid #ff0000;background: #ff0000; color: #fff;}
.detail-btn a:focus{color: #4c4c4c;}
.des-tagline{font-size: 12px;}
.des-cost {margin: 5px 0;}
/*Himachal Popular Destination Page End*/

/*Himachal All Destination Page Start*/
.himachal-all-banner{background: url(../images/himachal-all-banner.jpg) no-repeat center center/cover;padding: 1% 0 6%;}
.loc-img {float: left;width: 16%;margin: 20px 3px;position: relative;}
.loc-img img{width: 100%;}
.loc-name{background: rgba(255,255,255,0.9);padding: 8px 0;text-transform: uppercase;font-family: 'montserratbold';text-align: center;left: 0;right: 0;bottom: 0;position: absolute;}

.tour-info-sec .owl-carousel .owl-prev, .pack-popup .owl-carousel .owl-prev{position: absolute;right: 31px;bottom: 0px;background: rgba(255,255,255,0.8);color: #4c4c4c;padding: 5px;}
.tour-info-sec .owl-carousel .owl-next, .pack-popup .owl-carousel .owl-next{position: absolute;right: 0px;bottom: 0px;background: rgba(255,255,255,0.8);color: #4c4c4c;padding: 5px;}
.tour-info-sec .owl-carousel .owl-prev:hover, .tour-info-sec .owl-carousel .owl-next:hover, .pack-popup .owl-carousel .owl-prev:hover, .pack-popup .owl-carousel .owl-next:hover{color: #fff;background: #ff0000;}
.state-facts{margin: 20px 0;}
.state-facts ul{padding: 0;margin: 0;list-style: none;}
.state-facts ul li {font-family: 'montserratlight';padding: 5px 0 5px 15px;line-height: 25px;font-size: 15px;position: relative;}
.state-facts ul li i {color: #2daae1;position: absolute;left: 0;top: 10px;}
.tour-book-box{background: #0f6939;padding: 10px;}
.book-box-left{background: #fff;padding:35px 20px;}
.book-box-left h4{line-height: 30px;}
.book-btn{text-align: center;margin: 20px 0 0;}
/*Himachal All Destination Page End*/

/*Detail Page Start*/
.detail-banner{background: url(../images/detail-banner.jpg) no-repeat center center/cover;padding: 2%;}
.detail-banner .form-group {margin: 0;position: relative;width: 28%;float: left;margin-right: 8px;}
.detail-banner .form-group .form-control{border-radius: 0;box-shadow: none;border: 1px solid #e2e3dd;font-family: 'montserratregular';height: 40px;}
.form-icon {position: absolute;top: 50%;transform: translateY(-50%);right: 10px;font-size: 20px;}
.btn-pri-div{text-align: right;}
.pri-btn{background: #ff0000;color: #fff;text-transform: uppercase;text-decoration: none;padding: 9px 30px;font-family: 'montserratbold';}
.pri-btn:hover{background: #da1c1c;color: #fff;}
.tour-detail-top .des-text-top span {width: auto;float: left;margin-top: 0;text-align: left;margin-right: 15px;}
.tour-detail-top .des-text-top .night{margin-top: 8px;display: inline-block;}
.tour-detail-top {padding: 20px 0;}
.tour-detail-top-right {float: right;}
.tour-detail-top-right > div {float: left;margin-left: 20px;}
.start-btns .btn {margin-left: 10px;font-family: 'open_sansbold';padding: 10px 20px;}
.sec-btn{background: #2b2a29;}
.sec-btn:hover{background: #626262;}
.custom-tour{background: #0f6939;color: #fff;padding: 10px 20px 20px;}
.custom-tour h4{margin-top: 20px;}
.custom-tour p{margin: 0;}
.book-tour-right{border: 1px solid #e4e4e4;padding: 20px 10px;margin: 20px 0;}
.book-tour-right h4{text-align: center;margin-bottom: 20px;}
.book-tour-right .form-group .form-control{border: 0;border-bottom: 2px solid #e4e4e4;box-shadow: none;border-radius: 0;padding: 0;}
.book-tour-right .form-group .form-control:focus{border-bottom: 2px solid #ff0000;}
.tour-detail-main {margin: 20px 0 50px;}
.book-tour-right .blue-btn .btn {width: 100%;}
.tour-detail-main .nav-tabs {border: 0;}
.detail-nav {margin-bottom: 20px;}
.detail-nav.fixed-to-top {position: fixed;top: 0;right: 0;left: 0;text-align: center;background: #fff;z-index: 9;margin: 0 auto;left: 50%;transform: translateX(-50%);width: 100%;max-width: 1170px;padding: 0 30px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.tour-detail-main .fixed-to-top ul li {padding: 0 20px;}
.tour-detail-main .fixed-to-top ul li a {font-size: 12px;padding: 3px 0;margin: 0;}
.tour-detail-main .nav-tabs > li{padding: 10px 25px 10px 0;}
.tour-detail-main .nav-tabs > li > a{font-size: 14px;color: #4c4c4c;font-family: 'montserratregular';border-radius: 0;outline: none;background: none;padding: 3px 0;border: 0;border-bottom: 2px solid transparent;}
.tour-detail-main .nav-tabs > li.active > a, .tour-detail-main .nav-tabs > li.active > a:focus, .tour-detail-main .nav-tabs > li.active > a:hover, .tour-detail-main .nav-tabs > li a:hover, .tour-detail-main .nav-tabs > li a:focus {color: #4c4c4c;background-color: #fff;border: 0;border-bottom: 2px solid #ff0000;}

#sync2 .item {margin: 5px 5px 5px 0px;cursor: pointer;}
#sync2 .item h1 {font-size: 18px;}
#sync1 .owl-nav{font-size: 25px;}
.owl-theme .owl-nav [class*='owl-'] { transition: all .3s ease;}
.owl-theme .owl-nav [class*='owl-'].disabled:hover {background-color: #D6D6D6;}
#sync1.owl-theme {position: relative;}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {width: auto;height: auto;margin: 0; transform: translateY(-50%); position: absolute; top: 50%;background: rgba(255,255,255,0.8);padding: 10px 20px;text-align: center;}
#sync1.owl-theme .owl-prev {left: 0px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
#sync1.owl-theme .owl-next {right: 0px;border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
.tour-detail-main .nav-tabs{margin-bottom: 20px;}

.overview p {margin-top: 10px;}
.pack-iti-detail {display: inline-block;width: 100%;margin: 30px 0;font-family: 'montserratbold';}

.days {display: inline-block;width: 100%;margin-bottom: 30px;}
.iti-btns .btn{border-radius: 0;padding: 6px 35px;text-transform: uppercase;}
.iti-btns .btn1{background: #4c4c4c;color: #fff;border: 1px solid #4c4c4c;position: relative;}
.iti-btns .btn1:hover{background: #393937;color: #fff;border: 1px solid #4c4c4c;}
.iti-btns .btn2{background: #fff;color: #4c4c4c;border: 1px solid #4c4c4c;}
.iti-btns .btn2:hover{background: #4c4c4c;color: #fff;border: 1px solid #4c4c4c;}
.day {margin: 20px 0;}
.day .btn{background: #da1c1c;color: #fff;border-radius: 0;padding: 6px 15px;}
.grey-bg{background: #f3f3f3;padding: 20px 30px;font-family: 'montserratlight';font-size: 15px;margin-top: 10px;display: table;width: 100%;}
.sche-hotel-info h4{text-transform: capitalize;}
.sche-title {display: table-cell;vertical-align: middle;width: 15%;}
.sche-icon {background: #4c4c4c;color: #fff;width: 40px;height: 40px;border-radius: 50%;text-align: center;font-size: 20px;padding: 5px;float: left;}
.sche-text {padding: 10px 5px;display: inline-block;}
.route {background: #4c4c4c;height: 2px;width: 50%;display: inline-block;position: relative;top: -5px;padding: 0 0;margin: 0 10px;text-align: center;}
.route-in {position: absolute;left: 50%;transform: translateX(-50%);top: -10px;}
.sche-info{width: 80%;float: right;display: inline-block;}
.hotel-info {float: right;width: 80%;display: inline-block;}
.sche-hotel {display: table-cell;vertical-align: middle;width: 30%;}
.sche-hotel p {margin: 0;text-transform: uppercase;line-height: 24px;}
.sche-hotel-info {display: table-cell;vertical-align: middle;width: 55%;}
.hotel-img {float: left;}
.hotel-name{padding: 0 10px;display: inline-block;}
.rating{margin: 10px 0;}
.rating i{color: #fcaf3a;cursor: pointer;font-size: 25px;}
.sche-hotel-info ul, .inclusion-sec ul{padding: 0; margin: 0;list-style: none;}
.sche-hotel-info ul li, .inclusion-sec ul li{position: relative;display: inline-block;font-size: 14px;padding: 0 10px 0 15px;}
.sche-hotel-info ul li:before, .inclusion-sec ul li:before{content: '\f111'; position: absolute;left: 0;top: 3px;font-family: FontAwesome;font-size: 10px;color: #8d8d8d;}
.inclusion-sec ul li{display: block;line-height: 26px;}
.inclusion-sec ul li:before{content: '\f105';font-size: 15px;color: #2daae1;top: 0;}
.inclusion-sec h4 {margin-top: 10px;}
.bottom-viewed{background: #f3f3f3;}
.bottom-viewed h3{text-align: center;}

/*Detail Page End*/

/*Checkout Page Start*/
.detail-banner h2{color: #fff;}
.check-top {text-align: center;margin: 40px 0;line-height: 30px;font-family: 'montserratregular';}
.check-top a{color: #ff0000;text-decoration: none;outline: none;}
.check-top span i{font-size: 20px;margin-right: 5px;}
.coupon-code{display: inline-block;position: relative;}
.coupon-code input {border: 0;border-bottom: 1px solid #fff;width: 100%;position: absolute;top: 0;left: 0;right: 0;border-radius: 0;box-shadow: none;padding: 0;}
.coupon-code input:focus{border-bottom: 1px solid #ff0000;box-shadow: none;}
.coupon-code input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ff0000;}
.coupon-code input::-moz-placeholder { /* Firefox 19+ */ color: #ff0000;}
.coupon-code input:-ms-input-placeholder { /* IE 10+ */ color: #ff0000;}
.coupon-code input:-moz-placeholder { /* Firefox 18- */ color: #ff0000;}
.form-sec {display: inline-block;width: 100%;margin: 30px 0;}
.form-sec .form-group label{text-transform: uppercase;font-family: 'montserratregular';font-size: 13px;color: #737373;}
.form-sec .form-group label span{color: #ff0000;font-size: 15px;}
.form-sec .form-control {border-radius: 0;box-shadow: none;border: 1px solid #eeeeee;height: 40px;-moz-appearance: none;background: transparent;}
.form-sec .form-control:focus{box-shadow: none;border: 1px solid #ff0000;}
.form-sec textarea.form-control {height: auto;}
.form-select{position: relative;}
.form-select:before{position: absolute;content: "\f107";right: 10px;font-family: FontAwesome;font-size: 20px;top: 50%; transform: translateY(-50%);z-index: -1;}
.comment {margin-top: 20px;}
.order-sec{background: #ebebeb;padding: 20px 30px;}

.table-div {background: #fff;padding: 10px 10px;margin-top: 10px;font-family: 'montserratregular';text-transform: uppercase; color: #737373;}
.table-div .table tr{padding: 10px 0;border-bottom: 1px solid #eee;display: inline-block;width: 100%;}
.table > thead > tr > th {vertical-align: bottom;border-bottom: 0px solid #ddd;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {border-top: 0px solid #ddd;width: 100%;}
.table-div .table tr:last-child{border: 0;}
.table-div .table thead tr{border-bottom: 1px solid #eee !important}
.total-price{font-family: 'montserratbold';}
.total-price span{color: #ff0000;}

.pay-option {display: inline-block;width: 100%;margin-top: 30px;}
.pay-option .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {border-top: 0px solid #ddd;text-align: left;background: #fff;margin: 10px 0;padding: 10px;}
.pay-option .panel-group .panel {margin-bottom: 0;border-radius: 0;background: transparent;border: 0;box-shadow: none;}
.pay-option .panel-default > .panel-heading {color: #737373;background-color: transparent;border-color: #ddd;padding: 0;}
.pay-option .panel-default > .panel-heading .panel-title a{font-family: 'montserratregular';font-size: 12px;text-decoration: none;outline: none;position: relative;padding: 2px 0 10px 20px;display: inline-block;}
.pay-option .panel-default > .panel-heading .panel-title a.collapsed:before{content: '\f1db';font-family: FontAwesome;}
.pay-option .panel-default > .panel-heading .panel-title a:before{content: '\f192';font-family: FontAwesome;position: absolute;left: 0;top: 0;font-size: 16px;}
.order-btn{margin: 0;}
.order-btn .btn{width: 100%;text-transform: uppercase;border-radius: 0;font-family: 'montserratregular';font-size: 14px;}
/*Checkout Page End*/

#ui-datepicker-div {background: #fff;padding: 5px 10px;box-shadow: 0 0 5px rgba(0,0,0,0.2);}

/*Package List Page CSS*/
.pack-popup .modal-dialog {max-width: 1000px;width: 100%;margin: 30px auto;}
.pack-popup .modal-dialog .modal-content{display: inline-block;width: 100%;}
.pack-book-btn {display: inline-block;width: 100%;margin: 10px 0;}
.pack-popup h5{font-family: 'open_sanssemibold';text-transform: uppercase; margin: 5px 0;}
.pack-popup .modal-body {position: relative;padding: 5px;display: inline-block;width: 100%;}
.pop-close{position: relative;right: 10px;}
.modal-text ul{padding: 0; margin: 0; list-style: none;}
.modal-text ul li{position: relative; padding: 0 0 0 10px; font-size: 13px; line-height: 21px;}
.modal-text ul li:before{position: absolute; content: '\f105'; font-family: FontAwesome; left: 0;}
.pack-list-text-inner{display: none;}
.pack-list-text h4 { font-size: 15px;}

/*About Page CSS*/
.about-img{position: relative; background: url(../images/about-img.jpg) no-repeat center center/cover; padding: 40px 20px;}
.about-img-box{background: rgba(255,255,255,0.8); max-width: 400px; width: 100%; padding: 40px 30px; line-height: 26px; font-size: 16px; color: #000000; text-align: justify;}
.page-title{padding: 30px 0 0; border-top: 1px solid #e7e7e7;}
.about-page {margin: 40px 0;}
.des-sec{padding: 30px 0 0; line-height: 26px;}
.des-sec p{color: #000000; font-size: 16px; margin-top: 20px;}

/*Details tour page table css*/
.tour-detail-main h3 { margin: 20px 0 20px;font-size: 18px;}
.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd;}
.table-responsive .leh-table {table-layout: fixed; margin: 0;}
.table-responsive .leh-table tr th, .table-responsive .leh-table tr td {width: 130px; border: 1px solid #eee;}
.table-responsive .leh-table .wide-width {width: 330px;}

/*Contact Page CSS*/
.contact-page-form h4{text-align: center;}
.contact-page-form .book-tour-right .form-group textarea.form-control {height: auto !important;}
.contact-page-form .blue-btn .btn{width: auto; text-align: center;}




@media screen and (max-width:1199px){
  /*Home Page CSS*/
  .text-strip div {top: 140px;}
  .primary-menu li {display: inline-block;margin-left: 35px;}
  .recom-sec .owl-carousel .owl-next{right: -20px;}
  .recom-sec .owl-carousel .owl-prev{left: -20px;}
    
    
  /*HIMACHAL TOURISM PAGE STARTS*/
  .des-img {width: 30%;}
  .des-text {width: 70%;}
    
  /*DETAIL PAGE STARTS*/  
  .detail-banner .form-group{width: 25%;}
  .tour-detail-main .nav-tabs > li {padding: 10px 15px 10px 0;}
  .tour-detail-main .nav-tabs > li > a {font-size: 13px;}
  .pri-btn{padding: 9px 28px;} 
  .sche-hotel-info h4 {font-size: 16px;}
  .grey-bg{padding: 20px 10px;}
  .sche-title {width: 12%;} 
  .sche-hotel-info {width: 57%;}
  #itinerary {height: 2030px;}
  .add-sec {padding: 0 0 0 25px;margin: 10px 40px 10px 0;}
   
}

@media screen and (max-width:1191px){
    .primary-menu li {margin-left: 12px;}
    .navbar-header img{max-width: 90px;}
    .navbar-nav li a {font-size: 12px;}  
    .navbar-nav li:last-child a {font-size: 12px;}
    .navbar-nav li a i {font-size: 14px;top: 0;left: 1px;}    
    .text-strip {font-size: 12px;}
    .text-strip div {top: 90px;}
    .left-sec .carousel-indicators li {font-size: 12px;padding: 6px 15px;}   
    .ri-grid ul li a{font-size: 12px;}
    .lead-sec-text p {padding: 0;}
    .pack-list, .pack-btn .btn, .pack-btn2 .btn {font-size: 12px;}
    .pack-price {padding: 5px 8px;bottom: 5px;left: 5px;right: 5px;}
    .pack-btn2 .btn div {font-size: 15px;}
    p {font-size: 15px;line-height: 25px;}
    .banner-text h1 {font-size: 30px;margin: 20px 0;line-height: 34px;}
    .banner-text p {font-size: 12px;margin: 2px 0;}
    
    /*HIMACHAL TOURISM PAGE STARTS*/
    .des-img {width: 30%;}
    .des-text {width: 70%;}
    
    /*HIMACHAL DESTINATION PAGE STARTS*/
    .banner-strip {margin-top: -75px;}
    
    /*DETAIL PAGE STARTS*/ 
    .mobile-side {display: inline-block;width: 100%;margin-bottom: 40px;}
    .mobile-side > div {width: 32%;float: left;margin: 0 5px 0px;}
    
    .pack-popup .modal-dialog {max-width: 900px;}
}

@media screen and (max-width:991px){  
    .navbar-nav li .nav-drop{width: 350px;}
    .left-sec, .right-sec {width: 100%;}
    .text-strip {width: 100%;position: inherit;}
    .text-strip div{position: inherit;width: 100%;height: auto;transform: none;text-align: center;font-size: 20px;margin: 10px 0;}
    .left-sec .carousel .item img{width: 100%;}
    .lead-sec, .escape-sec, .mobile-app, .foot-top {padding: 40px 0;}
    .escape-sec img {margin: 50px auto 0;width: 80%;}
    footer h5 {font-size: 14px;}
    .foot-bottom {padding: 20px 0 50px;}
    .add-sec {margin: 5px 0px 10px 0;display: inline-block;width: 100%;}
    .lead-sec-text h2 {font-size: 35px;}
    .lead-sec-text h3,.tour-sec h3 {font-size: 20px;}
    .deal-tabs {margin: 100px auto 0;width: 100%;}
    .nav-drop img {max-width: 300px;}
    .navbar-default .navbar-nav .nav-drop ul li a{font-size: 12px;}
    .navbar-default .navbar-nav .nav-drop ul{padding: 20px 0px 30px;}
    .banner-text h1 {font-size: 40px;margin: 5px 0;line-height: 50px;}
    .banner-text h2 {font-size: 25px;}
    .banner-tour { margin: 10px 0 0; }
    .banner-text p {font-size: 14px;margin: 0 0 5px;}
    .main-logo img {max-width: 150px;}
    .item-overlay {padding: 10px 5px;}
    .item-overlay  p {font-size: 14px;line-height: 20px;}
    .read-btn {margin-top: 0;display: inline-block;}
    .tour-info {padding: 20px 5px; font-size: 15px; max-width: 220px;}
    
    /*HIMACHAL TOURISM PAGE STARTS*/
    .des-img {width: 50%;}
    .des-text {width: 50%;}
    .himachal-banner {padding: 2% 0 8%;}
    
    /*HIMACHAL DESTINATION PAGE STARTS*/
    .loc-img {width: 32%;margin: 10px 3px;}
    .book-btn {margin: 20px 0;}
    .tour-info-sec .owl-carousel {margin: 30px 0;}
    .banner-strip h3 {font-size: 20px;}
    
    /*DETAIL PAGE STARTS*/ 
    .mobile-side > div {margin: 0 4px 0px;}
    .tour-detail-top-right > div {margin-left: 0;}
    .start-btns .btn {margin-left: 5px;padding: 10px 15px;}
    
    .tour-detail-main .fixed-to-top ul li {padding: 0 15px;}
    
    .pack-popup .modal-dialog {max-width: 750px;}
}

@media screen and (max-width:767px){
    .main-logo img {max-width: 130px;}
    .togg-btn {font-size: 25px;color: #ff0000;cursor: pointer;}
    .log-btns {margin-right: 0;text-align: center;}   
    .primary-menu li {display: block;width: 100%;text-align: center;padding: 6px 0;margin: 0;}
    body{overflow-x: hidden;}
    .navbar {padding: 5px 0;position: relative;}
    .navbar-header {width: 50%;padding: 0 20px;float: left;}
    .nav-icon {text-align: right;font-size: 25px;padding: 15px 10px 0;width: 50%;float: right;cursor: pointer;}
    .navbar {padding: 5px 0;}
    .mob-nav {position: absolute;top: 100%;background: #eee;z-index: 20;text-align: center;margin: 0;padding: 0px 0 20px;right: -100%;transition: all ease 0.5s;width: 100%}
    .mob-nav.mob-nav-show{right: 0;}
    .navbar-nav {float: none;margin: 0;}
    .close-nav {text-align: right;font-size: 25px;padding: 15px 20px 0;cursor: pointer;}
    .lead-sec-text h2 {font-size: 25px;}
    .lead-sec-text h3, .tour-sec h3 {font-size: 16px;margin: 5px 0;line-height: 24px;}
    .lead-sec-text h4 {font-size: 15px;margin: 5px 0;line-height: 22px;}
    .pack-list img {width: 100%;}
    .tour-info {padding: 20px 2px;font-size: 10px;margin: 20px 0px 0;max-width: 140px;}
    .tour-info i {font-size: 40px;margin-bottom: 15px;}
    footer ul li a {font-size: 13px;}
    .foot-top {padding: 20px 0;}
    footer h5 {font-size: 14px;margin: 25px 0 10px;}
    .foot-bottom {padding: 20px 0 50px;}
    .add-sec {margin: 20px 0px 0;display: block;width: 100%;}
    .foot-bottom-left {border-right: 0px solid #eee;}
    .add-sec {margin: 20px 0px 0;display: block;width: 100%;}
    .add-sec {margin: 15px 20px 0 0;display: block;width: auto;}
    .banner-text h1 {font-size: 30px;margin: 20px 0;line-height: 34px;}
    .banner-text p {font-size: 12px;margin: 2px 0;}
    .select-title {font-size: 16px;}
    .navbar-nav li .nav-drop {position: static;}
    .navbar-nav li .nav-drop {width: 90%;margin: 0 auto;}
    .carousel-sec .carousel-indicators li {font-size: 14px;padding: 5px 10px;}
    .nav-drop img {max-width: 300px;right: 15px;bottom: 6px;}
    .nav-drop ul li {text-align: center;}
    .banner-content{width: 100%;}
    .banner-tour {display: none;}
    .banner-text h1 {font-size: 25px;margin: 0px 0 10px;line-height: 24px;}
    .banner-text h2 {font-size: 20px;}
    .carousel-sec .carousel-indicators li {font-size: 10px;padding: 3px 5px;}
    .modal-dialog {max-width: 400px;width: 100%;margin: 30px auto;}
    .book-form-modal .modal-dialog {max-width: 450px;width: 100%;}
    .modal-backdrop.in {z-index: 0;}
    
    /*HIMACHAL TOURISM PAGE STARTS*/
    .himachal-banner {padding: 2% 0 12%;}
    .tour-info-sec .panel-group {width: 49%;float: left;margin-top: 20px;}
    .pack-info {width: 49%;float: left;margin-left: 10px;margin-top: 20px;}
    .banner-strip {padding: 20px 0;margin-top: 0;}
    
    /*HIMACHAL DESTINATION PAGE STARTS*/
    .booking-img img{width: 100%;}
    
    /*DETAIL PAGE STARTS*/ 
     h3 {font-size: 20px;}
    .tour-detail-top-right {float: left;margin: 20px 0 0;}
    .detail-banner .form-group {width: 48%;margin: 4px 4px;}
    .start-btns {margin-left: 20px !important;}
    .btn-pri-div {text-align: center;width: 49%;margin: 2px;float: left;}
    .btn-pri-div .pri-btn {width: 100%;padding: 10px;}
    .tour-detail-main .nav-tabs > li {padding: 5px 20px 5px 0;}
    
    .pack-iti-left {width: 100%;float: left;position: relative;padding: 30px 0;}
    #sidebar {position: absolute;background: #fff;top: 0;z-index: 99;}
    .pack-iti-right{padding: 30px 0 0;width: 100%;}
    .pack-iti-detail{margin: 0px 0;}
    .pack-iti-left ul li {border-bottom: 5px solid #dedede;border-right: 0;}
    .pack-iti-left ul li::before {content: '';border-left: 8px solid transparent;position: absolute;right: auto;top: auto;
    border-top: 8px solid #dedede;border-bottom: 8px solid transparent;border-right: 8px solid transparent;bottom: -20px;
    left: 50%;transform: translate(-50%, 0);}
    .pack-iti-left ul li.active::before, .pack-iti-left ul li:hover::before {
    border-left: 8px solid transparent;border-top: 8px solid #2daae1;}
    .pack-iti-left ul li.active, .pack-iti-left ul li:hover {border-bottom: 5px solid #2daae1;border-right: 0px solid #2daae1;}
    .pack-iti-left ul li {padding: 10px 15px;float: left;}
    .tour-detail-main .fixed-to-top ul li {padding: 2px 10px;}
    
    .sche-hotel {width: 25%;}
    .sche-hotel h4, .sche-hotel-info h4{font-size: 14px;margin: 0;}
    .sche-hotel p {line-height: 18px;font-size: 12px;}
    .sche-hotel-info {width: 62%;}
    .hotel-img {float: left;max-width: 60px;}
    .rating {margin: 0px 0 5px;}
    .rating i{font-size: 12px;}
    .hotel-name {padding: 0 5px;}
    .sche-hotel-info ul li {font-size: 12px;}
    .sche-info {width: 80%;display: table-cell;vertical-align: middle;font-size: 12px;}
    .mobile-side > div {width: 48%;padding: 10px 10px;}
    .pack-info {width: 50% !important;display: inline-block;margin: 20px 5px 0 0 !important;padding: 0 !important;}
    .mobile-side > div h4 {font-size: 16px;margin-top: 10px;}
    
    .detail-banner h2 {font-size: 20px;}
    
    .pack-popup .modal-dialog {max-width: 450px;}
        
    .table-responsive .leh-table {table-layout: inherit;}
}
 

@media screen and (max-width:575px){
    .tour-info-sec .panel-group {width: 100%;margin-top: 20px;}
    .pack-info {width: 100%;float: left;margin-left: 0px;margin-top: 20px;}
    .item-overlay {padding: 5px;}
    .item-overlay p {font-size: 13px;}
}

@media screen and (max-width:400px){
    .des-img {width: 30%;}
    .des-text {width: 70%;}
}

@media screen and (max-width:479px){
    .left-sec .carousel-indicators li {font-size: 10px;padding: 4px 5px;}
    .left-sec .carousel-indicators li::before {border-left: 7px solid transparent;border-right: 7px solid transparent;
	border-bottom: 7px solid #fcaf3a;top: -7px;}
    .text-strip div {font-size: 12px;}
    .mxs-100{width: 100%;}
    .lead-sec-text h2 {font-size: 20px;}
    .lead-sec-text h3, .escape-sec h3 {font-size: 15px;}
    .lead-sec-text h4 {font-size: 14px;}
    p {font-size: 14px;line-height: 23px;}
    .app-links a img {max-width: 100px;margin-top: 10px;}
    .tour-info {font-size: 14px;margin: 20px auto 0;max-width: 200px;display: block;}
    .foot-bottom-left div {font-size: 12px;margin: 15px 0 0 0px;}
    .chat-icon{right: 0;}
    .chat-box {bottom: -20px;right: 10px;}
    .add-sec {margin: 15px 0px 0;width: 100%;}
    .foot-bottom {padding: 20px 0 80px;}
    .select-title {font-size: 12px;}
    .banner-text h1 {font-size: 20px;margin: 10px 0;line-height: 24px;}
    .banner-text p {font-size: 12px;margin: 0;line-height: 18px;}
    .banner-text h1 {font-size: 20px;margin: 0px 0 5px;line-height: 22px;}
    .banner-text h2{font-size: 18px;}
    .item-overlay {padding: 30px 20px;}
    .item-overlay p {font-size: 14px;line-height: 26px;}
    .modal-dialog {max-width: 300px;width: 100%;margin: 30px auto;}
    
    /*HIMACHAL TOURISM PAGE STARTS*/
    .himachal-banner {padding: 2% 0 15%;}
        
    /*HIMACHAL DESTINATION PAGE STARTS*/
    .loc-img {width: 47%;}
    .loc-name{font-size: 11px;}
    
    /*DETAIL PAGE STARTS*/ 
    .detail-banner .form-group {width: 100%;margin: 4px 0px;}
    .btn-pri-div {width: 100%;margin: 4px 0;display: inline-block;}
    .start-btns {margin-left: 0px !important;margin-top: 10px;}
    .pack-iti-left ul li {padding: 5px 7px;float: left;margin-top: 10px;}
    .pack-iti-left ul li a {font-size: 10px;}
    .iti-btns .btn {padding: 5px 15px;font-size: 12px;margin: 5px 0;}
    .iti-btns .btn1::before {left: 5px;width: 10px;}
    
    .sche-title {width: 100%;display: inline-block;text-align: center;}
    .sche-icon{margin: 0 auto;float: none;}
    .route-in {width: 100%;}
    .sche-text {padding: 5px 5px;}
    .sche-info{display: inline-block;width: 100%;}
    .route {width: 45%;margin: 0 5px;}
    .sche-hotel {width: 100%;display: inline-block;text-align: center;margin: 10px 0;}
    .hotel-img {max-width: 50px;}
    .sche-hotel-info {width: 100%;display: inline-block;}
    .mobile-side > div {width: 100%;padding: 10px 10px;margin: 0 0 20px;}
    .pack-info {width: 100% !important;display: inline-block;margin: 0px 0px 0 0 !important;padding: 0 !important;}
    
    /*ORDER PAGE STARTS*/
    .order-sec {padding: 20px 10px;}
    .check-top, .coupon-code input {font-size: 12px;}
    
    .pack-popup .modal-dialog {max-width: 300px;}
}