/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 8, 2015, 4:03:16 PM
    Author     : sebastian
*/




/* menu styles */

.menu-request-wrapper {
    float: right;
    line-height: 1;
    padding: 22px 0 22px 25px;
    margin-right: -15px;
    outline: none;
}


/* menu styles */

.menu-request-wrapper {
  float: right;
  line-height: 1;
  padding: 22px 0 22px 25px;
  margin-right: -15px;
  outline: none;
}

.section-short {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* header styles */

.media-section[data-type="static"] {
  overflow: hidden;
}
.media-section[data-type="static"] .media-section-image-container {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
}
.media-section[data-type="static"] .media-section-image-container > img {
  vertical-align: middle;
  width: 105%;
  position: absolute;
  top: 160%;
  margin-top: -550px;
  min-height: 100%;
  max-width: none;
}

.media-section[data-type="static"] .inner {
  padding:35px 0;
}

/*destination landingpage styles */

#header-intro {
    position: relative;
    height: 550px;
    overflow: hidden;
    text-align: center;
}

#header-intro-small {
    position: relative;
    height: 430px;
    overflow: hidden;
    text-align: center;
}

#header-intro img.main, #header-intro-small img.main {
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
}

img.nat-geo-img {
    position: absolute;
    bottom: 0;
    z-index: 3;
    padding:20px;
    right:0;
}

#header-destination-intro {
    position: relative;
    height: 500px;
    overflow: hidden;
    text-align: center;
}

#header-destination-intro img.main {
   width: 100%;
   position: absolute;
   top:0;
   left:0;
   z-index: 1;
}

.header-faded-full {
 z-index: 2;
 height: 550px;
 position:absolute;
 width:100%;
 background-image:
   linear-gradient(
     rgba(0, 0, 0, 0.4),
     rgba(0, 0, 0, 0.4)
   )
}

#header-intro-small .header-faded-full {
   height: 430px;
}


.header-faded-linear {
 z-index: 2;
 position:absolute;
 width:100%;
 height: 60%;
 background-image:
   linear-gradient(
     rgba(0, 0, 0, 0.7),
     rgba(0, 0, 0, 0.0)
   )
}

.top-container{
   position: absolute;
   padding-top: 40px;
   z-index: 5;
   width: 100%;
}

.mid-container{
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 10;
   text-align: center;
   width: 100%;
}

.bottom-container{
   position: absolute;
   bottom: 50px;
   z-index: 15;
   width: 100%;

}

.top-container h1 {
   color:#FFF;
   font-size:60px;
   font-weight: 900;
}

.mid-container h2 {
   width:65%;
   margin: 0 auto;
   color:#FFF;
   padding:10px;
   background: rgba(0, 0, 0, 0.0);
}



/*landing page styles END */


#header-intro .header-block-top-container{
    position: absolute;
    top: 0px;
    z-index: 5;
    background: rgba(255, 255, 255, 0.5); 
    width:100%;
}

#header-intro .header-block-container{
    position: absolute;
    bottom: 0px;
    z-index: 5;
    background: rgba(255, 255, 255, 0.7); 
    width:100%;
    color: #222;
}

.header-block {
  width: 100%;
  padding: 20px 0;
  display: table;
}

.header-block .inner {
  display: table-cell;
  vertical-align: middle;
}

.lp-intro-content {
  background: rgb(255, 255, 255);  
  background: rgba(255, 255, 255, 0.7); 
  overflow: hidden;
  padding: 15px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-top: 20px;
}

.lp-form-block {
    
  background: rgb(154, 192, 177);  
  background: rgba(154, 192, 177, 0.85); 
  padding: 20px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

}

.hs_submit {
  text-align: right;
}

.reviews-small i.fa-star {
    color:orange;
}

.reviews-small h5 {
    margin-top:0px;
}

.reviews-small p {
    font-style: italic;
}
.reviews-small .row {
    margin-bottom: 15px;
    /*border-bottom: 1px solid #ddd;*/
}

.how-it-works {
    margin-bottom: 100px;
}

@media (max-width: 767px) {
    .how-it-works {
        margin-bottom: 40px;
    }
}

