/* >>>>>>>>>> RESPONSIVE */ @media (min-width:767px) {
#logo-vtpm {position:absolute; top:50px; right:10px}
#logo-vtpm img {height:60px; width:auto}
#hm-paq-cont {position:relative; top:-300px;}
#paq-cont {position:absolute; width:100%; z-index:2; left:0; top:0; box-sizing:border-box;}		
#paquetes {max-width:1200px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;
		box-sizing:border-box; gap:20px 5px; text-align:center; padding:0 15px;}
.paq-ban {position:relative; display:flex; justify-content:space-between;}
.paq-ban h3 {position:absolute; width:100%; bottom:7px; font-size:12.5px; line-height:1; background:#25397B;
		color:#FFF;	border-radius:9px; margin:0; padding:3px 0; border:4px solid #FFCC00; transition:all .25s ease}
#destinos {display:flex; flex-wrap:wrap; box-sizing:border-box;}		
#mt-slider {margin:0 25% -30px;}
.des-ban {flex:20%; text-align:center; padding:0 2%; position:relative; box-sizing:border-box;
		overflow:hidden}
.des-ban h3 {position:relative; width:60%; bottom:60px; margin-bottom:-30px!important; font-size:12.5px;
		line-height:1; background:#25397B;	color:#FFF;	border-radius:50px; margin:0 auto; padding:15px 0;
		border:0px solid #FFCC00; transition:all .25s ease}
ul.suitcase li {display:inline-block; line-height:2}
ul.suitcase li::before {font-family:'FontAwesome'; content:'\f0f2'; margin:0 3px 0 10px; color:#299846;}
.footerclass {padding:0 0 25px!important;}		
.callto {display:flex; justify-content:center; align-items:center; height:60px;
		padding:5px; margin:25px 15% 75px;}
		
}

@media (max-width:766px) {
body {font-size:13px} h2 {font-size:22px}	h3 {font-size:20px}	h4 {font-size:18px} p {font-size:13px; margin-bottom:10px!important}	
h1, h2, h3, h4, h5,	p {line-height:1.1!important}	
#paquetes {margin:-50px 0}		
.paq-ban {position:relative; float:left; width:50%; padding:0 1%; margin:0 0 -25px 0; text-align:center}
.paq-ban h3 {position:relative; width:100%; bottom:40px; font-size:9.5px; line-height:1; background:#25397B;
		color:#FFF;	border-radius:9px; margin:0; padding:3px 0; border:4px solid #FFCC00; text-align:center}
		.des-ban {position:relative; float:left; width:50%; padding:0 1%; margin:0 0 -25px 0}
#destinos {margin:-30px 0}		
.des-ban h3 {position:relative; width:80%; bottom:38px; font-size:9.5px; line-height:1; background:#25397B;
		color:#FFF;	border-radius:50px; margin:0 0 10px 10%; padding:5px 0; text-align:center}
.ditty-ticker {width:300vw!important; height:auto}
ul.suitcase {padding:0 0 0 15px!important; padding:0}
ul.suitcase li::before {font-family:'FontAwesome'; content:'\f0f2'; margin:0 3px 0 -15px; color:#299846;}		
ul.suitcase li {text-align:left!important}
.footerclass {text-shadow: 0px 0px 2px rgba(0,0,0,1.0); padding-bottom:50px!important}		
.callto {margin-bottom:15px}
.callto h3 {font-size:13px!important}		
}		


/* GLOBAL */
.center {text-align:center}
.bg-dark .widget-title {color:#FFF}
.hide {display:none!important}
.notitle .widget-title {display:none}
h4 {margin-bottom:10px!important; line-height:1!important}
.main ul li {margin:0!important}
.widget-title {margin:0 0 25px 0!important; line-height:1!important; border:0px solid red}
#content img {width:100%; height:auto}
.img-zoom {overflow:hidden; border-radius:12px}
.img-zoom img {transition:all .5s ease;}
.img-zoom:hover img {transform:scale(1.25)}
#content i {color:#299846}

/* LISTS CUSTOM */
ul.suitcase, ul.check {list-style-type:none; margin:0; padding:0;
		border:0px solid red}


ul.check li::before {font-family:'FontAwesome'; content:'\f00c'; margin:0 3px 0 5px; color:#299846;}


/* HEADER */
#topbar .container {padding:0 10px!important; justify-content:center!important;}
#topbar span {padding:0 5px}
#topbar i {color:#FFF}
#topbar i:hover {color:#FFCC00}
header {position:relative; z-index:1000!important}
#logo img {border-radius:9px; padding:2px; background:#FFF}
header .container {width:100%; max-width:100%; padding:0}
.menu_below_container {background:#299846; }
.headerclass {box-shadow:0px 20px 10px -10px rgba(0,0,0,0.75)}
.nav-main > ul {justify-content:space-between!important; column-gap:1px!important;}
.nav-main > ul.sf-menu li {flex-basis:calc(100% / 7); height:40px; text-align:center;}
.nav-main > ul.sf-menu li a {background:#25397B; height:100%; display:flex; align-items:center;
		justify-content:center}
.dropdown {font-weight:700; text-transform:uppercase}
.mobile-header-container {width:100vw!important; padding:0!important}
button.mobile-navigation-toggle .kt-mnt span {}
.mfp-bg {z-index:1042; opacity:.8!important;}/* movil menu open */


/* VIDEO */
#hm-vid-cont {position:relative; z-index:0!important; margin:0; padding:0}
#hm-vid-cont .sow-video-wrapper {line-height:0!important}
#video-footer img {height:15%!important; position:absolute; left:0; bottom:0}	
/*PAQUETES */
.paq-img-bg {border-radius:50%; border:4px solid #FFCC00; box-sizing:border-box; padding:0; overflow:hidden}
.paq-ban img {border-radius:50%; padding:4px; transition:all .5s ease;}
.paq-ban:hover img {opacity:0.75; transform:scale(1.25)}
.paq-ban:hover h3 {background:#299846;}

#news h3 {color:#FFF; font-size:20px; margin:0 0 3px 0!important;}
#news img {border-radius:9px}
/* DESTINOS */
#des-cont {padding:50px 0}
#des-cont .widget-title {text-align:center; color:#FFF}
#mt-slider img {width:100%; height:auto; border-radius:150px; padding:4px; border:4px solid #299846}
.des-img-bg {border-radius:50%; border:4px solid #299846; box-sizing:border-box; padding:4px; overflow:hidden}
.des-ban img {border-radius:50%; padding:0px; transition:all .5s ease;}
.des-ban:hover img {opacity:0.75; transform:scale(1.25)}
.des-ban:hover h3 {background:#299846;}
/* DESTINOS IFRAME */
#megatravel	{width:100%!important; height:425px!important; max-width:1200px;}

/* WHO */
#valores {display:flex;}
#valores .panel-grid-cell {align-self:stretch; border:4px solid #25397B; border-radius:12px; padding:10px;
	text-align:center; font-size:14px; line-height:1.1!important; color:#000!important; font-weight:500!important}
.icon-bg {display:inline-block; margin-bottom:-10px; background:#299846; border-radius:50%;
	width:80px; height:80px; text-align:center}
#valores i {font-size:40px; line-height:80px; color:#FFF!important; opacity:0.75; transition:all .5s ease;}
#valores .panel-grid-cell:hover i {opacity:1; transform:scale(1.25)}
#valores h3 {text-align:center; line-height:1.1!important; font-size:18px!important}
#valores hr {width:100%; margin:0 auto 10px; border:none; height:20px; background:#eee;}
#valores .who-body {text-align:left; border:0px solid red}
#radio {max-width:100%; background:#00FF00!important; opacity:1!important}

/* SERVICIOS */
#servicios hr {width:100%; margin:0 auto 25px; border:none; height:20px; background:#eee;
		border-radius:0px}
#servicios i {font-size:50px; line-height:100px; color:#FFF!important; opacity:0.75; transition:all .5s ease;}
#servicios .panel-grid-cell:hover i {opacity:1; transform:scale(1.25)}

/* BLOG ARCHIVE */
.archive .wrap {background:url('https://pdvmexico.com/wp2/wp-content/uploads/2025/08/blog-img-bg.jpg') left top repeat}
.archive article img {border-radius:12px; margin-bottom:-10px}
.archive article:hover img {opacity:0.75}
.archive .postcontent .entry-title {font-size:14px!important; font-weight:700; text-align:center;
	text-transform:uppercase; color:#FFF!important}
.archive article:hover .entry-title {color:#FFCC00!important}
.archive .entry-content {display:none}



/* CONTACTO */
form {border-radius:12px}
#map {border-top:10px solid #25397B; border-bottom:10px solid #25397B; display:block;}

/* BLOG SINGLE */
.single-post .postfeat {background:#25397B; padding:5px 25%; border-radius:12px;
	background:
		url('https://pdvmexico.com/wp2/wp-content/uploads/2025/08/blog-img-bg.jpg') left top repeat}
.single-post .postfeat img {border-radius:12px}

/* BLOG SIDEBAR */
.sidebar .widget {margin:0 0 25px 0!important;}
.sidebar .widget-title {background:#25397B!important; text-align:center; padding:5px;	margin:0 0 5px!important}
.sidebar .widget-title span {background:transparent!important; color:#FFF;
		line-height:1!important; text-transform:uppercase; font-size:15px}
.sidebar .widget-title:before {display:none}
.sidebar h5 {font-size:15px; font-weight:700; margin-bottom:-2px!important}
.sidebar {font-size:13px; line-height:1.1}
.sidebar hr {border:none; background:#DDD; height:5px; margin:10px 0;}
#pagos-img {padding:0 15%;}
#pagos-img img {border-radius:12px}

/* FOOTER */
.footerclass {text-align:center; line-height:1.5!important; font-weight:500;
		line-height:2!important;
		background:url('https://pdvmexico.com/wp2/wp-content/uploads/2025/08/footer-bg.jpg')
		center top / 100% 100% no-repeat}
.callto {border:5px solid rgba(37, 57, 123, 1.0);	border-radius:12px;}
.callto h3 {margin:0!important; line-height:1; color:#FFF; font-size:24px}
.callto h3 {filter:drop-shadow(2px 0 0 #299846)	drop-shadow(0 2px 0 #299846) drop-shadow(-2px 0 0 #299846)
		drop-shadow(0 -2px 0#299846);}
.footerclass .widget {margin-top:15px!important}
.footerclass span {padding:0 10px}
.footerclass hr {width:50%; margin:10px auto -20px; border:none; height:5px; background:rgba(255, 255, 255, 0.1); border-radius:12px}
.footercredits {padding:0 10px!important;}
#whatsapp {position:fixed; z-index:1000!important; left:5px; bottom:0;}
#whatsapp a {width:36px; height:36px; line-height:36px; display:inline-block; margin-right:5px; z-index:100;
		font-size:26px; background:#25D366; border-radius:50px; text-align:center; color:#FFF}
.to_the_top {z-index:100000000!important}


/* >>>>>>>>>> RESPONSIVE */
@media (min-width:767px) {
	.contentclass>.container {max-width:1200px!important;}		
	header .container, footer .container {width:100%; max-width:100%;}		
	.home-slider .slick-dots li button::before {top:-10px; font-size:50px!important;}
	.footercredits p {padding:0 15%}
}

@media (max-width:992px){
  .kt-header-position-above {display:block;} .outside-headerclass{display:none;}/* TOPBAR CEL */
#logo-vtpm {position:absolute; top:50px; right:15%}
#logo-vtpm img {height:40px; width:auto}
}


		
/* STANDBY
font-family:"Quicksand", sans-serif; 
flex-wrap:wrap; flex-direction:row; 
#dest-car .slick-track {display:flex!important; align-items:stretch!important;
border:1px solid red
#dest-car .slick-slide {display:flex!important}
#dest-car .slick-slide h4 {line-height:1}
#paq-cont {position:relative; z-index:2; left:0; top:-250px; border:5px solid red!important;
		box-sizing: border-box; min-height:200px} 
#dest-car {display:flex!important; justify-content:space-between!important;}
#dest-car .kt-slick-slide {display:flex!important; flex-basis:calc(100% / 4)!important}
.paq-ban {flex-basis:calc(100% / 10)}
display:block!important;
 line-height:1;

*/