@import url(//fonts.googleapis.com/css?family=Varela+Round|Lato:400,700|Source+Sans+Pro:700|Dancing+Script);


/*html {height: 100%; position: relative; width: 100%;}*/
body{ color:#010101; font-family: 'Lato', sans-serif; font-size:1.8em; line-height:1.35em; background:#f0f0f0}

a{color:#004188; transition-duration: 0.3s;}
	a:hover{color:#fbc30f; text-decoration:none}
	 /*
.ui-dialog {
    z-index: 10001 !important;
}
.ui-widget-overlay {
   z-index: 10000 !important;
}
.ui-widget {
    z-index: 10000 !important;
}*/

	.cookiesMessage{ padding:8px 110px 13px 13px; font-size:13px;  background:#004188;}
		.cookiesMessage .title{padding-bottom:0; font-size:13px;  color:#fff;}
		.cookiesMessage a{color:#fff;}
		.cookiesMessage .btn-sm{position:absolute; top:5px; right:5px; }

.form-control[readonly]{cursor:pointer}
.input-group-addon.theme, .form-control.theme{border:0px}
.no-pad{padding:0px}

.full-width{width:100%; float:left;}
        .full-width.container{max-width:100%;}

.panel.panel-default > .panel-heading, .panel > .panel-heading{text-transform:inherit;}

label{font-weight:300; font-family:'Varela Round', sans-serif; font-size:16px}

.bg-black{background-color:#000}
.bg-green{background-color:#98c000}
.bg-yellow{background-color:#f9b700}
.bg-blue{background-color:#00baef}
.bg-white{background-color:#FFF}
.bg-red{background-color:#e60004;}
.bg-orange{background-color:#FF811A;}
.bg-grayDark{background-color:#666;}

.text-red a, .text-red{color:#e60004;}
.text-yellow a, .text-yellow{color:#f9b700;}
.text-blue a, .text-blue{color:#00baef;}
.text-green a, .text-green{color:#98c000;}
.text-black a, .text-black{color:#000;}
.text-orange a, .text-orange{color:#FF811A;}
.text-grayDark a, .text-grayDark{color:#666;}

.text-purpleLight.borderBottom{border-bottom:2px solid #b80084}
.text-blue.borderBottom{border-bottom:2px solid #1B4485}


.specialLanding .box{margin-bottom:25px; position:relative;}
   .specialLanding .box .rotura-bottom{bottom: -1px; height: 1px; left: 50%; width: 180px; position: absolute; margin-left: -90px; background: rgb(255, 255, 255) none repeat scroll 0px 0px;}
.box.pink{border:1px solid #e50071}
.box.pinkLight{border:1px solid #ed7f89}
.box.red{border:1px solid #e60016}
.box.yellow{border:1px solid #f4a300}
.box.purpleLight{border:1px solid #b80084}
.box.purple{border:1px solid #5c318e}
.box.blue{border:1px solid #1b4485}
.box.blueMedium{border:1px solid #0076c1}
.box.black{border:1px solid #000}
.box.green{border:1px solid #98c000;}
.box.coffe{border:1px solid #a0640a;}

.box .subtitle-section-mini{padding:8px 5px; color: #fff;}
.specialLanding .view-all{font-size:12px; font-weight: bold; margin-left:5px}
.specialLanding .box ul{min-height:150px;}
    .specialLanding .panel h4 a{font:400 20px "Varela Round",sans-serif}

.btn-more{float:right;}
.container-btn{float:left; position:relative; padding:5px; background:#ffd42e url(//www.adonde.travel/cdn/images/corner-button.png) no-repeat bottom left; border-radius:4px; -webkit-border-radius:4px; margin-top:17px;}
.btn-theme{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbc30f+0,f5a300+100 */
background: #fbc30f; /* Old browsers */
background: -moz-linear-gradient(top,  #fbc30f 0%, #f5a300 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fbc30f 0%,#f5a300 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fbc30f 0%,#f5a300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc30f', endColorstr='#f5a300',GradientType=0 ); /* IE6-9 */
box-shadow:0px 2px 2px #f5a300 inset; font: 400 18px 'Varela Round', sans-serif; color:#FFF; text-shadow:-1px -1px 1px #e9a307; padding:15px 10px; border-radius:3px; -webkit-border-radius:3px; margin:0px; text-transform:inherit;}
    .btn-theme.btn{color:#FFF;}
	.btn-theme .text{float:left; margin-top:3px}
	.btn-theme .icn{background-image:url(//www.adonde.travel/cdn/images/icn-button.png); width:29px; height:29px; float:right; margin-left:50px;}
	
#loader-container {background:#010101 url('//www.adonde.travel/cdn/images/logo-loading.jpg') no-repeat center center; position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;z-index: 99999;}
	#loader-container2 {background:#010101 url('//www.adonde.travel/cdn/images/logo-loading.jpg') no-repeat center center; position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;z-index: 99999;}

@media (max-width:1185px) and (min-width:991px) {	.btn-theme .icn{margin-left:0px;}
}
		.btn-theme.large .icn{margin-left:90px}
.container-btn .button-top{background-image:url(//www.adonde.travel/cdn/images/top-button.png); width:49px; height:17px; position:absolute; top:-17px; right:3px}	


.btn-theme:hover{color:#fff; background:#e9a307}

.btn-theme2{color:#FFF; float:left; width:100%; margin-top:5px; font-size:16px; padding:5px; border-radius:3px;}
	.btn-theme2:hover{color:#fbc30f}
/*	
.title-section-big{font:400 35px 'Varela Round', sans-serif;}	
.title-section{font:400 28px 'Varela Round', sans-serif;}
.title-section-normal{font:400 24px 'Varela Round', sans-serif;}

.subtitle-section{font:400 22px 'Varela Round', sans-serif;}
.subtitle-section-mini{font:400 20px 'Varela Round', sans-serif; position:relative;}*/

.subtitle-section-mini .punto-final{position: absolute; font-size: 28px; bottom: -20px; right: -2px;}
.separator{border-bottom:5px dotted #c4c2bb; width:68px; margin:25px auto}
	.separator.no-center{margin:25px 0px}

.price{background:#004188  url(//www.adonde.travel/cdn/images/bg-price.png) top center no-repeat; text-align:center; color:#FFF; line-height:0.2; padding:35px 20px 25px}
	.price .from{font-style:italic; font:normal 13px 'Lato', sans-serif;}
	.price .amount{font:400 30px 'Varela Round', sans-serif}
	    .price .amount .currency{font-size:12px}
	.price .viewmore{font:normal 9px 'Lato', sans-serif; color:#fbc30f}
		.price .viewmore:hover{text-decoration:underline}
	
.progress-bar{background-color:#e50071 }
	
.black-theme{background-color:#0f0e0c; color:#c4c2bb}
.dark-theme{background-color:#242322; color:#c4c2bb}
	.black-theme a, .dark-theme a{color:#FFF; font-family:'Andada', serif; transition-duration:0.5s}
		.black-theme a:hover, .dark-theme a:hover{color:#b1986a; text-decoration:none}
	
.mt-2, .marginTop25{margin-top:25px}
.mt-4{margin-top:50px}

.full-image{background-size:cover; background-position:center; }

.gradient-top{float:left; width:100%; height:25px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fee1d1+0,f1b4dd+50,bbacee+100 */
background: #fee1d1; /* Old browsers */
background: -moz-linear-gradient(left,  #fee1d1 0%, #f1b4dd 50%, #bbacee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #fee1d1 0%,#f1b4dd 50%,#bbacee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #fee1d1 0%,#f1b4dd 50%,#bbacee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee1d1', endColorstr='#bbacee',GradientType=1 ); /* IE6-9 */}

.shadow-bar{margin:35px auto;}

.btn-as-link {min-width: auto; min-height: inherit; margin: 0; padding: 0; line-height: inherit; font:inherit; text-transform:none; border: 0; vertical-align:inherit; background: none;}
.btn-as-link:hover,
.btn-as-link:hover md-icon{color:#fab410 !important; background-color:transparent !important;}

.full-width, .fw{width:100%; float:left;}
.full-height, .fh{height:100%;}
.full-width.container{max-width:100%;}

#web-header{position:relative; font-family: 'Varela Round', sans-serif; font-size:.8em}	
    #web-header .boxAgencyLogin .md-button{margin:0px; text-transform:inherit; font-size:0.8em; color:#004188;}
         #web-header .boxAgencyLogin .md-button .material-icons{color:#004188;}

	#navegacion-principal {
background: #004188;
    border-bottom: 0px;
    margin-bottom: 0;
    padding:15px 15px 14px;
}

    #navegacion-principal .menu-link{float:right; color:#FFF; margin-top:8px;margin-left:10px}					
			.menu-link .default{top:8px; font-size:1.45em;}
		#web-header .menu-link:hover{color:#fff; }
			#web-header .menu-link:hover .default{color:#fff;}
			

	#web-header .item-box{
    width: 32px;
    height: 32px;
    margin: 5px 4px 0 4px;
    padding-top: 3px; float:left; text-align:center; line-height:normal; font-size:1.6em; color:#053a4f; border-radius:19px; background:#f2f3f5;}	

.sidenav-menu-mvl{z-index:66; background:#1b1b1f} 
	.sidenav-menu-mvl md-content{background:none;} 

	md-sidenav .menu-link{float:right; font-size:14px; color:#e9a307}
	.sidenav-menu-mvl ul{width:100%; margin:0;}
	    .sidenav-menu-mvl ul .md-button{text-transform:inherit; text-align:left; margin:0px 0px 2px 0px;} 
		.sidenav-menu-mvl ul .md-button, .sidenav-menu-mvl ul li{width:100%; float:left;}		
		.sidenav-menu-mvl ul li{padding:2px;}		
			.sidenav-menu-mvl ul .md-button, .sidenav-menu-mvl ul li a, .sidenav-menu-mvl ul li .btn-as-link{display:block; width:100%; margin-bottom:2px; padding:15px 11px; font-family:'Varela Round', sans-serif; color:#fff; font-size:14px; border-radius:2px; background:#333135; text-align:center}					
				.sidenav-menu-mvl ul .md-button span, .sidenav-menu-mvl ul li a span, .sidenav-menu-mvl ul li .btn-as-link span{text-transform:uppercase; font-weight:700}
			.sidenav-menu-mvl ul li a .default{width:100%; font-size:1.5em; color:#fac750;}
			.sidenav-menu-mvl ul li b{text-transform:uppercase}
			
			
		    .sidenav-menu-mvl ul .md-button:focus, .sidenav-menu-mvl ul li a:focus, .sidenav-menu-mvl ul .md-button:hover, .sidenav-menu-mvl ul li a:hover{ color:#fab410; background:transparent}


.sidenav-menu-mvl{position:fixed; top:0; bottom:0;}
md-backdrop.md-opaque{position:fixed;}		


@media (min-width: 1200px) {.container {width:100%; max-width:1370px;}}	

@media (max-width: 1500px) {
	.navbar-brand{max-width:240px}
    #navegacion-principal .div-nav li{padding:2.6em 0 2.2em 0.2em}
    	#navegacion-principal .div-nav li a{margin:0 1em; max-width:200px;}
    	#navegacion-principal .div-nav li.logo{max-width:200px; padding-top:24px;}
	.nav > li > a > img{max-width:inherit;}
}

@media (max-width: 1135px) {
    #navegacion-principal .div-nav li a{font:400 0.85em "Source Sans Pro",sans-serif; }
    #navegacion-principal .div-nav ul.nav.navbar-nav.navbar-right.full{display:none;}
    #navegacion-principal .div-nav ul.nav.navbar-nav.navbar-right.reduced{display:inline; width:40px;}
    #navegacion-principal .div-nav ul.navbar-right li a{font-size:1.8em;}
}  
@media (max-width:940px) {
    #navegacion-principal .div-nav li.logo{display:none;}
    #navegacion-principal  .navbar-brand{display:inline;}
}
	/* Footer */
		/*	#web-footer{margin-top:150px;}*/
			    #web-footer a{color:#FFF}
			        #web-footer a:hover{color:#e9a307}
			 #web-footer .top-line{padding:50px 0px; background-color:#004188; color:#FFF; font-size:14px}       
			    #web-footer .address{margin-top:25px}
			     #web-footer .legal-links, #web-footer .contact-forms{font-weight:700}
			     #web-footer .legal-links{margin-top:25px}
			     
			     #web-footer li{float:inherit; display:inline-block}
			
				
			#web-footer .bottom-line{float:left; width:100%; padding:15px; font-size:12px; color:#666}
			#web-footer .copyright{color:#c8c8c8; margin-left:5px}
			
			#web-footer .conectaturismo {
				float: right;
			}
			#web-footer .conectaturismo .leyenda {
				float: left;
				font-size: 0.85em;
			}
			#web-footer .conectaturismo .cuadro {
				float: left;
			}
			#web-footer .conectaturismo .nombre {
				float: left;
			}
		
			#web-footer .conectaturismo .cuadro span {
				color: #46bbd8;
			}
			#web-footer .conectaturismo .cuadro img {
				float: left;
				margin: 4px;
			}	

@media (max-width:767px){
    #navegacion-principal .div-nav li{width:100%; border-bottom:1px solid #F0F0F0; text-align:left; padding:1em;}
    #navegacion-principal .div-nav li span{display:inline;}
    #navegacion-principal .div-nav ul.nav.navbar-nav.navbar-right.reduced{display:none;}
}

/* Carousel */
#carouselHome .carousel-inner {padding-left:365px}
	#carouselHome .carousel-inner .item{min-height:764px; position:relative;}
#carouselHome .carousel-indicators{position:relative; width:631px; height:764px; margin:0px; left:0px; bottom:0px}
#carouselHome .carousel-indicators .active, #carouselHome .carousel-indicators li{border:10px solid #004188; border-radius:0px; height:160px; width:160px}
	#carouselHome .carousel-indicators li:hover, #carouselHome .carousel-indicators .active{border:10px solid #fbc30f;}

#carouselHome .carousel-left{position:absolute; z-index:2; top:0px; left:0px; background-image:url(//www.adonde.travel/cdn/images/carousel-left2.png); background-position:right center; width:631px; height:764px}
#carouselHome .carousel-caption{background:rgba(2,19,37,.35) url(//www.adonde.travel/cdn/images/figures.png) no-repeat;  background-position: right 170px bottom 10px; width:100%; left:0px; bottom:0px; right:0px; padding-left:260px; padding-bottom:36px; z-index:1; text-align:left; text-shadow:none; padding-right:167px}
	#carouselHome .carousel-caption h2{font:400 28px 'Varela Round', sans-serif; margin-bottom:5px}
	#carouselHome .carousel-caption .logobox{position:absolute; bottom:0px; right:0px}
.rhombus{text-align: center;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	overflow: hidden;
    position: relative;}
	
	#carouselHome .carousel-indicators .active.mini, #carouselHome .carousel-indicators li.mini{height:100px; width:100px}
	#carouselHome .carousel-indicators .active.big, #carouselHome .carousel-indicators li.big{height:331px; width:331px; border:0px;}
.rhombus .full-image{height: 200%; left: -50%; position: absolute; top: -50%; transform: rotate(-45deg); width: 200%;}

	.rhombus.position0{position:absolute; top: 285px;right: 189px;}
	.rhombus.position1{position: absolute; top: 45px; right: 190px;}
	.rhombus.position2{position: absolute; top: 165px; right: 310px;}
	.rhombus.position3{position: absolute; top: 525px; right: 190px;}
	.rhombus.position4{position: absolute; top: 405px; right: 310px;}
	.rhombus.position5{position: absolute; top: 35px; right: 380px;}
	.rhombus.position6{position: absolute; top: 595px; right: 380px;}
	.rhombus.position7{position: absolute; top: 285px; right: 430px;}
	
	.rhombus .adn-kinichcoyol{background-color: #fff; background-image: url("//www.adonde.travel/cdn/images/adn-kinichcoyol.png"); background-position: 52% 70%; background-repeat: no-repeat; height: 200%; left: -50%; position: absolute;top: -50%; transform: rotate(-45deg); width: 200%;}
	
	
/* Section about */ 
#about{box-shadow:0 -12px 10px #dadada inset}
	#about .texts{padding:110px 0px}
		#about .texts, #about .title-section{}
	#about .subtitle-section{color:#5f5f5f; margin-bottom:10px}
	#about a{font-style:italic; color:#004188}
	
	#about .about-image{position: absolute; top: 0px; bottom: 0px; right: 0px; width: 50%; background: transparent url(//www.adonde.travel/cdn/images/content/about-img2.png) no-repeat scroll left bottom / cover;}
	
/* Section catalogs */
#catalogs{background-color:#FFF; padding:40px 0px}
	#catalogs .img-catalog{margin:0 auto}
	#catalogs .description{padding-top:25px; padding-bottom:124px; background:url(//www.adonde.travel/cdn/images/corner-right.png) bottom right no-repeat; border-right:1px solid #e7e7e7}
	#catalogs .split-right{height:1px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+38,e7e7e7+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 38%, #e7e7e7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 38%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 38%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=1 ); /* IE6-9 */}
	#catalogs .split-left{height:1px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7e7e7+0,ffffff+62 */
background: #e7e7e7; /* Old browsers */
background: -moz-linear-gradient(left,  #e7e7e7 0%, #ffffff 62%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #e7e7e7 0%,#ffffff 62%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #e7e7e7 0%,#ffffff 62%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
	#catalogs .urls{border-right:1px solid #e7e7e7}
		#catalogs .urls .line{padding:6px 5px 6px 0;}
		#catalogs .urls i{color:#f5a300}
	
	#catalogs .block{padding:0px 7px}
	#catalogs .online{border-left:1px solid #e7e7e7}
		#catalogs .online .image{margin:25px 0px}
		#catalogs .online .title{font:700 14px 'Lato', sans-serif; color:#004188}
		#catalogs .online .subtitle{color:#676767}
	
	.searcher.box{background:#00020a; padding:30px 40px; position:relative; min-height:370px; color:#FFF}
		.searcher.box .title-section-normal{color:#FFF; text-shadow:-1px -1px 1px #333}
		.searcher.box  .split{border-top:2px solid #333; margin:25px 0px 30px}	
		.searcher.box .texts{position:relative; z-index:1}
		.searcher.box  .image{position:absolute; bottom:0; right:0}
			.searcher.box a{color:#fbc30f}
			.searcher.box a.btn{color:#FFF}
			
		.searcher.box .nav-pills > li a{font:400 14px "Varela Round",sans-serif; background-color:#2f65af; color:#FFF; border-radius:4px 4px 0px 0px; margin-left:2px; margin-top:12px;}
				.searcher.box .nav-pills > li.active > a, .searcher.box .nav-pills > li.active > a:hover, .searcher.box .nav-pills > li.active > a:focus{background-color:#003074}
				
		.searcher label{color:#FFF !important;}
        .searcher md-input-container .md-input{border-color:#F4F4F4; color:#FFF;}
        .searcher-line .btnSearch.md-primary, .searcher .btnSearch.md-primary{float:right;border-radius:3px; background-color:#e9a307; color:#FFF; text-transform:inherit; font-weight:700; font-size:16px; text-shadow:0px 0px 1px rgba(0,140,149,.6); margin-top:6px; padding:10px 25px; width:100%;}
				
	.categories.box{background:#e50071 url(//www.adonde.travel/cdn/images/figures-categories.png) bottom 8px right 4px repeat-x;  padding:30px 40px; margin-top:51px; min-height:370px; color:#FFF;}
		.categories.box .title-section-normal{color:#FFF; text-shadow:-1px -1px 1px #b90042}
		.categories.box .split{border-bottom:3px solid #b6004d; border-top:1px solid #aa0032; margin:25px 0px 30px}	
		.categories.box .recommended .subtitle-section-mini{text-shadow:-1px -1px 1px #b90042}
		.categories.box .border-gradient{padding:2px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a3003f+0,fc3384+50 */
			background: #a3003f; /* Old browsers */
			background: -moz-linear-gradient(top,  #a3003f 0%, #fc3384 50%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  #a3003f 0%,#fc3384 50%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  #a3003f 0%,#fc3384 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3003f', endColorstr='#fc3384',GradientType=0 ); /* IE6-9 */
		}
		.categories.box .recommended .container-image{border-radius:4px; -webkit-border-radius:4px;}
			.container-image .image{ background-image:url(//www.adonde.travel/cdn/images/bg-image-categories.jpg); border-radius:4px; -webkit-border-radius:4px;}
			.recommended .container-image .image{height:170px; padding-top:30px;}
		.categories.box .recommended .texts{color:#FFF; text-align:left;}
        .categories.box .carousel-control{display:none;}
        
		.categories .carousel-indicators {bottom:inherit; top:0; right:0; width:inherit; margin:0px; left: inherit}
		.categories .carousel-indicators .container-image{float:left; border-radius:50%;  -webkit-border-radius:50%; margin-left:5px}
				.categories .carousel-indicators .container-image li{background-color:#FFF; background-position:center center; background-repeat:no-repeat; background-size:70%; width:42px; height:42px; float:left; border-radius:50%; -webkit-border-radius:50%; border:4px solid #b6004d}
				.categories .carousel-indicators .container-image.active li{background-color:#000}
				.categories .carousel-indicators .container-image.active{width:inherit; height:inherit}
			
	.form-contact, #destinations .box{padding:30px; color:#010101; margin-bottom:30px; position:relative}
	   /*.form-contact{background:#FFF}*/
	    #destinations .box .corner-right{position: absolute; right: 0;  top: 0; z-index: 1;}
	    
				.specialLanding .corner-left, .form-contact .corner-left, #destinations .box .corner-left{position:absolute; z-index:1; bottom:0; left:0}
				
				.form-contact.small{padding:30px;} 
	.tours-highlights-title	{min-height:310px; background-image:url(//www.adonde.travel/cdn/images/bg-tours.jpg); background-position:bottom right}
		.tours-highlights-title .title-section-big{margin-top:100px}
	
	.tours-highlights-recommended .box{float:left; width:100%; background-color:#FFF; position:relative}
		.tours-highlights-recommended .box .image{position:absolute; top:0px; bottom:0px}
			.tours-highlights-recommended .box .image .logo-op{position:absolute; bottom:7px; right:10px}	
		.tours-highlights-recommended .box .txt{padding:25px 0px 0px 40px; text-align:left}	
		.tours-highlights-recommended .box .counter{margin-right:20px}
		.box .counter{float:right; color:#7b7b7b; width:100% }
			.box .counter div{font:400 50px 'Varela Round', sans-serif; float:right; margin-top:-8px}
		.tours-highlights-recommended .box .title-section-normal{margin-bottom:10px}
			.tours-highlights-recommended .box .title-section-normal a{color:#5f5f5f; }
		.tours-highlights-recommended .box .description{float:left; width:100%; padding-right:15px; margin-bottom:65px}
		.tours-highlights-recommended .box .container-btn{margin-top:28px}
		
		.tours-highlights-recommended .carousel .carousel-control.right{right:inherit; left:700px;}
		.tours-highlights-recommended .carousel .carousel-indicators{display:none;}

			
		#carouselPV .carousel-control.left, #carouselPV .carousel-control.right{background-image:none !important}
	
	.figures-split{float:left; width:100%; background:url(//www.adonde.travel/cdn/images/figures-split.png) repeat-x left; margin:18px 0px; height:43px}	
	
	.categories-tours-box .box{min-height:300px; }
	.categories-tours-box .box .subtitle-section-mini{position:absolute; z-index:1; bottom:0px; left:0px; width:100%; padding:25px 165px 25px 25px; background-color:rgba(2,19,37,.45)}
		.categories-tours-box .box .subtitle-section-mini a{color:#FFF}
			.categories-tours-box .box .subtitle-section-mini a:hover{color:#fbc30f}
	.categories-tours-box .box .price{z-index:2; position:absolute; bottom:0px; right:0px}	
	
	.more-services > .title-section-normal{margin:50px 0px}
	
		.more-services .box {color:#878787; padding:30px 0px 30px 15px;}
		.more-services .box.azul{background-color:#004188; color:#FFF}
		.more-services .box.black{background-color:#00020a; color:#FFF}
			.more-services .box .title-section-normal{color:#000}
			.more-services .box.black .title-section-normal, .more-services .box.azul .title-section-normal{color:#FFF}
			.more-services .box .subtitle{color:#5f5f5f; margin-bottom:20px}
			.more-services .box.black .subtitle, .more-services .box.azul .subtitle{color:#ffd42e}
			
		.more-services .box .description{font-size:16px}
		
		.more-services .box .container-btn{margin-top:32px}
		
		
		
		/* contact*/
		.form-contact .title-section{color:#000}
		
		.info-contact{margin-top:25px; font-family:'Varela Round', sans-serif; font-size:16px}
			.info-contact li{padding-bottom:10px; margin-top:10px; border-bottom:1px solid #ddd;}
				.info-contact li i{font-size:24px; margin-right:10px; color:#c9c9c9 }
				
#modalSeleccionPais .btn-theme, #modalSeleccionPais .container-btn{width:100%}	

#lhc_need_help_container{background: #fbc30f !important; border: 1px solid #f5a300  !important;}
#lhc_need_help_triangle{border-top:15px solid #fbc30f !important}


.availEngines .loadingResults{background-color:#004188}
.availEngines .loadingResults md-progress-circular{margin:0 auto;}
.availEngines .loadingResults md-progress-circular path{stroke:#fbc30f}
.availEngines .loadingResults span{color:#FFF; font-weight: inherit}

/* Custom kinich */
.productTour .searcherBox .includesBox, .productTour .columRightDesktop .shareTour, .productTour .tourDestinations, .productTour .tourCategories{display:none}

.productTour .tourName{margin-top:40px}
.productTour .pull-left.col-xs-12.col-md-8.col-lg-9{    display: flex;    flex-direction: row;    flex-wrap: wrap;}
.productTour .shortDescription{text-align:left; margin-bottom:15px; order:1; flex:100%}
.productTour .galleryTour{order:2; flex:100%}
.productTour .includesDescription{order:3; flex:100%}
.productTour .itineraryDescription{order:4; flex:100%;}
.productTour .modalityDescription{order:5; flex:100%;}
.productTour .additionalDescription{order:6; flex:100%;}


.h1, .h2, .h3, .h4, body, h1, h2, h3, h4, h5, h6{font-family:inherit}
.specialLanding .panel-group.accordion{margin-bottom:15px;}
    .specialLanding .panel-group.accordion .panel-heading .fa{float:right;}
    
.panel-theme{background:transparent; border-radius:0px; border:0px}   
.panel-theme > .panel-heading{padding:15px; text-align:center; background-color:#333135; text-transform:uppercase; }
    .panel-theme > .panel-heading a i,.panel-theme > .panel-heading a{color:#FFF; font-weight:700}
    
.panel-theme .panel-group .panel-heading+.panel-collapse>.list-group, .panel-theme .panel-group .panel-heading+.panel-collapse>.panel-body{border-color:#000}    

.box-serie{position:relative;padding:25px; color:#FFF}
    .box-serie .pretitle{color:#00020a}
    .box-serie .title{font-size:36px; line-height:1em; margin:10px 0px; max-width:80%}
    .box-serie .description{margin-top:15px;max-width:80%; font-size:16px; color:#000}
    .box-serie .pictograma{max-width:113px}
    .box-serie .arrow-right{position: absolute;
    top: 20px;
    z-index: 10;
    right: 0px;
    width: 0;
height: 0;
border-style: solid;
border-width: 25px 25px 25px 0;
border-color: transparent #00020a transparent transparent;
 }
    .box-serie .btn-black{margin-top:70px}
    
.tour-recommended.v2 .box-layout{height:100px}    

.mb-2{margin-bottom:25px}

/* */
@media screen and (min-width:992px){
	.tours-highlights-recommended #carouselPV .btn-theme .icn{margin-left:90px}
}
@media screen and (max-width: 991px) {
	.bg-texts{background-color:rgba(255,255,255,.80); border-radius:6px; padding:15px}
	.marginBottomSM{margin-bottom:15px}
	#carouselHome .carousel-inner{padding-left:0px}
	#carouselHome .carousel-caption{padding-left:15px}
	#carouselHome .carousel-inner .item{min-height:400px}
	.tours-highlights-title .title-section-big{margin-top:0px}
	 #about .about-image{display:none; }
        #about{background:url(//www.adonde.travel/cdn/images/content/about-img2.png) no-repeat center center / cover;}
	
}
@media (min-width: 768px) and (max-width: 991px) {
		#web-header .top-line .agency .box{padding:20px 95px 20px 75px}
       
}			
@media screen and (max-width: 768px) {
	.marginBottomXS{margin-bottom:15px}
	#web-header .bottom-line{padding:7px 15px}
	#web-header .bottom-line .navbar-ex1-collapse.collapse{padding-top:5px; margin-top:7px}
	
	#web-header .bottom-line li{float:left; width:100%; text-align:left; padding:5px 0px; border-bottom:1px dotted #003065}
		#web-header .bottom-line li:last-child{border:0px}
	#carouselHome .carousel-caption .logobox, #web-header .bottom-line li.icn{display:none}
	#carouselHome .carousel-caption{padding-right:15px}	
	.form-contact, #destinations .box{padding:45px}
	.mainSlider .slider{min-height:475px;}
}
.specialLanding{background: #fff url('//www.adonde.travel/cdn/images/logo-kinich-opacity.png') no-repeat scroll center center; border-bottom: 5px solid #98c000; color: #000; margin-bottom: 30px; padding: 30px 75px; position: relative;}
    .specialLanding ul{float:left; width:100%; margin:15px 0px 15px; padding:0px 10px 0px 20px; font-size:16px; }
    .specialLanding .corner-right{    top: 0; right: 0;  position: absolute;   z-index: 1;}
    
    .specialLanding .btn-theme.view-all{margin-left: 0px}
         .specialLanding .container-btn{margin:0 10px 10px 0;}
          .specialLanding .container-btn .btn-theme{padding:8px 10px; font:400 16px "Varela Round",sans-serif;}
          
    #accordion.panel-group{margin-bottom:35px;}
        #accordion.panel-group .panel-title .fa{float:right;}.title-section{font-size:16px; line-height:.9em}
.middle-box {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.img-boxed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.img-boxed .img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box .img-box .deg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: none;
    transition: .3s;
}
.as-link .hover-link {
    z-index: 20;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.as-link .hover-link:hover{background-color:rgba(255,255,255,.2)}

.price-from .from{font-size:12px;}
.price-from .amount{font-size:26px; font-weight:700}


.btn-black{padding:5px 10px; background-color:#1b1b1f; color:#FFF; text-transform:uppercase; font-weight:700; font-size:14px; border:0px}
.btn-red{padding:5px 10px; background-color:#c4000c; color:#FFF; text-transform:uppercase; font-weight:700; font-size:14px; border:0px}
.btn-green{padding:5px 10px; background-color:#a3bf2d; color:#FFF; text-transform:uppercase; font-weight:700; font-size:14px; border:0px}
.btn-blue{padding:5px 10px; background-color:#00baef; color:#FFF; text-transform:uppercase; font-weight:700; font-size:14px; border:0px}
.btn-yellow{padding:5px 10px; background-color:#e8b62b; color:#FFF; text-transform:uppercase; font-weight:700; font-size:14px; border:0px}

/*slider*/						
 .mainSlider{position:relative; width:100%; float:left; background:#1b1b1b;}
		#slider a{color:#FFF}
	.mainSlider .slider{min-height:660px}
	.mainSlider .caption{float:left; width:100%; position:absolute; bottom:0px; padding:20px 20px; background-color:rgba(0, 0, 0, 0.85)}
	.mainSlider .media-object{max-height:60px}
	.mainSlider .title-section{font-weight:700; text-align:left; font-size:30px}
	    .mainSlider .title-section a{color:#FFF;}
	.mainSlider .description{text-align:left; font-size:16px; color:#fff;}
	.mainSlider .duration{display:inline-block;color:#9d9d9d;margin-left:10px}
	.mainSlider .price-from{color:#FFF}
	    
	.mainSlider .more-information{text-transform:uppercase; font-size:14px; color:#9d9d9d; font-weight:700}
		.mainSlider{margin-top:0;}
			.mainSlider li{min-height:350px; }
				
				.mainSlider .col-md-4{text-align:right;}
					.mainSlider a.mas-info{width: 100%; float: right; text-align: right; text-transform: uppercase; font: 700 1em 'Varela Round', sans-serif;color: #ffd42e;}
					.mainSlider a.mas-info:hover{color:#b79b77;}
	
	.mainSlider .carousel-indicators{display:none;}
	
.mainSlider .position-searcher{position: absolute;    top: 2em; left:0px; right:0px; z-index: 10;    border: none;    margin-bottom: 0;    padding: 0;}	
.mainSlider .position-searcher .searcherv2{max-width: 300px;}    

.mainSlider tws-searcher-tours .col-xs-12.col-md-8{width:100%}    
.mainSlider tws-searcher-tours .pull-right.col-md-4{width:100%}
    .mainSlider tws-searcher-tours .pull-right.col-md-4 .btnSearch{display:block; padding:0.3em 1.1em; width:100%; margin:10px 0px; font-weight:700; font-size:16px; text-shadow: 0px 0px 1px rgba(0,140,149,.6); text-transform:uppercase; text-transform:inherit; color:#FFF; border-top:#f7ad08 1px solid; border-bottom:#e09d07 1px solid; -webkit-border-radius: 3px; border-radius: 3px; background: #e9a307; }
        .mainSlider tws-searcher-tours .pull-right.col-md-4 .btnSearch:hover{color:#FFF; border-bottom:#e50071 1px solid; border-top:#e50071 1px solid; background: #e50071; }
        
.mainSlider .carousel-control{bottom:100px}
        
        .searcher md-input-container.md-default-theme .md-placeholder, .searcher md-input-container .md-placeholder, .searcher md-input-container.md-default-theme label, .searcher md-input-container label{color:#F2F2F2;}
.searcher md-input-container.md-default-theme .md-input, .searcher md-input-container .md-input, .searcher md-input-container md-select{border-color:#F2F2F2; color:#FFF;}
.searcher md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, .searcher md-input-container:not(.md-input-invalid).md-input-has-value label{color:#F2F2F2;}

.searcherv2 .text{color:#FFF; text-shadow:0px 0px 3px #333}
.searcherv2 md-input-container input{background: #FFF; border-radius: 25px; padding: 5px; height: inherit; border: 5px solid rgba(221,221,221,.5);}
.searcherv2 md-input-container label:not(.md-container-ignore){bottom:70%; left:20px}


.relative{position:relative}
.title-section span{text-transform:uppercase; font-weight:700}
.carousels-section .bg-header{padding:15px 0px; background-color:#39363a; color:#FFF}
   .carousels-section .bg-header a{color:#FFF}
        .carousels-section .bg-header a:hover{color:#e9a307}
    
   .carousels-section .bg-header .arrow-down{
    position: absolute;
    bottom: -35px;
    z-index: 10;
    right: 50%;
    margin-right: -20px;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #39363a;}
  
 .bg-white-gray{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+48,ffffff+50,eceeee+50,eceeee+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(255,255,255,1) 50%, rgba(236,238,238,1) 50%, rgba(236,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 50%,rgba(236,238,238,1) 50%,rgba(236,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 50%,rgba(236,238,238,1) 50%,rgba(236,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eceeee',GradientType=1 ); /* IE6-9 */
}
 
 
.bg-white-gray .as-link{padding:55px 85px} 
.bg-white-gray .as-link .text-center{text-align:left}  
.bg-white-gray .carousel-control{background:transparent; color:#a4a4a6}
.bg-white-gray .carousel-indicators{display:none}
.seasonal-block{position:relative}
.catalog-block .box-layout, .seasonal-block .box-layout {position: relative;  height: 420px;} 
.seasonal-block .price-from .amount{color:#000}
.seasonal-block .btn-black{position:absolute; bottom:0px}
.seasonalSlider .col-md-6{min-height:420px}

.catalogsSlider .as-link{padding:55px 105px}

.catalog-block .img-boxed{text-align:center !important}

.tour-recommended .box-layout{position:relative; height:300px; margin-bottom:15px}
.tour-recommended .caption{min-height:200px}
.tour-recommended .title{font-weight:700; font-size:22px}
.tour-recommended .duration{color:#9d9d9d; display:inline-block; margin-left:10px}
.tour-recommended .description{font-size:14px; margin-top:5px; color:#F2F2F2}
    .tour-recommended .description b{color:#FFF}

.destinations-section .bg-header{position:relative;padding:15px 0px; background-color:#FFF; color:#39363a; border-top:1px solid #ddd}
.destinations-section .bg-header a{color:#FFF}
        .destinations-section .bg-header a:hover{color:#e9a307}
    
   .destinations-section .bg-header .arrow-down{
    position: absolute;
    bottom: -20px;
    z-index: 10;
    right: 50%;
    margin-right: -20px;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #FFF;}
  
  .destinations-section .bg-body{padding:55px 0px 85px; background-color:#00020a; color:#FFF}
  
.modalities-section .bg-header{position:relative;padding:15px 0px; background-color:#00020a; color:#FFF; border-top:1px solid #666}
.modalities-section .bg-header a{color:#FFF}
        .modalities-section .bg-header a:hover{color:#e9a307}
    
   .modalities-section .bg-header .arrow-down{
    position: absolute;
    bottom: -20px;
    z-index: 10;
    right: 50%;
    margin-right: -20px;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #00020a;}
  
 .modalities-section .bg-body{padding:55px 0px 85px; background-color:#FFF}  
 
 .modality-recommended .header{padding:15px 0px; text-align:center}
     .modality-recommended .header .pretitle{color:#000; font-size:14px}
     .modality-recommended .header .title{color:#FFF; font-weight:700}
     
     .modality-recommended .box-layout{position:relative; height:200px; margin-bottom:15px}

.header-section {position:relative;padding:15px 0px; background-color:#fff; color:#00020a; text-align:center; }
 .header-section  .arrow-down{
    position: absolute;
    bottom: -20px;
    z-index: 10;
    right: 50%;
    margin-right: -20px;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #FFF;}

 .header-section h1,  .header-section h2{font-size:inherit; margin:0px}  
 /*.header-section h1{font-weight:700; text-transform:uppercase}*/
 
.landing-texts .title{font-weight:700}

.bg-black{
    padding: 55px 0px 85px;
    background-color: #00020a;
    color: #FFF;}
    
    
    .tour-recommended .include{float:left; width:100%; margin-bottom:10px; position:relative; z-index:999}
            .tour-recommended .include > span{float:left}
        .tour-recommended .include .box-icon{float:left; padding:0px 15px;}
            .tour-recommended .include .box-icon .material-icons, .tour-recommended .include .box-icon .fa{color:#8a8a8b; cursor:help}
        .tour-recommended .tour-include-icon{margin-left:4px; padding:4px 2px; float:left; border-radius:50%; transition:all 0.15s;}
     .tooltip-tour{background-color:#004188 !important; color:#FFF !important; opacity:1 !important; font-size:14px !important; font-weight:400 !important}


.searcherv2 md-input-container.md-input-focused label:not(.md-no-float), .searcherv2 md-input-container.md-input-has-placeholder label:not(.md-no-float), .searcherv2 md-input-container.md-input-has-value label:not(.md-no-float){transform:translate3d(0,2px,0) scale(.75);color:#FFF; text-shadow:0px 0px 3px #333}

@media (max-width: 991px){
    .modality-recommended, .tour-recommended{margin-bottom:20px}
    .tour-recommended .caption{min-height:inherit; margin-bottom:10px}
}     
@media (max-width: 767px){
    .bg-white-gray{background:#FFF}
    .seasonalSlider .col-md-6{min-height:inherit}
    .seasonal-block .title{margin-top:15px}
    .seasonal-block .btn-black{position:static; margin-top:15px}
}