.how-it-works p {
    font-size: 20px;
    line-height: 26px;
}

ul.slides li {
    text-align: center;
}


/*
    Sample tours
*/

.tour-list-item {
    padding:15px;
    border-top: solid 2px #8c9cad;
}

.tour-tagline {
    font-size: 16px;
    line-height: 1.25;
    font-weight:500;
    margin: 15px 0;
}

.tour-tag-cloud span {
     /* background-color: #cccccc; */
     border: solid 1px #bbbbbb;
     color: #313842;
     padding: 5px 10px;
     margin:0 10px 10px 0;
     display: inline-block;
     font-size: 13px;
}


/*
    DAY BY DAY
*/

.day-header {
	margin-top: 20px;
        /*border-bottom: solid 2px #76c4ed;*/
        border-bottom: solid 2px #8c9cad;
}

.day-header:before,.day-header:after {
	content: " ";
	display: table;
   	clear:both;
}

.day-date h3 {
	color: #888;
}

.day-content {
	padding:15px 0;
}

.day-content h4 {
    margin-top: 0;
    padding-left:15px;
    padding-right:15px;
}

.day-content p {
    padding-left:15px;
    padding-right:15px;
}

.day-content .img-container {
    padding: 0 15px 15px 15px;
}

.day-content img {
  padding: 3px;
  background-color: #f7f8fa;
  border: 1px solid #8c9cad;
  border-radius: 3px;
}

.day-details {
	float:right;
	padding: 0 15px 0 15px;
	display:inline;
}

.accommodation-content img {
  float:right;
  padding: 3px;
  background-color: #f7f8fa;
  border: 1px solid #8c9cad;
  border-radius: 3px;
  width:350px;
  height:250px;
  margin: 0 0 15px 15px;
}



/* tiles */


