/* Amber Tours CSS */
@import url('https://fonts.googleapis.com/css?family=Nunito:400,600');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
@font-face {font-family: Bodony; src: url(../fonts/BodoniFLF-Bold.ttf) format('truetype'); font-weight: 400; font-style: normal}
@font-face {font-family: Bodony-italic; src: url(../fonts/BodoniFLF-Italic.ttf) format('truetype'); font-weight: 400; font-style: normal}
@font-face {font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont3e6e.eot?v=4.7.0'); src: url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont3e6e.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont3e6e.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont3e6e.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont3e6e.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal }


/* ================================== 
            CSS RESETS
===================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
a, a:hover, a:focus, a:active {outline: 0;}
img {border: none; max-width: 100%; height: auto;}
table {border-collapse: collapse; border-spacing: 0;}
*, *::before, *::after {box-sizing: border-box;}
/*select:-moz-focusring, input:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}
::-moz-focus-inner {border: 0; padding: 0;}*/
input, select, textarea {font: inherit; color: inherit;}
:focus {outline: -webkit-focus-ring-color auto 0;}


/* ================================== 
            CORE SETTINGS 
===================================== */

.container {max-width: 960px; margin: 30px auto;}
.policy h1 {font-size: 50px; margin: 0 0 10px 0;}
.policy h2 {font-size: 35px; margin-bottom: 10px;}
.policy p, .policy ul {font-size: 20px; line-height: 1.6; margin: 0 0 15px 0;}
.policy ul {list-style-type: disc; padding: 0 0 0 1.5em;}
.policy ul li {padding-bottom: 10px;}
body, html {height: 100%;}
body, h3, h4, h5, h6 {font-family: Nunito, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.6; color: #000;}
h1, h2 {font-family: Bodony, Times, "Times New Roman", serif; line-height: 1.1; color: #000; font-weight: normal;}
h3, h4, h5, h6 {line-height: 1.2; color: #000; font-weight: 600;}
h1 {font-size: 6.2vw;}
h2 {font-size: 6.2vw;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
p {font-size: 16px; line-height: 25px; margin: 0;}
a, a:visited, a:active, a:focus {color: #ff8500; text-decoration: none;}
a:hover {color: #ff8500; text-decoration: underline;}
.nomargin {margin: 0 !important}
.nopadding {padding: 0 !important}

h1.home {font-family: 'Dancing Script', cursive; font-size: 5vw; line-height: 1.2; text-align: center; padding: 25px 15px; margin-bottom: -20px; color: rgba(0,0,0,.25)}

/* back to top button */
.back_to_top, .back_to_top:visited, .back_to_top:focus {color: #fff; font-size: 40px; line-height: 55px; width: 55px; text-align: center; position: fixed; right: 25px; bottom: 25px; background: rgba(0,0,0,.6); border-radius: 5px; z-index: 99999; display: none}
.back_to_top:hover {color: #fff; background: rgba(0,0,0,.8)}
.back_to_top::before {content: "\f106"; font-family: FontAwesome;}

/* font awesome */
.fa {font-family: FontAwesome;}
.fa-angle-left:before {content: "\f104";}
.fa-angle-right:before {content: "\f105";}
.fa-facebook:before {content: "\f09a"}
.fa-instagram:before {content: "\f16d"}
.fa-twitter:before {content: "\f099"}


/* ================================== 
            COMMON HEADER 
===================================== */

/* amber logo */
.amber-logo {position: absolute; right: 0; top: 60px; z-index: 5;}
.amber-logo img {display: block; width: 21vw; height: auto;}

/* top slider */
#top_slider, #top_slider #carousel, #top_slider #carousel .carousel-inner, #top_slider #carousel .carousel-inner .item {max-height: 100vh; overflow: hidden;}

#top_slider .carousel-indicators {bottom: 5%;}
#top_slider .virtuoso-logo {position: absolute; bottom: 7%; right: 3%; z-index: 9;}
#top_slider .virtuoso-logo img {display: block; width: 14vw; height: auto;}

.heading_wrapper {position: relative;}

/* bootstrap carousel settings */
.carousel.fade {opacity: 1}
.carousel.fade .item {-moz-transition: opacity ease-in-out .7s; -o-transition: opacity ease-in-out .7s; -webkit-transition: opacity ease-in-out .7s; transition: opacity ease-in-out .7s; left: 0!important; opacity: 0; top: 0; position: absolute; width: 100%; display: block!important; z-index: 1}
.carousel.fade .item:first-child {top: auto; position: relative}
.carousel.fade .item.active {opacity: 1; -moz-transition: opacity ease-in-out .7s; -o-transition: opacity ease-in-out .7s; -webkit-transition: opacity ease-in-out .7s; transition: opacity ease-in-out .7s; z-index: 2}

/* carousel navigation arrows */
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {top: 50%; margin-top: 0; font-size: 40px; line-height: 30px; width: 40px; height: 40px; color: #000; background: rgba(255,255,255,.84); text-align: center;}
.carousel-control .glyphicon-chevron-left {left: 50%; margin-left: -10px;}
.carousel-control .glyphicon-chevron-right {right: 50%; margin-right: -10px;}
.glyphicon-chevron-left::before {content: "\f104"; font-family: FontAwesome; margin-left: -2px;}
.glyphicon-chevron-right::before {content: "\f105"; font-family: FontAwesome; margin-right: -2px;}

/* carousel indicators */
.carousel-indicators li {background-color: #fff} /* white & orange scheme */
.carousel-indicators .active {background-color: #ff8500}
.bs-slider .carousel-indicators {bottom: 4%;} /* small sliders only */

/* top banner - inner pages */
#top_banner {max-height: 100vh; position: relative; z-index: 2; overflow: hidden;}
#top_banner.experiences {padding-top: 0;}
#top_banner > img {display: block; width: 100%; height: auto;}
#top_banner h2 {position: absolute; bottom: 10%; left: 0; z-index: 5; font-size: 8vw; line-height: 1.1;  border-bottom: 1px solid #fff; padding: 0 0 .05em 4vw; color: #fff; letter-spacing: 2px; text-align: left; font-weight: normal;}
#top_banner h2.compact {letter-spacing: 0;}
#top_banner .virtuoso-logo {position: absolute; bottom: 10%; right: 3%; z-index: 9;}
#top_banner .virtuoso-logo img {display: block; width: 15vw; height: auto;}

/* ===================================== 
              HOME PAGE 
======================================== */

/* ========== Explore Section ============= */
.explore-container {position: relative; padding: 50px 0 0 0;}
.explore-container .explore_bg {position: absolute; left: -20px; top: 55%; transform: translateY(-50%); max-width: 23%; z-index: -5;}
.explore-container h2 {position: relative;}
.explore-container h2 .heading-icon {width: 4vw; display: block;}

/* ============ Who We Are ============= */
.who_we_are_wrapper h2 {text-align: center; background: url("../images/home/top-heading-bg.png") no-repeat 0 0; background-size: auto 100%; padding: 0 0 0 .5em; margin: 0 0 .4em 0;}
.who_we_are_wrapper h2 .heading-icon {padding: .3em 0 .3em 0; margin: 0 auto;}
.who_we_are_wrapper h2 .color_bg {position: absolute; width: 95%; background: rgba(0,0,0,.15); top: -15px; right: -60px; bottom: -25px;}
.who_we_are_wrapper h2::after {content: ''; position: absolute; right: 90px; left: -15px; bottom: 0px; height: 1px; background: #878787;}
.who_we_are_content p {text-align: right;}

/* ========== What We Do ============== */
.what_we_do_wrapper {padding: 0 15px;}
.what_we_do_wrapper .heading_wrapper {position: relative;}
.what_we_do_wrapper h2 {text-align: right; position: relative; margin: 0 0 .2em 0; padding: 0 22% .3em 0; background-image: url("../images/home/what-we-do-bg.jpg"); background-repeat: no-repeat; background-position: right 8% top .4em; background-size: auto 90%;}
.what_we_do_wrapper h2 .heading-icon {margin: 0 0 0 73.3%; padding: .4em 0 .4em 0;}
.what_we_do_wrapper h2::before {position: absolute; top: -100%; height: 110%; left: 60%; width: 1px; background: #9e9e9e;  content: '';}
.what_we_do_wrapper h2::after {position: absolute; right: -15px; width: 53%; bottom: .25em; height: 1px; background: #9e9e9e; content: '';}
.what_we_do_wrapper p {text-align: center; padding: 0 23%}

/* =========== The Why ============= */
.the_why_wrapper {padding: 0 15px;}
.the_why_wrapper h2 {margin: 0 0 .2em 0; padding: .7em 0 1em 12%; text-align: left; background-image: url("../images/home/the-why-bg.jpg"); background-repeat: no-repeat; background-position: center bottom .1em; background-size: auto 75%;}
.the_why_wrapper h2 .heading-icon {display: block; margin: 0 0 .3em 13%;}
.the_why_wrapper h2::after {position: absolute; left: -15px; bottom: 1em; width: 35%; height: 1px; background: #9e9e9e; content: '';}
.the_why_wrapper p {text-align: center; padding: 0 23%;}

/* ========== Destinations Slider ============ */
.destinations_wrapper {clear: both;}
/* slider header */
.destinations_header {position: relative;}
.destinations_header h2 {position: absolute; left: 0; top: 10%; width: 100%; height: 80%; text-align: center; margin: 0; z-index:1;}
.destinations_header h2 .heading-icon {width: 3.5vw; display: block; margin: .1em auto;}
.destinations_header h2 .color_bg {position: absolute; top: 0; left: 44%; width: 40%; height: 100%; 
backround: #e2d7bf; background: rgba(201,182,144,.5); z-index: -1;}
.destinations_header h2::before {position: absolute; top: 85%; left: 50%; height: 100px; width: 1px; background: #9e9e9e; content: '';}
.destinations_header h2::after {position: absolute; top: 82%; left: 60%; width: 40%; height: 1px; background: #9e9e9e; content: '';}

/* slider content */
.destination_slider {}
.destination_slider h2 {position: absolute; bottom: 10%; left: 0; mn-width: 35%; font-size: 6.2vw; color: #fff;  letter-spacing: 2px; font-weight: normal; }
.destination_slider h2 a {display: block; color: #fff; padding: 0 4vw .15em 4vw; border-bottom: 1px solid #fff;}
.destination_slider h2 a:hover {color: #ff8500; border-bottom: 1px solid #ff8500;}
.destination_slider .owl-next, .destination_slider .owl-prev {position: absolute; top: 50%; margin-top: -30px; height: 60px; line-height: 60px; width: 50px; background: rgba(255,255,255,.5); text-align: center; font-size: 50px;}
.destination_slider .owl-prev {left: 5%;}
.destination_slider .owl-next {right: 5%;}
.wander_bg {width: 60%; float: right; margin-top: -25px}

/* ============ Experiences Slider ============== */

/* experiences header */
.experiences_header {padding: 0 15px; clear: both;}
.experiences_header .heading_wrapper {position: relative;}
.experiences_header h2 {position: absolute; left: 0; top: 5%; height: 82%; padding-left: 150px; z-index: 0;}
.experiences_header h2 .heading-icon {width: 3.8vw; display: block; margin: 0 auto; padding: .5em 0 .3em 0;}
.experiences_header h2 .color_bg {position: absolute; width: 100%; height: 100%; top: 0; left: 200px; background: rgba(55,132,204,.28); z-index: -1;}
.experiences_header h2::before {position: absolute; margin-left: 80px; left: 51%; top: -100%; height: 112%; width: 1px; background: #666;  content: '';}
.experiences_header h2::after {position: absolute; left: 0; right: 0; bottom: .45em; height: 1px; width: 85%; background: #666; content: '';}

/* experiences content */
.experiences_content {background: url("../images/home/experiences-slider-bg.jpg") no-repeat center center; background-size: cover; padding: 60px 65px 200px 65px;}
.experience_slider .owl-carousel .item {}

/* left panel */
.experience_left {padding: 60px; background: #fff url("../images/home/flower-bg.jpg") right bottom no-repeat; margin: 100px 0 0 0; width: 66%; background-size: 43% auto;} /*.experience_left {box-shadow: 0 0 30px rgba(0,0,0,.15);}*/
.experience_left .experience_text {width: 66%;}
.experience_left h2 {font-size: 4vw; line-height: 1.1; font-weight: normal; letter-spacing: 1px;  margin: 0 0 10px 0;}
.experience_left h4 {font-size: 20px; line-height: 1.3; letter-spacing: 1px; font-weight: normal; color: #639632; margin: 0 0 10px 0;}

p.learn-more {text-transform: uppercase; color: #639632; margin: .75em 0 0 0;}
p.learn-more a {color: #639632;}
p.learn-more a:hover {color: #ff8500; border-bottom: 1px solid #ff8500;}
p.learn-more a::after {content: "\f105"; font-family: FontAwesome; line-height: 1; margin: 0px 0 0 .3em;}

/* right panel */
.experience_right {position: absolute; top: 0; right: 0; width: 50%; }
.experiences_image a {display: block;}
.experiences_image h3 {font-family: Bodony, Times, "Times New Roman", serif; font-size: 4vw; font-weight: normal; position: absolute; left: 0; bottom: 10%; width: 100%; color: rgba(255,255,255,.71);  letter-spacing: 4px; padding-left: 10%; text-align: left;}

/* slider settings */
.experience_slider .item .row {magin: 0;}
.experince_slider .item > row {position: relative;}
.experience_slider .owl-next, .experience_slider .owl-prev {position: absolute; top: 180px;  font-size: 40px; width: 35px; height: 40px; line-height: 40px; margin: 0; background: rgba(255,255,255,.84); color: #000; text-align: center; }
.experience_slider .owl-prev {left: 51%}
.experience_slider .owl-next {right: 1%}

/* ============ Accolades ============== */
.accolades_header h2 {margin: 0 0 0 42%; width: 42%; padding-bottom: .35em; text-align: center;}
.accolades_header h2 .heading-icon {width: 3.8vw; display: block; padding: .3em 0 .3em 0; margin: 0 auto;}
.accolades_header h2 .color_bg {position: absolute; top: 0px; left: 42%; width: 42%; bottom: -.25em; background: rgba(153,206,153,.30); z-index: -1;}
.accolades_header h2::before {position: absolute; left: 50%; height: 250px; top: -250px; width: 1px; background: #9e9e9e; content: '';}
.accolades_header h2::after {position: absolute; left: 58%; width: 42%; bottom: .3em;  height: 1px; background: #9e9e9e; content: ''}
.accolades_content p {width: 73%; margin: 50px 0 70px 0;}


/* ===================================== 
           DESTINATIONS PAGES 
======================================== */

/* ======== Top section ======== */
.destination_wrapper {}

/* watermark header */
.watermark-header {font-family: Bodony, Times, "Times New Roman", serif; font-size: 21vw; line-height: .55; text-align: right; padding: .08em 0 0 0; margin: 0; color: #e1ebf5; position: relative;}
.watermark-header img {position: absolute; top: 0; left: -15px; width: 250px; z-index: -1;}
.watermark-header img.nepal {width: 450px;}

/* destination content */
.destination_content h1 {font-size: 6.2vw; padding: 0 0 .3em 0; margin: 0; position: relative;}
.destination_content h1 span {display: block; font-size: 4vw; }
.destination_content h1::after {position: absolute; bottom: 15px; left: 0; height: 2px; width: 220px; content: ''; background: #000; }
.destination_content p {font-size: 20px; line-height: 35px; margin: 0;}

/* main carousel */
#dest_carousel::before {height: 200px; width: 1px; background: #000; position: absolute; left: 49%; top: 100%; z-index: 9; content: ''; }

/* ============== Our Travels ============= */

/* our travels header */
.our_travels_header {position: relative; padding: 0 15px;}
.our_travels_header h2 {font-size: 11vw; text-align: center; position: absolute; top: 12%; left: 0; width: 100%;}
.our_travels_header h2 .heading-icon {width: 3.8vw; display: block; padding: 0 0 .3em 0; margin: 0 auto;}
.our_travels_header h2 sup {font-size: 3.3vw; font-family: Nunito, sans-serif; font-weight: 600; position: relative; top: .4em; left: .8em; vertical-align: top; }
.our_travels_header h2::after {position: absolute; left: 0; top: 68%; height: 1px; width: 35%; background: #000;  content: '';}
.our_travels_header.bhutan h2 {top: 23%;}
.our_travels_header.nepal h2 {top: 23%;}

/* our travels content */
.our_travels_content {top: -100px; position: relative; overflow: hidden; margin-bottom: -100px;}
.our_travels_content p {font-size: 20px; line-height: 35px; margin: 0;}
.our_travels_content .text_watermark {font-size: 15vw; line-height: .65; position: relative; top: 0px; left: -35px;}

.text_watermark {font-family: Bodony, Times, "Times New Roman", serif; font-size: 20vw; position: absolute; line-height: .55; text-align: left; color: #e1ebf5; letter-spacing: 2px;}
/*.text_watermark.experiences {position: absolute; line-height: .55;}*/

/* ========== Tips & Suggestions =========== */
.tips_suggestions_wrapper .img-strip {position: relative; z-index: -1; margin-top: -50px;}
.tips_suggestions_wrapper .img-strip.india {margin-top: -40px;}
h2.tips_heading {font-size: 7vw; letter-spacing: 1px; position: relative; top: -.8em; margin-bottom: -.8em; }
h2.tips_heading span.bg-color {background-color: rgba(208,178,0,.24); position: absolute; top: -.25em; bottom: .4em; left: -5px; right: -36px; z-index: -1}
h2.tips_heading .and_sign {font-family: Times, "Times New Roman", Times, serif; font-weight: bold; position: relative; top: .5em; color: #a9a9a9; left: -28px}

/* tips & suggestions carousel */
#tip_carousel::before {position: absolute; left: 49%; top: 100%; height: 400px; width: 2px; background: linear-gradient(to bottom, #000, #ccc0);  z-index: 9; content: ''; }

/* tips & suggestions bullets */
ul.tips {font-size: 20px; line-height: 35px; list-style: none; margin-top: 30px; padding: 0;}
ul.tips li {margin-bottom: 25px; background: url(../images/lotus-icon.png) 0px 5px no-repeat; padding: 0 0 0 45px}
ul.tips li:last-child {margin-bottom: 0}


/* =================================== 
          EXPERIENCES PAGES 
====================================== */

.experience_content h1 {font-size: 6.2vw; padding: 0; margin: 0 0 10px 0;}
.experience_content h2 {font-family: Nunito, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 1.4; letter-spacing: 1px; margin: 10px 0 10px 0; font-weight: normal; }
.experience_content p {font-size: 20px; line-height: 35px; margin: 0 0 20px 0;}
.experience_content p:last-child {margin-bottom: 0px;}
.experience_content.culinary {background: url('../images/kettle-bg.jpg') no-repeat right bottom;}
.green {color: #639632;}
.pink {color: #c67b8f}
.purple {color: #8a7cc4}
.red {color: #aa3018}

/* itinerary */
.itinerary {margin: 20px 0; background: url('../images/kettle-bg.jpg') no-repeat right bottom;}
.itinerary h3 {font-size: 20px; line-height: 1.4; color: #969696; letter-spacing: 1px; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px;}
.itinerary p {font-size: 20px; line-height: 35px; margin-bottom: 20px;}

/* bottom experience carousel */
.exp_carousel_wrapper {background: url('../images/leaf-bg.jpg') no-repeat -33px center; margin: 20px 0 0 0;}
.exp_carousel_wrapper .bs-slider {width: 64%; margin: 0 auto;}
.itinerary-nav {margin-top: 30px; overflow: hidden;}
.itinerary-nav div {width: 50%; overflow: hidden; }
.itinerary-nav div.prev {float: left; padding-left: 18%;}
.itinerary-nav div.next {float: left; padding-right: 18%;}
.itinerary_btn {background: #dbd5bd; padding: 10px 25px; display: inline-block; text-decoration: none; color: #000; letter-spacing: 2px; border: 1px solid #000; font-family: Bodony-italic; font-size: 20px; position: relative; z-index: 99}
.itinerary_btn:hover {color: inherit;}
.itinerary_btn.prev {float: left;}
.itinerary_btn.next {float: right;}


/* ===================================== 
          TESTIMONIALS PAGE
======================================== */

/* testimonial header */
.testimonial_header .heading_wrapper {margin-top: -10px; position: relative;}
.testimonial_header h2 .heading-icon {width: 3.8vw; display: block; margin: .25em auto .25em auto;}
.testimonial_header h2 {position: absolute; left: 0; top: 17%; width: 100%; height: 66%; font-size: 6.2vw; text-align: center; letter-spacing: 2px;}
.testimonial_header h2 img {padding: 0 0 0 0;}
.testimonial_header h2:before {position: absolute; left: 50%; bottom: -70%; height: 81%; width: 1px; background: rgba(0,0,0,.37); content: '';}
.testimonial_header h2:after {position: absolute; right: 0; bottom: 15%; width: 45%; height: 1px; background: rgba(0,0,0,.37); content: ''}

/* testimonials content */
.testimonial {margin: 40px 20px; padding: 60px; background: #fff; text-align: center; min-height: 600px; box-shadow: 0 0 40px rgba(218,218,218,.89);}
.testimonial .content {padding: 30px 50px; font-family: 'Dancing Script', cursive;}
.testimonial .content p {font-size: 22px; line-height: 1.5; margin: 0; text-align: center;}

.testimonial .avatar_name h4 {font-size: 20px; color: #000; font-weight: 600; margin: 0 0 5px 0; letter-spacing: 2px; text-align: center;}
.testimonial .avatar_name h5 {font-size: 16px; line-height: 1.4; color: #ff8500; font-weight: normal; text-align: center;}

/* testimonial slider */
.testimonial_slider .owl-next, .testimonial_slider .owl-prev {position: absolute; top: 50%; margin-top: -20px; font-size: 35px; line-height: 40px; height: 40px; width: 40px; text-align: center; color: #000; background: #f0f0f0; }

.testimonial_slider .owl-prev {left: 220px}
.testimonial_slider .owl-next {right: 220px}


/* ===================================== 
            CONTACT FORM
======================================== */

.form_wrapper {}
#contactForm {max-width: 900px; margin: 30px auto; padding: 0 15px;}
#contactForm, #contactForm p {font-size: 18px; line-height: 1.6;}
#contactForm ul li {margin: 20px 0; line-height: 40px;}
#contactForm ul li label {width: 270px; display: table-cell; vertical-align: middle;}
#contactForm ul li span {display: table-cell; vertical-align: middle;}

#contactForm em {color: #cc0000;}
#contactForm input, textarea {color: #666; border: 1px solid #ccc; height: 40px; line-height: 24px; width: 400px; border-radius: 2px; padding: 5px 10px;}
#contactForm textarea {height: 170px;}
#contactForm input[type="submit"] {background: #000; color: #fff; border: none; padding: 5px 20px; transition: background .2s ease;}
#contactForm input[type="submit"]:hover {background: #ff8500;}

#buttonsContainer {margin: 20px 0 0 0; padding-left: 270px; text-align: left;}

#contactForm p.alert {font-size: 16px; color: #fff; background: #dd0000; border-radius: 3px; padding: 8px 15px; margin: 0 0 20px 0;}


/* ================================== 
            PHOTO GALLERY
===================================== */

/* header */
.gallery_header img {width: 100%;}
.gallery_header h2 {font-size: 6.2vw; position: absolute; left: 0; top: 1.35em; padding-left: 26%}
.gallery_header h2 .heading-icon {width: 3.8vw; display: block; padding: 0 0 .2em 0; margin: 0 auto;}
.gallery_header h2:after {content: ''; position: absolute; height: 1px; background: #000; right: 0; bottom: -10px; width: 100%; left: 0}

#photo_gallery {width: 60%; margin: 0 auto; padding: 50px 0 50px 0;}
#photo_gallery .item {border: 60px solid #ffd4a6; padding: 10px; }
#photo_gallery .item::afer {position: absolute; border: 1px solid #fff; top: 10px; bottom: 10px; left: 10px; right: 10px; content: ''}
#photo_gallery img.logo {position: absolute; width: 25%; right: 5%; top: 5%; dislay: none;}

.cc {position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; background: rgba(0,0,0,.7); padding: 18px 15px; color: #000; z-index: 5; border-radius: 25px;}
.cc img {display: block;}
.cc.prev {left: 0;}
.cc.next {right: 0;}

#photo_gallery .carousel-control.left {left: -10%;}
#photo_gallery .carousel-control.right {right: -10%;}


/* ================================== 
            POLICY PAGES 
===================================== */

.policy-page #top_banner {max-height: 60vh;}
.policy-page #top_banner h2 {font-size: 6vw;}
.policy-page #top_banner .amber-logo img {width: 19vw;}
.policy-page #top_banner .virtuoso-logo img {width: 13vw;}

.policy h1 {font-size: 50px; margin: 0 0 10px 0;}
.policy h2 {font-size: 35px; margin-bottom: 10px;}
.policy h3 {font-size: 22px; font-weight: bold; margin-bottom: 10px;}
.policy p, .policy ul {font-size: 20px; line-height: 1.6; margin: 0 0 15px 0;}
.policy ul {list-style-type: disc; padding: 0 0 0 1.5em;}
.policy ul li {padding-bottom: 10px;}


/* ================================== 
            PAYMENT PAGES 
===================================== */

.payment-page #top_banner {max-height: 60vh;}
.payment-page #top_banner .amber-logo img {width: 19vw;}
.payment-page #top_banner .virtuoso-logo img {width: 13vw;}
.payment-page p {margin: 0 0 15px 0;}

p.alert {color: #cc0000; padding: 0; margin: 10px 0;}

.payment .container {width: 100%; max-width: 500px; margin: 50px auto}
.payment h1 {font-size: 30px; margin: 0 0 15px 0;}
.payment .btn-primary {width: 150px; margin: 5px 0 0 0;}
span.currency {color: #f44;}
.payment.message .container {max-width: 800px;}
.payment label {font-weight: 600;}
.payment a {color: #337ab7;}
.payment a:hover {color: #337ab7; text-decoration: underline;}
.payment input[type="checkbox"] {width: 18px; height: 18px; vertical-align: -4px; margin: 0 5px 0 0;}
.payment .terms-text {vertical-align: baseline;}



/* ================================== 
            COMMON FOOTER 
===================================== */

footer {background-image: url("../images/home/india-palace-tour-bg.jpg"); padding: 400px 0 140px; background-repeat: no-repeat; background-size: cover}
footer.destinations {background: none; padding: 0; position: relative}
footer.experiences {background-image: url('../images/himalayas-footer-bg.jpg'); background-size: cover; background-position: center bottom; padding: 400px 0 140px;}
footer h2 {font-size: 6.6vw; text-align: center; color: #fff; padding: .5em 0; margin-bottom: .5em; position: relative; z-index: 9}
footer h2:before {position: absolute; bottom: .35em; right: -15px; width: 45%; height: 1px;  background: #fff; content: '';}
footer h2:after {position: absolute; width: 40%; left: 41%; top: 0; bottom: 0; z-index: -1; background: rgba(209,179,0,.30); content: '';}
footer address {font-size: 16px; line-height: 28px; text-align: center;}
footer address, footer address a {color: #fff}

/* newsletter sign up */
.newsletter {width: 400px; margin: 100px auto 0}
.newsletter .stylish-input-group .form-control {border: none; background: rgba(251,251,251,.34); color: #fff; border-right: none; border-radius: 0; box-shadow: none;}
.newsletter .stylish-input-group .form-control::placeholder {color: #fff; letter-spacing: 2px;}
/* button */
.newsletter .stylish-input-group .input-group-addon {background: none; border: 1px solid rgba(251,251,251,.34); border-left: none; border-radius: 0; padding: 0; }
.newsletter .stylish-input-group button {border: none; background: none; padding: 0px 20px; color: rgba(251,251,251,.6); font-size: 15px; line-height: 32px;}
.newsletter .stylish-input-group button:hover {color: rgba(251,251,251,1)}

footer.destinations .newsletter {position: absolute; bottom: 80px; z-index: 10; left: 0; right: 0; margin: 0 auto;}

/* footer bottom */
.footer-bottom {background: #000; padding: 20px 0;}

/* menu */
.footer-menu {font-size: 15px; line-height: 28px; max-width: 1200px; margin: 0 auto; padding: 10px 15px 30px 15px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;}
.footer-menu .col {padding: 0px; flex: 0 0 20%;}
.footer-menu a {color: #fff; display: block; transition: color .2s ease;}
.footer-menu a:hover {color: #ff8500; text-decoration: none;}
.footer-menu h3 {font-size: 15px; color: #fff; font-weight: bold; margin: 0; padding: 0 0 15px 0; text-transform: uppercase;}
.footer-menu h3:last-child {padding-bottom: 0;}
.footer-menu h3.node {padding-bottom: 5px;}
.footer-menu h3 a {display: block;}

/* social media */
.social_media, .policy_links {text-align: center}
.social_media li {background: #fff; display: inline-block; text-align: center; width: 35px; height: 35px; line-height: 35px; font-size: 17px; border-radius: 50%; margin-right: 15px; transition: all .3s linear 0s}
.social_media li a {color: #000}
.social_media {margin: 10px 0; padding: 0px;}
.social_media li:hover {background-color: #fff}
.policy_links {font-size: 15px; color: #ccc;}
.policy_links a {color: #ccc; padding: 0px 5px;}
.policy_links a:hover {text-decoration: underline;}
.footer-logos img {width: auto; margin: 0 auto}


/* ================================== 
            COMMON NAVIGATION 
===================================== */
nav {position: fixed; z-index: 9999; font-size: 15px; line-height: 55px; height: 55px; width: 100%; color: #fff; background: #000; text-align: center; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .5)}
nav > ul {display: inline-block;} /* top level only */
#nav-logo {display: none;}

/* nav universal styles */
nav ul {background: #000; text-align: left; letter-spacing: 1px; list-style: none; margin: 0; padding: 0;}
nav ul a {height: 55px; display: block; color: #fff; padding: 0 1.7vw; text-decoration: none; transition: background .3s ease; } 
nav ul a:active, nav ul a:visited {color: #fff; text-decoration: none;}
nav ul a:hover {color: #fff; background: #ff8500; text-decoration: none;} /* universal link mouseover scheme */
nav ul li:hover > a {color: #fff; background: #ff8500;} /* keep level 1 menu item highlighted when hovering over dropdown */

/* level 1 menu */
nav ul {}
nav ul li {float: left; position: relative;}
nav ul li.node > a:after {content: "\f107"; font-family: FontAwesome; margin-left: 5px;}

/* level 2 menu */
nav ul ul {position: absolute; min-width: 100%; line-height: 45px; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .5); display: none;}
nav ul li li {display: block; float: none; border-bottom: 1px solid #444;}
nav ul li li:last-child {border: none;}
nav ul li li a {height: 45px; display: block; padding: 0 25px; white-space: nowrap;}


/* display level 2 on mouseover */
nav ul li:hover ul {display: block;} /* Show level 2 when hovering over level 1 item */

/* responsive menu */
#nav-logo {display: none;}
#menu-checkbox {display: none;}
label.menu-icon {display: none; float: right; width: 55px; height: 55px; text-align: center; color: #fff; font-size: 22px; cursor: pointer;}