#promos {padding:10vh 0}
#promos .widget-title {color:#fff!important}

#promos .image-menu_item {width:20%; height:auto; margin:25px 2.5%; border-radius:9px;
  overflow:hidden; float:left;}

#ban-cont .image-menu_item {max-width:300px; height:auto; text-align:center!important; border-radius:9px;
  overflow:hidden; display:inline-block}

.image_menu_message_inner h4 {font-size:12px!important; color:#FFF!important; text-align:center!important;
  background:#131c5d; border-radius:9px; padding:3px 6px; margin-bottom:-5px!important }

#mega .widget-title {background:#fff; background:rgba(255, 255, 255, 0.9);
  display:inline-block; padding:5px 20px; border-radius:5px}

#callto {padding:15vh 0}
#callto h2 {background:#fff; background:rgba(255, 255, 255, 0.9); color:#131c5d!important;
  display:inline-block; padding:20px 50px; border-radius:5px}

/* GRAL ========== */
b, strong {font-weight:500!important;}
h3 {text-transform:uppercase}
.main ul {list-style-type:none;}
.main ul {margin-bottom:15px!important}
.main li {margin-bottom:15px!important}
p {margin-bottom:15px!important}
i {color:#9c161b; margin-right:5px;}

/* MENU ========== */
#logo {position:relative; z-index:1000!important}
.headerclass .container {width:100%!important; max-width:100%!important; padding:0!important;}
header, .headerclass, .mobile-headerclass, footer {background:rgb(214,176,113)!important;
  background:linear-gradient(90deg, rgba(214,176,113,1) 0%, rgba(255,241,193,1) 50%, rgba(214,176,113,1) 100%)!important;}
.menu_below_container {border-top:1px solid #d6b071; padding:5px 0 10px}

button.mobile-navigation-toggle .kt-mnt span {background:#131c5d!important}

/* INTRO ========== */
#vid-row {text-align:center;}
#vid-intro {position:relative; top:0%; left:50%; display:block; min-width:100%; min-height:100vh;
  width:auto; height:auto; transform:translate(-50%,-0%);}
.rotatext {position:absolute; z-index:1; top:50%; width:100%; text-align:center;}
.rotatext h3 span {color:#FFF; font-weight:500; padding:5px 10px; border-radius:9px;
  background:#003366; background:rgba(0, 51, 102, 0.5);}

#intro-btn {position:absolute; z-index:10; left:50%; bottom:5%; margin-left:-10px;
  width:40px; height:40px; background:#d6b071; overflow:hidden; border-radius:50%;}
#intro-btn i {font-size:60px!important; color:#fff;}


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

.page .main, #quienes {padding:40px 15px; border-radius:0px; background:#fff;
  background:rgba(255, 255, 255, 0.95);}
.home .main {padding-top:0px!important; background:transparent!important;}
.page-id-161 .main {background:#fff; background:rgba(255, 255, 255, 0.8);}

.home-slider, .headerclass, .mtrav-slider img, #ban-cont .image-menu_item {
  -webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.5);
  box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.5);
}
.home .main img {border-radius:9px}
.mtrav-slider .kt-slick-slide {padding:0 0 20px 0!important;}
.mtrav-slider .kt-slick-slide img {border:5px solid #d6b071}
.slick-dots {display:none!important}

#megatravelnew {width:100%!important; height:600px!important; max-width:1200px; margin:0 auto;}




#cards {font-size:18px; font-weight:500; color:#fff;}
.dest-item {display:inline-block; text-align:center; border:2px solid #FF99CC; border-radius:9px;
 padding:2px; margin:40px 20px;}
.dest-item:hover {opacity:0.75} 
.dest-item span {font-weight:500; font-size:12px; text-shadow: 1px 1px 1px rgba(0, 51, 153, 1);
 position:relative; z-index:1; }
.dest-item img {width:100px; height:auto; margin-top:-10px}

#destinos {margin-top:0px!important; height:100vh; text-align:center;}
#destinos .widget-title {text-align:center; padding:5px 20px; color:#FFF!important;
 border-radius:9px; display:inline; letter-spacing:10px;}

.button {margin:20px 10px; box-shadow:none!important; border-radius:9px; color:#003399} 
.button:hover {color:#fff} 
#megatravel iframe {width:100%; height:100vh;}




/* FOOTER ========== */
footer {text-align:center; padding-bottom:30px}
footer h3 {color:#9c161b!important; font-size:12px; font-weight:500; margin:0 0 -10px 0;
 text-transform:uppercase; letter-spacing:3px;}

footer hr {border-color:#d6b071}

/* RESPONSIVE ========== */
@media (min-width:992px) {
  #vid-row {position:relative; z-index:0; top:-216px; margin-bottom:-216px}
	.rotatext h3 {font-size:34px;}  
}
@media (max-width:991px) {
	#vid-row {position:relative; z-index:-1; top:-60px; height:100%!important; margin-bottom:-60px; overflow:hidden;}
	.rotatext h3 {font-size:20px;}  
}