.tiles-heading,
.tiles-body,
.tiles-footer {
  -webkit-transition: 0.05s ease-in;
  transition: 0.05s ease-in;
}
.tiles-heading:before,
.tiles-body:before,
.tiles-footer:before,
.tiles-heading:after,
.tiles-body:after,
.tiles-footer:after {
  content: " ";
  display: table;
}
.tiles-heading:after,
.tiles-body:after,
.tiles-footer:after {
  clear: both;
}
.tiles-heading:before,
.tiles-body:before,
.tiles-footer:before,
.tiles-heading:after,
.tiles-body:after,
.tiles-footer:after {
  content: " ";
  display: table;
}
.tiles-heading:after,
.tiles-body:after,
.tiles-footer:after {
  clear: both;
}
.info-tiles,
.shortcut-tiles {
  margin: 0px 0px 20px;
  display: block;
  border-radius: 1px;
}
.info-tiles .tiles-heading {
  padding: 5px 10px;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.04em;
}
.info-tiles .tiles-heading .pull-right {
  color: #fff;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transition: 0.06s ease-in;
  transition: 0.06s ease-in;
}
.info-tiles .tiles-body {
  font-size: 42px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.info-tiles .tiles-body-alt {
  font-size: 48px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.info-tiles .tiles-body-alt,
.info-tiles .tiles-body {
  padding: 10px;
  font-weight: 300;
}
.info-tiles .tiles-body-alt .sparkline,
.info-tiles .tiles-body .sparkline {
  width: 100px;
  margin: 0 auto;
  padding: 0px;
}
.info-tiles .tiles-body-alt .text-top,
.info-tiles .tiles-body .text-top {
  vertical-align: super;
  font-size: 24px;
}
.info-tiles .tiles-body-alt .text-smallcaps,
.info-tiles .tiles-body .text-smallcaps {
  font-variant: small-caps;
}
.info-tiles .tiles-body-alt .text-center,
.info-tiles .tiles-body .text-center {
  margin-top: -5px;
}
.info-tiles .tiles-body-alt i,
.info-tiles .tiles-body i {
  color: #fff;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transition: 0.06s ease-in;
  transition: 0.06s ease-in;
}
.info-tiles .tiles-body-alt > i,
.info-tiles .tiles-body > i {
  position: absolute;
  font-size: 42px;
}
.info-tiles .tiles-body-alt div + small,
.info-tiles .tiles-body div + small {
  font-size: 14px;
  text-align: center;
  display: block;
  font-weight: 400;
  opacity: 0.7;
  filter: alpha(opacity=70);
  margin-top: -7px;
  margin-bottom: 4px;
}
.info-tiles .tiles-footer {
  color: #fff;
  color: rgba(255, 255, 255, 0.4);
  padding: 5px 10px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.info-tiles .tiles-footer i {
  float: right;
  position: relative;
  top: 2px;
  display: none;
}
.info-tiles .tiles-footer:after {
  content: "";
  position: absolute;
  bottom: 0%;
  right: -1px;
  width: 0px;
  height: 0px;
  margin-right: 11px;
  margin-bottom: 20px;
  border-top: 5px solid rgba(0, 0, 0, 0.35);
  border-right: 5px solid #f7f8fa;
  border-bottom: 5px solid #f7f8fa;
  border-left: 5px solid rgba(0, 0, 0, 0.35);
  border-top-left-radius: 1px;
}
.info-tiles .tiles-footer:hover {
  color: #fff;
}
.info-tiles:hover {
  text-decoration: none;
}
.info-tiles:hover i {
  color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.info-tiles:hover .tiles-footer {
  color: #fff;
}
.info-tiles:hover .tiles-footer i {
  display: inline;
}
.info-tiles:hover .tiles-heading .pull-right {
  color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .info-tiles .tiles-footer:after {
    right: 0;
    border-top: 6px solid rgba(0, 0, 0, 0.35);
  }
}
@media (max-width: 767px) {
  .col-xs-12 .info-tiles .tiles-footer:after {
    bottom: -20px;
  }
}


.info-tiles.tiles-midnightblue {
  color: #ffffff;
}
.info-tiles.tiles-midnightblue .tiles-heading {
  background: #425c77;
}
.info-tiles.tiles-midnightblue .tiles-body {
  background: #34495e;
}
.info-tiles.tiles-midnightblue .tiles-body-alt {
  background: #34495e;
}
.info-tiles.tiles-midnightblue .tiles-footer {
  background: #222f3d;
}
.info-tiles.tiles-midnightblue:hover {
  color: #ffffff;
}
.info-tiles.tiles-midnightblue:hover .tiles-heading {
  background: #394f66;
}
.info-tiles.tiles-midnightblue:hover .tiles-body {
  background: #2b3c4e;
}
.info-tiles.tiles-midnightblue:hover .tiles-body-alt {
  background: #2b3c4e;
}
.info-tiles.tiles-midnightblue:hover .tiles-footer {
  background: #19232d;
}

.info-tiles.tiles-green {
  color: #ffffff;
}
.info-tiles.tiles-green .tiles-heading {
  background: #1bc2a1;
}
.info-tiles.tiles-green .tiles-body {
  background: #16a085;
}
.info-tiles.tiles-green .tiles-body-alt {
  background: #16a085;
}
.info-tiles.tiles-green .tiles-footer {
  background: #107360;
}
.info-tiles.tiles-green:hover {
  color: #ffffff;
}
.info-tiles.tiles-green:hover .tiles-heading {
  background: #18ab8e;
}
.info-tiles.tiles-green:hover .tiles-body {
  background: #138a72;
}
.info-tiles.tiles-green:hover .tiles-body-alt {
  background: #138a72;
}
.info-tiles.tiles-green:hover .tiles-footer {
  background: #0d5d4d;
}

/* custom tiles styles */

.itin-container .tiles-body ul.sm-tile {
	font-size: 16px;
        padding-left:20px;
}

div.sm-txt {
	font-size: 14px !important; 
}

.info-tiles.tiles-sky div.tiles-body-clear, .info-tiles.tiles-sky div.tiles-body-clear:hover {
	
	background-color: #fff; 
	border: solid 2px #76c4ed; 
	padding:15px;
}

.info-tiles.tiles-midnightblue div.tiles-body-clear, .info-tiles.tiles-midnightblue:hover div.tiles-body-clear {
	background-color: #fff; 
	border: solid 2px #34495e; 
	padding:15px;
}


/* new form styles */

.form-wrapper {
    /* used for client forms */
    padding: 30px;
    border: 1px solid #cbcdcf;
}

.form-wrapper-alt {
    background-color: #c2d1f0;
    padding: 30px;
    border: 1px solid #cccccc;
}

.form-control {
    background-color: #ffffff;
}

.form-wrapper-motive {
    background-color: #9ac0b1;
    padding: 30px;
    border: 1px solid #7A978C;
}

.form-wrapper-clear {
    padding: 30px;
    border: 1px solid #eeeeee;
}

.form-wrapper-borderless {
    padding: 30px;
}

/*
.form-group-static-label input,
.form-group-static-label textarea {
  color: transparent;
}
*/
.form-group-static-label input:focus,
.form-group-static-label textarea:focus,
.form-group-static-label input:valid,
.form-group-static-label textarea:valid {
  color: inherit;
}
.form-group-static-label + .help-block {
  margin-top: -25px;
  margin-bottom: 25px;
}
.ie9 .form-group-static-label input,
.ie9 .form-group-static-label textarea {
  color: inherit;
}
.bg3 .form-group-static-label label,
.bg4 .form-group-static-label label,
.bg5 .form-group-static-label label,
.darkbg .form-group-static-label label {
  color: #eaebec;
}
/*
.bg3 .form-group-static-label input,
.bg4 .form-group-static-label input,
.bg5 .form-group-static-label input,
.darkbg .form-group-static-label input,
.bg3 .form-group-static-label textarea,
.bg4 .form-group-static-label textarea,
.bg5 .form-group-static-label textarea,
.darkbg .form-group-static-label textarea {
  color: transparent;
}
*/
.bg3 .form-group-static-label input:focus,
.bg4 .form-group-static-label input:focus,
.bg5 .form-group-static-label input:focus,
.darkbg .form-group-static-label input:focus {
  color: #FFFFFF;
}
.bg3 .form-group-static-label textarea:focus,
.bg4 .form-group-static-label textarea:focus,
.bg5 .form-group-static-label textarea:focus,
.darkbg .form-group-static-label textarea:focus {
  color: #FFFFFF;
}
.bg3 .form-group-static-label input:valid,
.bg4 .form-group-static-label input:valid,
.bg5 .form-group-static-label input:valid,
.darkbg .form-group-static-label input:valid,
.bg3 .form-group-static-label textarea:valid,
.bg4 .form-group-static-label textarea:valid,
.bg5 .form-group-static-label textarea:valid,
.darkbg .form-group-static-label textarea:valid {
  color: #FFFFFF;
}
.bg3 .form-group-static-label input.notempty,
.bg4 .form-group-static-label input.notempty,
.bg5 .form-group-static-label input.notempty,
.darkbg .form-group-static-label input.notempty,
.bg3 .form-group-static-label textarea.notempty,
.bg4 .form-group-static-label textarea.notempty,
.bg5 .form-group-static-label textarea.notempty,
.darkbg .form-group-static-label textarea.notempty {
  color: #FFFFFF;
}
.form-group-static-label {
  position: relative;
  /* we put label on top of the input*/
}
.form-group-static-label input.input-lg {
  height: 55px;
}
.form-group-static-label input {
  padding-right: 30px;
  width: 100% !important;
}

.form-group-static-label label {
  font-size: 16px;
  font-weight: bold;

}

.form-group-static-label ::-webkit-input-placeholder {
  /*color: #989ba0;*/
    color: #698379;
}
.form-group-static-label :-moz-placeholder {
  /* Firefox 18- */
  color: #698379;
}
.form-group-static-label ::-moz-placeholder {
  /* Firefox 19+ */
  color: #698379;
}
.form-group-static-label :-ms-input-placeholder {
  color: #698379;
}

/*
.form-control {
    border-color: #698379;
}
*/

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  color: #B94A48;
  margin: 6px 0 6px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

#form-error-msg {
  margin: 15px 0;
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
  padding: 15px;
}

#form-working-msg {
  margin: 15px 0;
  background-color: rgb(250, 255, 189);
  color: #555;
  border: 1px solid #ccc;
  padding: 15px;
}

input[name=ymar_dicuuh] {
    display: none;
}

.error-link {
    color: #111;
    text-decoration: underline;
}

.single-form-submit {
    padding-top: 25px;
}


/* sticky menu  */
.secundary-menu {
	height: 60px;
}

.secundary-menu-wrapper {
	background: #DEDEDE;
	padding: 12px 0;
	margin-bottom: 20px;
	position: absolute;
	width: 100%;
}

.secundary-menu-wrapper .nav-pills {
	text-align: center;
}

.secundary-menu-wrapper .nav-pills > li {
	float: none;
	display: inline-block;
}

.secundary-menu-wrapper .nav > li > a {
        padding:15px;
            
}

.secundary-menu-wrapper.sticky {
	position: fixed;
	top: 80px;
	width: 100%;
	left: 0;
	z-index: 10000;
	border-bottom: 1px solid #E9E9E9;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.10);
}

/*added to remove flashing in slider*/
#rev1 {
    display:none;
}

/*added to remove flashing in slider*/
@media (max-width: 767px) {
  .xs-btm-padding {
    padding-bottom: 15px;
  }
  
  .xs-text-center {
    text-align: center;
  }
}

@media (min-width: 768px) {
  
   .sm-text-right {
    text-align: right;
  }
}

.xtra-margin {
    margin:20px 0 15px 0;
}

.xtra-padding {
    padding:20px 0;
}


/*yotpo sytles -- need to overide float-left;*/
div.yotpo-bottomline.pull-left.star-clickable {
    float: right !important;
    padding-bottom:12px;

}


.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/*new background color */
.bg7 {
    background-color: #cccccc;
}

/*new slider styles*/
.medium-big {
    font-size: 96px;
}

.medium-small {
    font-size: 48px;
}

.btn-white {
    background-color: #ffffff;
    border-color: #dedede;
    color: #313842;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active {
    background-color: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

/*style for embedding*/
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*style for oasis*/
.oasis-navbar
{
  padding: 0 8px;
  line-height: 80px;
  height: 80px;
}

/* Youtube */
.yt-max-wd {
  padding-left: 15px;
  padding-right: 15px;

}

.yt-container {
  position: relative;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 56.25%;
  height: 0;
}

.yt-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.yt-container-min-ht  {
  min-height: 500px;
}

/* Video List Accordian*/
div.video-list.panel-group.accordion .panel-heading + .panel-collapse .panel-body {
  padding: 20px 30px;
}

.video-list .widget ul {
  margin:0;
}

.video-list .widget ul > li {
  list-style: none;
  padding: 10px 0;
  border-top: 0.25px solid #eaebec;
}

.video-list .widget ul > li:hover {
  border-top: 0.25px solid #C49D54;
}

.video-list .widget ul > li:hover > a {
  color:#C49D54;
}

.video-list .widget ul > li:hover + li {
  border-top: 0.25px solid #C49D54;
}

.widget ul > li:last-child:hover {
  border-bottom: 1px solid #C49D54;
}

.video-list .widget ul > li a {
  padding-left: 25px;
}

.video-list .widget ul > li a span {
  float: right;
  border: 0.25px solid #eaebec;
  font-size: 12px;
  line-height:16px;
  padding:0 3px;
  margin-top:7px;
}

.video-list .widget ul > li a:hover span {
  border: 0.25px solid #C49D54;
  font-weight: bold;
}

.video-list .widget ul > li a:before {
    content: "  \f01d";
    font-family: fontawesome;
    position: absolute;
    left: 0;
}

#video-comming-soon {
  text-align: center;
  color:#C49D54;
  padding:200px 0;
  background-color: #f2f2f2;
  border: 1px solid #C49D54;
}

#video-comming-soon img {
  margin:0px auto 40px auto;
}

.itin-day-image-container {
  aspect-ratio: 4 / 3;
  width: 100%;
}

.itin-day-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-destination-trip-image {
  width: 100%;          /* Sets the width to 100% of the parent container */
  aspect-ratio: 3 / 2;  /* Enforces the 3:2 aspect ratio */
  object-fit: cover; 
}