@charset "utf-8";

:root {   
    --color1: #a3a3a3; 
}

:root {   
    --color2: #c8c8c8; 
}

/****************************GENERAL****************************
***************************************************************/
html, body { min-width: 980px; height: 100%; font-family: 'Poppins', sans-serif;
 }  
#testimonios{text-align: center;}
#sliderT{
    width: 100%;
    height: 310px;
    background: #fff;
}
.item-boxT{/* height: 400px; */}
.itemT{height: 500px;}
.stars{margin-top: 10px;}
.tes-desc{ margin-top:5px}
.stars i{
    color: #fed122;
}
.quotes{ display:none}
.tes-name{color:var(--color1);font-size: 30px;line-height: 30px;}
.tes-left{float:left;width: 35%;margin: 5%;margin-top: 87px;text-align: right;}
.title-megatravel{background: var(--color2);border-top-left-radius: 20px;border-top-right-radius: 20px;padding: 20px;margin: 0 auto;color: #fff;}
body { color: #7a7a7a; font: 100%/1.25em 'Poppins', sans-serif; position: relative; margin: 0; width: 100%; background: url(../images/splash.png) no-repeat center -653px #EAEAEA; }
.main {width: 940px;margin: 0 auto;position: relative;z-index: 2;}
#main-first{margin-top:-126px;}
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }
#header {height: 145px;position: relative;z-index: 9400;}
#contenido {min-height: 100%;height: auto!important;height: 100%;background: url(../images/body-tail.png) repeat center top;}
.subtitle-megatravel{
    float: left;
    margin-left: 5px;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 34px;
}
#noP{display:none;background:#ffd2d2;margin-bottom: 20px;padding: 15px 20px;border-radius: 10px;font-size: 13px;color: #e37777;}
.pages_box div{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.pages_box div:hover{ opacity:0.5}
.pages_box{margin-bottom:20px;display: block;float: left;}
.page_n.active{ background:var(--color1); color:#fff;}
.page_n, .page_prev, .page_next{background:#fff;float:left;width: 25px;text-align: center;line-height: 25px;margin-right: 5px;border-radius: 20px;cursor: pointer;}
.back-button:hover{ opacity:0.7}
.back-button{
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
	cursor: pointer;
	float:left;
	font-size: 26px;
	margin-right: 5px;
	margin-top: -2px;
}
#map-box {
  height: 80%;
  position: fixed;
  width: 80%;
  left: 10%;
  top: 10%;
  z-index: 999999;
  display: none;
  -webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.38);
  -moz-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.38);
  box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.38);
}
	#map {
  height: 100%;
  width: 100%;
}
#article {position: relative;z-index: 1;padding: 160px 0 155px 0;/* z-index: 9999; */}
nav.primary { position: absolute; right: 0; top: 0; z-index: 2; display: block }
.logo.center{left: 50%; margin-left: -74.5px; top:50%; margin-top:  -72.5px}
.img-world{
    width: 90%;
    /* background: #0097cb; */
    max-width: 900px;
    margin: 0 auto;
    display: block;
}
.close-map{color: var(--color1);font-size: 25px;position: absolute;right: -12px;top: -12px;z-index: 9999;background: #fff;cursor: pointer;border-radius: 15px;}
ul.list-1{
	list-style-type: disc;
	margin-left: 40px;
}
.icon{ position:relative}
.close-query{position:absolute;right: 22px;margin-top: -39px;font-size: 18px;cursor: pointer;display: none;}
.whats-box{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99999999;
    cursor: pointer;
}
h2.p-place{background: var(--color1);display:inline-block;padding: 5px 10px;border-radius: 5px;color: #ffff;}
.whats-img{
    background: url(../images/whats.png);
    width: 65px;
    height: 65px;
    background-size: 100%;
    float: right;
}
.whats-suc ul,.whats-suc-2 ul,.whats-suc-3 ul{ margin:0px}
.whats-reserva .whats-suc-2 i,.whats-suc-3 i{ font-size:12px}
.whats-suc-2,.whats-suc-3{
    background: #f2f2f2;
    position: absolute;
    bottom: 60px;
    right: 0;
    font-size: 12px;
    line-height: 17px;
    width: 115px;
    text-align: left;
    display: none;
    color: #b7b7b7;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    Z-INDEX: 1;
    box-shadow: 0px 0px 14px -7px rgba(0,0,0,0.51);
    -webkit-box-shadow: 0px 0px 14px -7px rgba(0,0,0,0.51);
    -moz-box-shadow: 0px 0px 14px -7px rgba(0,0,0,0.51);
}
.whats-suc{
    background: #f2f2f2;
    position: absolute;
    bottom: 84px;
    right: 0;
    font-size: 12px;
    line-height: 17px;
    width: 115px;
    display: none;
    color: #b7b7b7;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    Z-INDEX: -1;
    box-shadow: 0px 0px 14px -7px rgba(0,0,0,0.51);
    -webkit-box-shadow: 0px 0px 14px -7px rgba(0,0,0,0.51);
    -moz-box-shadow: 0px 0px 14px -7px rgba(0,0,0,0.51);
}
.whats-suc-close{position:absolute;right: 7px;top: 5px;}
.whats-suc:after,.whats-suc-2:after,.whats-suc-3:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: 38px;
	z-index:-1;
	bottom: -14px;
	border: 7px solid;
	border-color: #f2f2f2 #f2f2f2 transparent transparent;
}

.whats-suc:before,.whats-suc-2:before,.whats-suc-3:before{ 
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: 36px;
	bottom: -18px;
	border: 9px solid;
	z-index:-1;
	border-color: #ccc #ccc transparent transparent;
}

.whats-img-p{}
.whats-img-bg{
    background: #36be49;
    width: 65px;
    height: 65px;
    border-radius: 40px;
    position: absolute;
    z-index: -1;
    opacity:.5;
    animation: zoom-in-zoom-out 1.5s linear infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
.whats-text{
    background: #f2f2f2;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 11px;
    padding-right: 20px;
    position: absolute;
    width: 125px;
    right: 49px;
    top: 20px;
    color: #b7b7b7;
    border: 1px solid #ccc;
    Z-INDEX: -2;
    box-shadow: 0px 0px 14px -7px rgba(0,0,0,0.51);
    -webkit-box-shadow: 0px 0px 14px -7px rgba(0,0,0,0.51);
    -moz-box-shadow: 0px 0px 14px -7px rgba(0,0,0,0.51);
}
.getState{
    color: var(--color1);
}
.spinner{display:none;width:100%;height:100%;position:fixed;background: #fff6;z-index: 99999;}
.spinner i{position:absolute;left: 50%;top: 50%;font-size: 38px;color: #e9680a;width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;text-align: center;line-height: 50px;}
#agenciaLink{
    display: block;
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 20px 30px;
    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 20px;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#ofertas2 {
    position: relative;
    padding-bottom: 340px;
    /* overflow: hidden; */
}
.img-promo-bg{width: 617px;height: 617px;position:absolute;background: url(../images/promo-bg.png);background-size: auto 100%;right: -115px;top: -117px;z-index: 9401;background-repeat: no-repeat;}
.img-promo-bg-p{width: 617px;height: 617px;position:absolute;background: url(../images/promo-bg.png);background-size: auto 100%;right: -115px;top: -117px;z-index: 9401;background-repeat: no-repeat;}
.img-promo-p{
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
}
.item-img-bg-2{
	position:absolute;
	width:400px;
	height:400px;
	right:0;
	z-index: 9999;
	top: 15px;
}
.item-img-bg-p{
	position:absolute;
	width:400px;
	height:400px;
	left: 0;
	z-index: 9999;
	top: 15px;
}
.p-top-col{float:right;width: 45%;color: #fff;}
.pa-top-col{float:right;width: 50%;margin-right: 10%;color: #fff;}
.pa-top-col p{
    height: 80px;
    overflow: hidden;
}
.impuestos-text-2{ margin-bottom:20px; margin-top:0px}
.item-img-bg-2 img{width:100%;border-radius: 200px;}
.item-img-bg-p img{width:100%;border-radius: 200px;}
#home{padding-top: 80px;padding-bottom: 80px;}
.img-world img{width: 90%;margin: 0 auto;position: relative;display: inherit;max-width: 900px;}
.loading-screen {
  position: relative;
  padding-left: 0;
  padding-right: 0;  
  padding-top: 0;
  background-color: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
  width: 100%;
  height: 100%; 
  transform: scaleY(0) skewX(0);
  transform-origin: top left;
}
#contrails{
    position: absolute;
    padding-bottom: 360px;
    top: 0;
    background: var(--color2);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    z-index: -1;
    min-height: 700px;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
#contrails2 {
    position: absolute;
    top: -25px;
    background: var(--color2);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    z-index: -1;
    min-height: 700px;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#contrails-destinos{
    position: absolute;
    top: -25px;
    z-index: -1;
    min-height: 700px;
    width: 100%;
    overflow: hidden;
    background:var(--color1);
    opacity: 0.7;
    }
#contrails-ofertas{ position: absolute;
    top: -25px;
    z-index: -1;
    min-height: 700px;
    width: 100%;
    overflow: hidden; background:var(--color2)}
#contrails-playas-mexico{ position: absolute;
    top: -25px;
    z-index: -1;
    min-height: 700px;
    width: 100%;
    overflow: hidden; background:var(--color2)}
#contrails-nacional{ position: absolute;
    top: -25px;
    z-index: -1;
    min-height: 700px;
    width: 100%;
    overflow: hidden; background:var(--color2)}
#contrails-internacional{ position: absolute;
    top: -25px;
    z-index: -1;
    min-height: 700px;
    width: 100%;
    overflow: hidden; background:var(--color2)}

#contrails-paquetes{
    position: absolute;
    top: -25px;
    z-index: -1;
    min-height: 770px;
    width: 100%;
    overflow: hidden;
    background: var(--color2);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    }
.prevnext3{position: absolute;left: 50%;margin-left: -32.5px;top: -50px;z-index: 9999999;}

.prevnext{position: absolute;left: 50%;margin-left: -32.5px;top: -50px;z-index: 9999999;}
#prev1,#prev3,#prevT{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;float: left;width: 30px;height: 30px;line-height: 30px;font-size: 10px;background: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 15px;color: #fff;cursor: pointer;}
#next1,#next3, #nextT{
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    background: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    border-radius: 15px;
    color: #fff;
    margin-left: 5px;
    cursor: pointer; 
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
#prev1:hover,#prev3:hover{opacity:0.5}
#next1:hover,#prev3:hover{opacity:0.5}
.prevnextT{position: absolute;right: 60%;top: 40px;text-align: center;z-index: 9999999;}

.prevnext2{position: absolute;left: 470px;top: 40px;text-align: center;z-index: 9999999;}
#prev2{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;float: left;width: 30px;height: 30px;line-height: 30px;font-size: 10px;background: #7a7a7a;border-radius: 15px;color: #fff;cursor: pointer;}
#next2{
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    background: #7a7a7a;
    border-radius: 15px;
    color: #fff;
    margin-left: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.tes-right {float: right;overflow: hidden;height: 310px;width: 55%;}
div.tes-right > div.tes-inner {
    width: 100%;
    height: 100%;
}
.tes-right iframe{ width:100%; height:100%}
div.tes-right > div.tes-inner > iframe {/* position: absolute; *//* top: 0; *//* right: 0; *//* bottom: 0; *//* left: 0; */}
#prev2:hover{opacity:0.5}
#next2:hover{opacity:0.5}
.item-box{width: 46%;margin: 2%;float: left;}
.item3 a{ text-decoration:none;
		 -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.item3{
    width: 100%;
    color: #fff;
    position: relative;
    box-shadow: 0px 0px 42px -23px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 42px -23px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 42px -23px rgba(0,0,0,0.75);
    text-align: left;
    border-radius: 10px;
    overflow: hidden;
    max-height: 684px;
}
.item-id{font-size: 13px;line-height: 13px;position: relative;text-align: right;color: var(--color1);}
.item3 a:hover{
opacity:0.8;
}
.item-text-box{background: #fff;min-height: 350px;padding: 4%;color: #7a7a7a;}
.item-text-box i{margin-right:5px;color: var(--color1);}
.destinos-col-left{
    width: 470px;
    height: 400px;
    float: left;
    position: relative;
}
.leyenda-jpg{ font-size:10px; line-height:10px}
.impuestos-text-3 {
    font-size: 17px;
    line-height: 14px;
    color: var(--color1);
    margin-bottom: 5px;
}
.impuestos-text{font-size: 13px;line-height: 18px;color:var(--color1);margin-bottom: 5px;}
#destinos{
    padding-top: 120px;
    padding-bottom: 120px;
}
.destino-img{
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.destinos-img{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 360px;
    height: 360px;
    float: right;
    margin-right: 5%;
}
.destinos-col{
    width: 50%;
    float: left;
    margin-top: 90px;
}
.destinos-title{
    font-size: 5vw;
    line-height: 5vw;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--color1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
} 
.destinos-txt{
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.destinos-price{
    font-size: 40px;
    line-height: 40px;
    margin-left: 10px;
}
#ofertas p{max-width:300px;margin:0 auto;margin-bottom: 80px;}
#ofertas{padding-top: 120px;padding-bottom: 120px;text-align: center;background: #fff;position: relative;}

#destacados p{max-width:300px;margin:0 auto;margin-bottom: 80px;}
#destacados{padding-top: 120px;padding-bottom: 120px;text-align: center;position: relative;}
#operadora{padding-top: 120px;padding-bottom: 120px;background: url(../images/operadora.png) #fcb807;background-size: cover;background-repeat: no-repeat;background-position: right;}
.col-operadora{width:40%;margin-left:5%;color: #fff;margin-bottom: 300px;}
.main100{max-width: 1300px;margin: 0 auto;width: 100%;}
#reserva{
			background:#f9d0bd;
			margin-top: 0px;
			padding-top: 120px;
			padding-bottom: 120px;
			position: relative;
			z-index: 9999999999;
			}
.reserva-img{
    background: url(../images/reserva.png);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    background-size: 76% auto;
    background-repeat: no-repeat;
    background-position: 0px bottom;
    z-index: -1;
    max-width: 1600px;
}
.reserva-txt{
    font-size: 100px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 60px;
    line-height: 100px;
    padding-left: 40px;
    position: relative;
    z-index: -2;
}
.reserva-col{
    width: 30%;
    float: right;
    padding-right: 10%;
}
.reserva-col span{margin-left: 10px;margin-right: 10px;}
.loading-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 9999999999999 !important;
  pointer-events: none;
}
#home .item-title{
    line-height: 25px;
    font-size: 20px;
    width: 50%;
    height: 75px;
}
.item-title{font-size: 22px;line-height: 22px;font-weight: bold;width: 100%;position: relative;z-index: 99999;text-transform: capitalize;position: relative;height: 65px;overflow: hidden;display: flex;align-items: end;}
.item-img{}
.item-img-box{
    height: 100%;
    position: relative;
    width: 80%;
    right: 0;
    top: 0;
    text-align: right;
    overflow: auto;
    z-index: -5;
    background-position: center center;
    background-size: cover;
}
.item-JPG .item-img-bg{
    /* background-size: 100% auto; */
    /* background-repeat: no-repeat; */
    /* background-position: center right; */
    background: none;
}
.item-img-bg{
    background: url(../images/item-bg.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-position: center right;
}
.banner-inicio{}
.item-title is-animated{}
#home .item-precio{/* color:#fff; */font-size: 70px;line-height: 75px;}
.item-precio{
    width: 40%;
    font-size: 7vw;
    line-height: 7vw;
    font-size: 70px;
    line-height: 70px;
    padding-left: 20px;
    position: relative;
    font-size: 7vw;
    line-height: 7vw;
    font-size: 60px;
    line-height: 70px;
    padding-left: 0px;
    position: relative;
    color: var(--color1);
}
.item-precio span{font-size: 2vw;line-height: 2vw;text-transform: uppercase;}
#home .item-por{
    font-size: 15px;
    line-height: 15px;
    } 
.item-por{
  font-size: 13px;
  line-height: 13px;
  width: 30%;
  position: relative;
  padding-left: 20px;
  padding-bottom: 20px;
  font-size: 13px;
  line-height: 13px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  margin-bottom: 15px;
}
.item-por span{text-transform: uppercase;font-size: 10px;}
#home .item-lugar{
	font-size: 25px;
	line-height: 30px;
	height: 30px;
}
.item-lugar{
   
    font-size: 21px;
    line-height: 21px;
    width: 30%;
    position: relative;
    padding-left: 20px;
    text-transform: capitalize;
    height: 21px;
    overflow: hidden;
    font-size: 2.5vw;
    line-height: 2.5vw;
    font-size: 21px;
    line-height: 21px;
    width: 90%;
    position: relative;
    padding-left: 20px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    color: var(--color1);
}
.item-lugar i{ margin-right:5px}
#home .item-transporte{
    font-size: 13px;
    line-height: 13px;
    }
.item-transporte{
  
    font-size: 10px;
    line-height: 10px;
    width: 30%;
    position: relative;
    padding-left: 20px;
    padding-top: 5px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 1vw;
    line-height: 1vw;
    font-size: 10px;
    line-height: 10px;
    position: relative;
    padding-left: 20px;
    padding-top: 5px;
    text-transform: uppercase;
    padding: 0px;
    width: 100%;
}
.item-hotel{
    font-size: 21px;
    line-height: 23px;
    position: relative;
    padding-left: 20px;
    padding-top: 20px;
    margin-bottom: 2px;
    padding: 0px;
    margin: 0px;
}
.item-hotel i{ margin-right:5px}
.item-logo-agua img{
    width: 100%;
}
.item-hotel img{}
.item-JPG .item-logo-agua{width: 119px;}
.item-logo-agua{
    width: 130px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99999999;
}
.item-marca-agua{
    width: 60%;
    position: absolute;
    right: 20px;
    bottom: 40px;
    display: none;
}
.item-marca-agua img{
    width: 100%;
}
.item-prom-txt{
    font-size: 23px;
    line-height: 23px;
    color: var(--color1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: bold;
    text-align: center;
    padding: 45px 15px 5px 15px;
    width: 140px;
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    line-height: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: bold;
    text-align: left;
    position: relative;
    width: 100%;
}
.item-prom{
    color: #fff;
    text-align: left;
    height: 40px;
}
.item-prom-terminos{
    text-align: left;
    color: #fff;
    text-align: left;
    line-height: 13px;
}





.item3 .item-title{}
.item3 .item-img{}
.item3 .item-img-box{
    height: 300px;
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
    text-align: right;
    z-index: -5;
    background-position: center center;
    background-size: cover;
    /* z-index: 1; */
}
#home .p-info-title-2{font-size: 10px;line-height: 10px;}
.p-info-title-2{font-size: 10px;text-transform: uppercase;letter-spacing: 0px;font-weight: bold;color: var(--color1);}
.item3 .item-img-bg{
    position: absolute;
    top: 0;
    background: rgba(0,0,0,0.3);
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 110% auto;
    background-repeat: no-repeat;
    background-position: center right;
    display: none;
}
#home i {
    margin-right: 5px;
    color: var(--color1);
}
.p-info-2{
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 15px;
}
.item3 .item-title is-animated{}
.item3 .item-precio{
}
.item3 .item-precio span{font-size: 2vw;line-height: 2vw;}
.item3 .item-por{
}
.item3 .item-por span{text-transform: uppercase;font-size: 10px;}
.item3 .item-lugar{
}
.item3 .item-transporte{

}
.item3 .item-hotel{
    padding-left: 20px;
    padding: 0px;
}
.item3 .item-logo-agua img{
    width: 100%;
}
.item3 .item-hotel img{
    width: 100%;
}
.item3 .item-logo-agua{
    width: 130px;
    position: absolute;
    right: 20px;
    bottom: 0px;
}
.item3 .item-marca-agua{
    width: 60%;
    position: absolute;
    right: 20px;
    bottom: 70px;
    opacity: 0.3;
    display: none;
}
.item3 .item-marca-agua img{
    width: 100%;
}
.item3 .item-prom-txt{

}
.item3 .item-prom{}
.item3 .item-prom-terminos{
    color: #fff;
    position: relative;
}

/****************************LINKS****************************
***************************************************************/
a img { border: none }
.text-9 a { text-decoration: none }
.text-9 a:hover { text-decoration: underline }
/****************************LISTAS****************************
***************************************************************/
ul, ol, dl { padding: 0; margin: 0; }
/****************************TEXTOS****************************
***************************************************************/
h1, h2, h3, h4, h5, h6, p { margin-top: 0; padding-right: 0px; padding-left: 0px; }
h3{
  font-size:1.1666em;
  margin:0 0 1.286em;
  color: #7a7a7a;
  line-height: 15px;
}
.text-1 { color: #c2c2c2; letter-spacing: -4px; text-shadow: 1px 1px 1px #fff; font-size: 70px; line-height: 82px; }
.text-2 { color: #c2c2c2; letter-spacing: 0px; text-shadow: 1px 1px 1px #fff; margin-top: 5px; font-size: 22px; line-height: 28px; }
.text-3 { color: #fff; font-weight: 700; font-size: 36px; line-height: 44px; text-transform: uppercase; letter-spacing: -2px; }
.text-4 { font-size: 18px; line-height: 22px; color: #474747; letter-spacing: normal; text-shadow: 1px 1px 1px #fff; float: left; padding-top: 6px; padding-right: 10px; }
.text-5 { font-size: 15px; line-height: 19px; color: #474747; letter-spacing: 0px; text-shadow: 1px 1px 1px #fff; float: left; padding-top: 8px; display: block; }
.text-9 { font-size: 15px; nowhitespace: afterproperty; line-height: 22px; /*color: #EEE60F;*/ color: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; text-transform: uppercase; margin-top: -4px; font-weight: normal; ;; }
.p1 { margin-top: 20px }
.p1 span { color: #414141; font-weight: bold; }
.p2 { overflow: hidden; padding-top: 4px; }
/****************************CICLOS****************************
***************************************************************/
.cycle {display: inline;float: left;/* overflow: hidden; */position: relative;z-index: 1;width: 100%;}
.cycle-2 {display: inline;float: left;/* overflow: hidden; */position: relative;z-index: 1;width: 80%;margin-top: -160px;opacity: 0.5;}

.item1 { display: block; background: none !important; height:285px; }
.item {display: block;background: none !important;}
.item img {height: 100%;}

.item {height: 450px;width:940px;/* box-shadow: 0px 0px 42px -23px rgba(0,0,0,0.75); *//* -webkit-box-shadow: 0px 0px 42px -23px rgba(0,0,0,0.75); */-moz-box-shadow: 0px 0px 42px -23px rgba(0,0,0,0.75);cursor: pointer;}
#nav {display: inline-block;overflow: hidden;position: absolute !important;text-align: center;top: 29px;max-width: 200px;z-index: 99999;left: 5%;margin-left: 0PX;}
#nav li {float: left;list-style: none;}

#nav a {width: 13px;height: 13px;background: #fff; opacity:0.5;display: block;border-radius: 15px;margin-right: 7px;}
#nav li.activeSlide a {background: #ffffff; opacity:1}
#nav a:focus { outline: none }
#nav a:hover { opacity:1 }
#nav2 { display: inline-block; overflow: hidden; position: absolute !important; right: 0px; text-align: center; top: 198px; z-index: 6; }
#nav2 li { float: left; list-style: none; }
#nav2 a { background-image: url(../images/boton3.png); background-repeat: no-repeat; background-position: center center; width: 15px; height: 15px; padding-right: 2px; display: block; }
#nav2 li.activeSlide { background-image: url(../images/boton2.png) }
#nav2 a:focus { outline: none }
#nav2 a:hover { background-image: url(../images/boton2.png) }
.banner-inicio { width: 360px; position: absolute; top: 143px; left: 0px; }
.banner-inicio .title h1 {
	font-size: 93px;
	line-height: 0.85em;
	color: #505050;
	margin: 0 0 15px 0px;
	font-weight: 300;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	letter-spacing: -5px;
	border-bottom: 1px solid gainsboro;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 16px;
}
.banner-inicio .title-description h2 {color: #505050;font-size: 22px;text-transform: uppercase;line-height: 1.1em;margin: 0 0 22px 0;font-weight: normal;}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////tu sitio*/
#tusitio .inputCSS input,#tusitio .inputCSS select,#tusitio .inputCSS textarea {
	background:none;
	border: 2px solid #fff;
	border-radius:40px;
	color:#fff;
	font-size: 17px;
}
.error-empty, .error-msg-2{display:none;color: #df4e4e;background: #ffe5e5;padding: 10px 15px;font-size: 13px;margin-top: -8px;margin-bottom: 10px;}
.error-msg{display: block;color: #df4e4e;background: #ffb2b2;padding: 17px 15px;border-radius: 27px;font-size: 13px;margin-top: 8px;}
.error-msg i{ margin-right:5px;}
#tusitio input#subdomainVal {
	background:var(--color2);
}
.arterisco{
	color: #fff;
	margin-top: -50px;
	float: right;
	margin-right: 20px;
	font-size: 25px;
}
/* The message box is shown when the user clicks on the password field */
#message {
  display:none;
  background: #fff;
  color: #515151;
  position: relative;
  font-size: 12px;
  padding: 15px;
  border-radius: 10px;
  margin-top: 10px;
  border: 2px solid #fff;
}
.bottom-btn{ margin-top:20px; margin-bottom:20px}
.col-5 #message p {
  padding: 0px;
  font-size: 12px;
  margin: 0;
  line-height: 13px;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
  color: #3ba223;
}

.valid:before {
   display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
	      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f058";
	margin-right: 5px;

}

/* Add a red text color and an "x" icon when the requirements are wrong */
.invalid {
  color: #ff4141;
}

.invalid:before {
   	display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f057";
	margin-right: 5px;
}
.iphone-box{
    position: relative;
    margin: 0 auto;
    width: 230px;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 37px;
}
.iphone-box video{
   position:absolute;
   top: 0;
   z-index: 1;
   border-radius: 35px;
}
.iphone-img{
    position: relative;
    z-index: 2;
    margin: 0 auto;
}
.icon input{padding-left: 50px;}
.tusitio-img{
    background: url(../images/tusitio.jpg);
    background-repeat: no-repeat;
    font-size: 17px;
    height:100%;
    width: 60%;
    position: fixed;
    z-index: -10;
    top: 200px;
    background-size: cover;
    background-position: center;
    max-height: 1000px;
}
.tu-sitio-welcome{color:#fff;font-weight: normal;}
.tu-sitio-welcome a{color:#ffb800;font-weight: normal;}

.tu-sitio-welcome b{color:#fff;font-weight: bold;font-size: 20px;}
.tu-sitio-welcome ul{margin-left: 40px;margin-top:20px}
.tu-sitio-welcome ul i{
					  margin-left: -25px;
					  margin-right:5px;
					  width: 20px;
					  text-align: center;
					  }
#tusitio h1{ color:#fff}
#tusitio h2{color:#fff;display: block;margin-top: 40px;}
.col-5 p{}
.col-5{
    float: right;
    width: 60%;
    margin-right: 5%;
    max-width: 500px;
    background: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    padding: 50px 40px;
}

.login-btns{margin-bottom: 40px;color: #fff;display: inline-block;}
/*========================================================
                    LOGIN
=========================================================*/
.link-forelang-txt{
    float: left;
    line-height: 28px;
    margin-left: 0px;
    color: #7a7a7a;
    font-weight: normal;
    }
	.link-forelang{
    display: block;
    margin-top: 0px;
    text-align: center;
    height: 36px;
    float: left;
    width: 50%;
    }
	.link-forelang img{ float:left}
	.translate{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
    border: 1px solid #424242;
    display: block;
    padding: 5px 15px;
    background: #424242;
    float: left;
    margin-right: 7px;
    cursor:
    pointer;
    margin-bottom: 10px;
    border-radius: 15px;
    }
	.translate-box{margin-top: 60px;margin-bottom: 0px;}
	.color-pick{
    margin: 0 auto;
    margin-top: 20px;
    width: 197px;
    height: 24px;
    text-align: center;
}
	.color-pick li{width:20px;height: 20px;float:left;border-radius: 15px;margin: 2px;border: 2px solid #333;cursor: pointer;}
	.translate.active{
    background: #424242;
    border: 1px solid #fff;
    }
	.translate:hover{opacity:0.5}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  /* border: none; */
  border-bottom: 2px solid #fff;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
#login-body{background: #eaeaea;padding:0;margin:0;}
.login-error{
    display: block;
    color: #f5471b;
    padding-bottom: 20px;
    /* float: right; */
    margin-top: 30px;
    border: 1px solid #333333;
    text-align: center;
    padding: 10px;
    border-radius: 25px;
    margin: 0 auto;
    margin-top: 10px;
    background: #424242;
    }
.login-box{
	z-index:8;width: 400px;
padding: 80px 60px 80px 60px;
position:relative;
    margin: 0 auto;}
	.login-top{
    text-align: center;
    background: #e9680a;
    border-top-right-radius: 26px;
    border-top-left-radius: 26px;
    padding: 30px;
    padding-top: 40px;
}
.login-content {
    background: #333333;
    padding: 30px;
    border-radius: 26px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.privacy-policy{ color:#fff; text-align:center; font-size:13px; margin-top:20px}
/* SQUARED FOUR */
.squaredFour {
	width: 15px;
    height: 15px;
    position: relative;
    float: left;
}

.squaredFour label {
	cursor: pointer;
	position: absolute;
	width: 13px;
	height: 13px;
	top: 0;
	left: 0px;
	border-radius: 4px;
	background: #eaeaea;
	/*cursor: pointer;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 0;
    border-radius: 4px;
	
    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    background: #fcfff4;
	
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );*/
}

.squaredFour label:after {
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 6px;
    height: 3px;
    background: transparent;
    top: 2px;
    left: 2px;
    border: 3px solid #333;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredFour label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.squaredFour input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
#squaredFour{
	width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
}
.squaredFour-txt{
    position: absolute;
    left: 20px;
    width: 200px;
	color:#fff
}
	.logo{    }
	.logo-txt{
	font-size: 16px;
	color: #fff;
	letter-spacing: 2px;
	margin-top: 9px;
	font-weight: normal;
	line-height: 30px;
}
	.login-form input{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    outline: none;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    color: #fff;
    font-size: 15px;
    font-weight: 100;
    font-family: 'Relawey', sans-serif;
    background: #424242;
    border: none;
    border: 2px solid #fff;
    border-radius: 26px;
    -webkit-appearance: none;
    box-shadow: none !important;
    padding: 13px 18px 13px 35px;
    outline: none;
    margin-bottom: 15px;
    }
.bgstretcher-area { text-align: left; width: 100%; position: relative; z-index:-1 }
.bgstretcher,
.bgstretcher UL,
.bgstretcher UL LI { position: absolute; top: 0; left: 0; }
.bgstretcher UL,
.bgstretcher UL LI { margin: 0; padding: 0; list-style: none; }
.bgstretcher {/* background: #01c675; */nowhitespace: afterproperty;nowhitespace: afterproperty;nowhitespace: afterproperty;overflow: hidden;width: 100%;position: fixed;z-index: 1;_position: absolute; /*IE6 doesn't support fixed positioning*/top: 0;left: 0;}
.prevBtn { width: 100px; height: 100px; display: inline-block; position: absolute; left: 0; background: url(../images/bg5.png); top: 35%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); cursor: pointer; overflow: hidden; z-index: 10; text-align: center; }
.nextBtn { width: 100px; height: 100px; display: inline-block; position: absolute; right: 0; background: url(../images/bg5.png); top: 35%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); cursor: pointer; overflow: hidden; z-index: 10; text-align: center; }
.bgstretcher-page { width: 100%; height: 100%; }
	.login-welcome{
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 30px;
    font-weight:
    bold;
    letter-spacing: 3px;
    }
.login-form input[type=checkbox] {
    visibility: hidden;
}
	.login-form label{ position:relative}
	.login-form .log-icons:after{
    position: absolute;
    position: absolute;
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 41px;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    content: "\f007";
    top: -13px;
    left: 11px;
    padding: 0px;
    background: none;
    min-width: 20px;
    text-align: center;
    color: #fff;
    }
	.login-form label#user:after{ content: "\f007";}
	.login-form label#password:after{ content: "\f084";}
	
	.login-form input::-webkit-input-placeholder {
   color: #FFF;
}

.login-form input:-moz-placeholder { /* Firefox 18- */
   color: #FFF;  
}

.login-form input::-moz-placeholder {  /* Firefox 19+ */
   color: #FFF;  
}

.login-form input:-ms-input-placeholder {  
   color: #FFF;  
}
.btn-1{
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
	color:#fff;
	padding: 12px 20px;
	font-size: 17px;
	border-radius: 40px;
	display: inline-block;
	border: 2px solid #fff;
	text-decoration: none;
	cursor:pointer;
}
.box-2{
	display: none;
	padding: 20px;
	border: 4px solid rgba(255,255,255,0.2);
	BORDER-RADIUS: 20PX;
	margin-bottom: 20px;
}
.btn-1:hover{ background:#fff;color: var(--color2);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
.btn-1.active{background:#fff;color: var(--color2);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.login-btns span{
    margin-left: 20px;
    margin-right: 20px;
}
#tusitio input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#tusitio input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#tusitio input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#tusitio input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////PAQUETES*/
.admin .pa-days-line{ border-right: 3px dotted #e9680a;}
.pa-days-line{
    width: 3px;
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 8px;
    z-index: 1;
    border-right: 3px dotted var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}
.day-content{ display: none;}
.sub-division{
    border: 1px solid #eaeaea;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    background: rgba(0,0,0,0.06);
}
.pa-days-padding{ padding-left:30px}
.pa-section-title{}
.title-btn i{}
.title-btn {}
.pa-section{}
.pa-days-img{
    float: left;
    position: absolute;
    width: 200px;
    height: 200px;
    left: -8%;
    background-size: cover;
    background-position: center;
}
.pa-days-col{
    width: 80%;
    float: right;
    position: relative;
}
.pa-days-col.admin{ width:100%}
.marker{
    width: 25px;
    height: 25px;
    color: #fff;
    background: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    border-radius: 25px;
    text-align: center;
    line-height: 25px;
    margin-right: 7px;
}
.admin .pa-days{ color: #e9680a;}
.pa-days {
    font-size: 15px;
    font-weight: bold;
    color: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    display: block;
    padding: 10px 0px;
    cursor: pointer;
    position: relative;
    z-index: 3;
    width: 100%;
    display: block;
    text-transform: capitalize;
}

.qa-title{
    font-size: 15px;
    font-weight: bold;
    color: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    display: block;
    padding: 10px 0px;
    cursor: pointer;
    position: relative;
    line-height: 25px;
    z-index: 3;
    }
#table-1 {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}

#table-1 td, #table-1 th {
  border: 1px solid #ddd;
  padding: 8px;
  border-right: 0px;
  border-left: 0px;
}

#table-1 tr:nth-child(even){background-color: #f2f2f2;}

#table-1 tr:hover {background-color: #ddd;}

#table-1 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
  color: white;
  text-align: center;
}

#table-2 {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  font-size: 12px;
}
#table-2 td, #table-2 th {
  border: 2px solid #e7e7e7;
  padding: 0px;
  border-right: 1px;
}
.select-proveedor i{ margin:5px; color:#ccc
				   }
.select-proveedor.active i{color:#d45b1a
				   }
#table-2 th{ border: 2px solid #d45b1a;
  padding: 0px;
  border-right: 1px; }
.permisos-container{padding: 10px 20px;}
.span-input{display:block;padding: 6px;}
.table-btn{cursor:pointer;color:#e9680a;font-size: 15px;}
.permisos-box{ display:none}

#table-2 tr:nth-child(even){background-color: #f2f2f2;}


#table-2 th {
  padding: 12px 5px;
  text-align: left;
  background-color: var(--color1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: white;
  text-align: center;
}

.currency{
    font-size: 13px;
    border: 1px solid #7a7a7a;
    border-radius: 15px;
    padding: 2.5px 10px;
    margin-left: 5px;
    color: #7a7a7a;
    text-transform: uppercase;
}
.incluye-title{
    font-size: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    display: inline-block;
}
.incluye-ul{
    padding-left: 30px;
}
.orange i{ color:var(--color1) }
.incluye-ul li{position: relative;line-height: 20px;}
.incluye-title.red{
    color: #f13d3d;
}
.incluye-ul.red{}
.incluye-title.green{
    color: green;
}
.incluye-ul i{position: absolute;left: -20px;line-height: 20px;}
.incluye-ul.green{
}
.qa-ul  b{color: #7a7a7a;}
.incluye-ul.green i{color: green;}
.incluye-ul.red i{color: #f13d3d;}
.qa-title i{ line-height:25px}
.pa-days i{ line-height:25px;}
.admin .pa-days i.marker{ background:#e9680a}
.pa-days i.marker{ line-height:25px;color: #fff;border-block-color: #fff;border-color: #fff;border-inline-color: #fff;caret-color: #fff;color: #fff;column-rule-color: #fff;outline-color: #fff;text-decoration-color: #fff;text-emphasis-color: #fff;-webkit-text-fill-color: #fff;-webkit-text-stroke-color: #fff;}
.title-btn{}
.pa-days-content{
    padding: 10px 10px 10px 40px;
}
.date-salida i{margin-right:5px;color: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;line-height: 20px;}
#paquete-content{
    margin-top: -300px;
    font-size: 13px;
    line-height: 17px;
}
.p-share-btn i{ margin-right:5px}
.p-share-btn a{ color:#fff; text-decoration:none}
.p-share-btn.whatsapp a{ color:#7a7a7a; text-decoration:none}

.p-share-btn{width:100px;background: var(--color1);margin: 5px;border-radius: 20px;padding: 5px;text-align: center;float: left;color: #fff;cursor: pointer;}
.whats-reserva{background: rgb(35,178,58);background: linear-gradient(90deg, rgba(35,178,58,1) 0%, rgba(92,213,103,1) 100%);padding: 5px 15px;color: #fff;width: 157px;margin: 0 auto;text-align: center;border-radius: 50px;cursor: pointer;position: relative;display: block;}
.whats-reserva i{font-size: 35px;margin-right: 5px;float: left;}
.whats-reserva span{
    /* padding: 7px 0px; */
    display: inline-block;
    float: left;
    line-height: 35px;
}
.item-JPG-box{
	position: absolute;
	z-index: 9999999;
	text-align: left;
	display: none;
	/* overflow: hidden; */
	padding: 10px;
	background: var(--color1);
	margin-top: 20px;
	z-index: 99999999999999999;
}
.close-img-create{position: absolute;right: 5px;top: 8px;font-size: 17px;}
.download_jpg{
	margin-bottom: 10px;
	text-decoration:underline;
	font-size:13px
}
.item-JPG{
    width: 350px;
    /* height: 630px; */
    z-index: 99999999;
    position: relative;
    /* overflow: hidden; */
}
.item-JPG .item-img-box{
    width: 100%;
    height: 250px;
}
.item-JPG .item-title{
    width: 100%;
    text-align: left;
}
.p-share-box{
			padding: 30px;
			padding-bottom: 60px;
			}
.paquete-box{
    background: #fff;
    padding: 5%;
    width: 80%;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.whatsapp{
    background: rgb(35,178,58);
    background: linear-gradient(90deg, rgba(35,178,58,1) 0%, rgba(92,213,103,1) 100%);
    position: relative;
    }
.word{background:#00acee}
.facebook{ background:#3b5998}
.pdf{ background:red}
.instagram{  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.p-share{
    background: var(--color2);
    bottom: 0;
    left: 5%;
    width: 90%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin: 0 auto;
}
.admin .pa-section-title{
    color: #e9680a;
}
.pa-section-title{
    font-size: 20px;
    color: var(--color1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    cursor: pointer;
    padding: 20px 0px;
    font-weight: bold;
}
.pa-section-title i{
    float: right;
}
#table-2 .desc{color: #acacac;font-size: 12px;line-height: 12px;display: block;}

#section-permisos span{color: #acacac;font-size: 12px;line-height: 12px;display: block;}
.pa-section{
    padding: 2%;
    position: relative;
    display: inline-block;
    width: 96%;
    margin-bottom: 40px;
}
#section-2{ min-height:200px}
.pa-data-box{
    width: 100%;
}
.pa-data-title{
    color: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}
.switch-box{}
.switch-box{
    margin-bottom: 20px;
    float: left;
    margin-right: 20px;
    text-align: center;
    padding: 7px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    color: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}
.switch-box.small{
    border: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    height: 40px;
}
.switch-box.small .switch{
    width: 52px;
    height: 26px;
}

.switch-box.small .slider.round:before{
    width: 18px;
    height: 18px;
}
.pa-data-txt{
    font-size: 15px;
    line-height: 20px;
}
.pa-img{
}
.item-pe{
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
}
#slider-pe{width: 50%;height: 580px;position: absolute;z-index: -1;}
.pa-price span{
    font-size: 35px;
    line-height: 50px;
    font-weight: 200;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////NOSOTROS*/
#us{
    position: relative;
    background: var(--color2);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}
.us-img{
    width: 40%;
    height: 600px;
    float: left;
    background: url(../images/us.jpg);
    background-position: center;
    background-size: cover;
}
.us-col{
    float: right;
    width: 50%;
    padding-top: 5%;
}
.us-bottom{
    background: #d3d3d3;
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 0px;
    height: 120px;
    z-index: 1;
}
.us-col-2 i{
    margin-right: 5px;
    font-size: 13px;
    color: #ffb800;
}
.us-col-2{
    background: var(--color1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 5%;
    color: #fff;
    width: 80%;
    margin: 0px 5%;
    display: inline-block;
    margin-top: -100px;
}
.box{background:#fff;margin-top: 80px;}
.box-content{padding: 5%;}
.sign{}
.us-col-2 span{color:#ffb800;font-size: 50px;display: inline-block;line-height: 50px;}
.contact-box{
    float: left;
    width: 50%;
}
.us-col-2 span.suc-title{font-size: 20px;line-height: 22px;}
.contact-line{
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 7px;
    margin: 10px;
    min-height: 40px;
}
.contact-icon{
    float: left;
    background: var(--color1);
    border-radius: 25px;
    color: #fff;
    text-align: center;
    font-size: 19px;
    width: 40px;
    margin-right: 10px;
    height: 40px;
}
.contact-text{}
.contact-icon i{margin-top: 10px;}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////OFERTAS*/
/* The container */
.status{}
.status.off{ color:red}
.status.on{ color:#4fb334}
.container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 7px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  text-align: left;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #4EB334;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 7px;
  top: 3px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#filtros{
    float: left;
    width: 28%;
    margin-right: 2%;
}
#filtros2{
    float: left;
    width: 28%;
    margin-right: 2%;
}
#paquetes-box{ overflow:hidden}
label{ color:var(--color1)}
textarea { min-width:100%; max-width:100%}
.admin .table input{padding: 5px;width: 70px;}

.radio-data{
			padding: 15px;
			border:1px solid #ccc;
			border-radius:5px;
			margin-top:10px
			}
.radio-data input, .radio-data select, .radio-data textarea {
  width: auto;
  padding: 0px;
  margin:0px;
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #7a7a7a;
  -webkit-appearance: auto;
  float: left;
  margin: 5px;
}
input, select, textarea {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  float: none;
  color: #7a7a7a;
}
input.search-f{
  width: 100%;
  padding: 5px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  float: none;
  color: #7a7a7a;
  margin-top: 0px;
}
 /* Chrome, Safari, Edge, Opera */
input.inputCell::-webkit-outer-spin-button,
input.inputCell::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
text-align:center
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}}
	.icon { position:relative
	}
	.icon::before {
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      position: absolute;
      left: 22px;
      top: 23px;
      color: #fff;
    }

    .login::before {
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007";
    }
 .password::before {
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f084";
    }

input.buscar {
	border-radius: 10px;
	border: none;
	padding-left: 51px;
	position: relative;
	margin: 0;
	font-size: 15px;
}
.buscar-box{position:relative;margin-bottom: 20px;}
.buscar-box.small{ display:none}
.buscar-box::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f002";
	position: absolute;
	color: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
	width: 20px;
	height: 20px;
	font-size: 20px;
	left: 0;
	top: 0;
	z-index: 999;
	padding: 13px;
}

input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}
.delete-img i{
    line-height: 30px;
}
	.delete-img{
    position: absolute;
    top: 5px;
    right: 5px;
    background: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    z-index: 9999;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    color: #fff;
}
.img-box{
    width: 100%;
    height: 100%;
    background-size: cover;
}
.img-btns{
    width: 120px;
    height: 120px;
    border-radius: 20px;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
}
.paquete-footer{text-align:center;padding: 20px;cursor: auto;border-top: 1px solid #eaeaea;}
.paquete-footer .button{cursor: pointer;}
.data-box{margin-bottom: 20px;}
.btn-add:hover{ opacity:0.5}
.admin .btn-add{background:#e9680a;}
.btn-add i{font-size:16px;font-weight: bold;line-height: 20px;margin-right: 7px;}
.btn-add{background:var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;display: inline-block;color: #fff;line-height: 20px;padding: 7px 10px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;margin-bottom: 15px;cursor: pointer;}
.new-paquete-box{background:#ffffff;padding: 4%;color:#7a7a7a;font-size: 13px;position: relative;width: 92%;display: none;overflow-x: auto;}
.p-box.new{background: #e9680a;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;color:#fff;font-size:20px;cursor: pointer;}
.p-box.new .p-text span{position:absolute;top: 100px;margin-top: -10px;line-height: 20px;}
.p-box.new .p-text{position:relative;height: 100%;padding: 0px;}
.p-box.new .p-img i{position: absolute;left: 50%;top: 50%;height: 40px;width: 40px;font-size: 40px;margin-left: -20px;margin-top: -20px;}
.p-box.new .p-img{
    position: relative;
}
.usuario-box{border: 1px solid #ccc;display: inline-block;padding: 20px;display: none;}
.table-button.active{
    background: #e9680a;
    color: #fff;
    font-weight: bold;
    border-color: #e9680a;
}
.table-button{float:left;border: 1px solid #ccc;padding: 5px 20px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.btn-add i.enabled{color: #4EB334;}
.btn-add i.disabled{color:#eaeaea}
.new-paquete-box.edit{line-height: 1.8em;}
.btn-add.red{ background: #f13d3d}
.proveedor-title{position: absolute;display: block;text-align: center;padding-top: 20px;width: 100%;z-index: 99999;background: #fff;margin-top: -1px;}
.open_proveedor{
    background: #ffddc4;
    padding: 5px;
    cursor: pointer;
    font-size: 11px;
    margin-left: 0px;
    line-height: 11px;
    border: 1px solid #ccc;
    height: 20px;
    width: 101px;
}
.close_proveedor{font-size:30px;position: absolute;top: -5px;right: -5px;z-index: 9999999;color: #e9680a;cursor: pointer;}
.proveedor-box{
			  position:fixed;
			  top:0;
			  left: 0;
			  margin: 0 auto;
			  bottom: 0;
			  width: 80%;
			  background: #fff;
			  margin: 10%;
			  z-index: 9999999999999;
			  display: none;
			  -webkit-box-shadow: 0px 0px 24px -1px rgba(0,0,0,0.31);
			  -moz-box-shadow: 0px 0px 24px -1px rgba(0,0,0,0.31);
			  box-shadow: 0px 0px 24px -1px rgba(0,0,0,0.31);
			  }
.proveedor-result{overflow:scroll;padding: 0px;width: 100%;height: 100%;}
.date-btn{
    float: left;
    background: #f0f0f0;
    padding: 5px 15px;
    border: 1px solid #cccccc;
	cursor:pointer
}
.spinner-table{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffffff8c;
    display: none;
}
.spinner-table i{
				position:absolute;
				left:50%;
				top:50%;
				z-index: 999999;
				font-size: 20px;
				text-align: center;
				margin-left: -14px;
				margin-top: -14px;
				}
.db-result-box{
	border: 1px solid #eaeaea;
	padding: 10px 15px;
	border-radius: 5px;
	margin-bottom: 20px;
	margin-top: 0;
	background: rgba(0, 0, 0, 0.06);
}
.db-item.disabled i,.db-item.disabled{
    color: #ababab;
}
.db-item{cursor: pointer;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.db-item:hover{opacity:0.7}
.db-item i{color: #4EB334;margin-right: 5px;}
.dates-btn{margin-bottom: 10px;display: inline-block;}
.date-btn.active{ background:#d9d9d9}
.date-btn:last-child{ border-left:none}
.end-dia{
    height: 1px;
    background: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 30px;
}
.add-btn{
    display: inline-block;
    width: 100%;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #4EB334;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.admin .admin-mene-title{background:#e9680a}
.admin-mene-title{background:var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;color:#fff;position: absolute;width: 100%;left: 0;top: 0;padding: 10px 0px;}
.admin-menu{
    border-top: 1px solid #eaeaea;
}
.welcome_name{padding-top: 5px;padding-bottom: 5px;font-size: 12px;}
.admin-menu li a{
    text-align: left;
    padding: 7px 0px;
    border-bottom: 1px solid #eaeaea;
    font-size: 13px;
    display: block;
}
.admin .admin-menu li a.active{
   color:#e9680a;}

.admin .admin-menu li a:hover{
   color:#e9680a;}

.admin-menu li a.active{
   color:var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
	font-weight:bold
}

.pais-resume{font-size:13px;text-align:left;background: #f1f1f1;margin-bottom:5px;border-radius: 5px;padding: 5px;color: #bababa;}
.ciudad-resume{font-size:13px;text-align:left;background: #f1f1f1;margin-bottom:5px;border-radius: 5px;padding: 5px;color: #bababa;}

.pais-resume {}
.filtro-box{
    background: #fff;
    border-radius: 10px;
    padding: 20px 15px;
    text-align: center;
    margin-bottom: 20px;
}
.borrar-pais, .borrar-ciudad{
    text-align: left;
    font-size: 13px;
    margin-bottom: 5px;
    color: var(--color1);
	cursor:pointer;
}
.country-box{max-height: 113px;overflow:scroll;border: 1px solid #ccc;padding: 5px;margin-bottom: 20px;}
.filtro-pre{
	font-size: 13px;
	margin-bottom: 20px;
}
.admin .min-data, .admin .max-data{ background: #e9680a;}
.min-data, .max-data{
    background: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    padding: 0px 10px;
    border-radius: 11px;
    color: #fff;
}
.max-data{}
.pre-min{ float:left}
.pre-max{
    float: right;
}
.map-btn{color:var(--color1);font-weight: normal;margin-left: 5px;font-size: 15px;cursor: pointer;float: right;}
.filtro-title{
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
    padding-bottom: 5px;
}
.admin .filtro-btn{border: 2px solid #e9680a; color:#e9680a}
.filtro-btn{
    text-align: center;
    border: 2px solid var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 20px;
    cursor: pointer;
    color: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    margin-top: 20px;
}
#paquetes-content{
    width: 70%;
    float: left;
}	
#paquetes{}
form{ margin:0px
	}
.new-form label span, h3 span, .edit label span{color: #df4e4e;font-size: 15px;}
.p-box.gry{background: #f7f7f7;color: #d5d5d5;}
.empty_paquete{
    font-size: 14px;
    margin-top: 10px;
}
.empty_icon{
    font-size: 30px;
    margin-top: 55px;
}
.p-box{
    background: #ffffff;
    border-radius: 10px;
    height: auto;
    font-size: 0.7em;
    line-height: 1.2em;
    overflow: hidden;
    margin-bottom: 20px;
    min-height: 200px;
}
.item-id-2{ color:var(--color1)}
.p-share-box-2 .p-share-btn{float:left;width: auto;padding: 7px 10px;margin: 0;margin-top: 5px;margin-right: 5px;}
.p-img{
    width: 30%;
    float: left;
    height: 200px;
}
.item-id-2 span{background: #0bf;padding: 0px 10px;color: #fff;border-radius: 20px;font-size: 9px;margin-left: 5px;}
.splide, .splide_2{
    height: 100%;
    width: 100%;
}
 .splide_2 .splide__slide{
	 width:100%
 }

.splide__slide{
    height: 200px;
    background-size: cover;
    padding: 5px;
    color: #ffffff;
    text-align: center;
    line-height: 13px;
}
.p-text{
    float: left;
    width: 38%;
    padding: 2%;
    padding-right: 0px;
}
.p-title-top{
	height: 43px;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 10px;
	overflow: hidden;
}
	.p-duracion{
    line-height: 14px;
}
.p-title{font-size: 16px;font-weight: bold;padding-bottom: 5px;margin-top: 8px;line-height: 20px;}
.p-info-title{}
.p-info{}
.p-info-title{
    float: left;
    width: 38%;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-right: 2%;
}
.p-info{
    float: left;
    width: 60%;
    margin-top: 3px;
    margin-bottom: 7px;
    max-height: 46px;
    overflow: hidden;
    overflow: scroll;
}
.p-btns{
    float: left;
    width: 26%;
    padding: 2%;
}
.p-price{
    text-align: right;
    border-bottom: 1px solid #eaeaea;
    /* padding-bottom: 5px; */
    line-height: 10px;
    height: 43px;
}
.p-price .moneda{
    text-transform: uppercase;
}
.admin .p-price .price-txt{ color:#e9680a;}
.p-price .price-txt{
    font-size: 25px;
    line-height: 32px;
    color: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}
.admin .p-btn{ color:#e9680a;  border: 2px solid #e9680a}
.p-btn{
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
    text-align: center;
    border: 2px solid var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 20px;
    cursor: pointer;
    color: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    margin-top: 10px;
    display: block;
}
.endosar-box{
 background: #fff;
 overflow: scroll;
 height: 100%;
}
#endosar-container{
    position: fixed;
    display: block;
    width: 70%;
    display: none;
    height: 70%;
    left: 50%;
    top: 10%;
    margin-left: -35%;
    background: #fff;
    z-index: 99999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.3);
 }
.endosar-subtitle{font-size:13px;margin-top: 20px;}
.endosar-p{padding: 40px;}
.endosar-close{position: absolute;right: 10px;top: 10px;font-size: 25px;cursor: pointer;color: #e9680a;}
.endosar-title{
    margin-bottom: 20px;
}
.endosar-save{
    background: #e9680a;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
    width: 100px;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}
.p-btn.small{
    width: 22px;
    text-align: center;
    padding: 5.5px 0px;
    margin-top: 23px;
    float: left;
    margin-left: 5px;
    position: relative;
    }
.admin .p-btn.orange{  background:#e9680a;}
.p-btn.orange{ background: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; color:#ffffff
			 }
.p-btn:hover{ opacity:0.8}
/*//////////////////////RANGE SLIDERS*/



input[type="range"] {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  margin: 0;
  padding: 0 2px;
  /* Add some L/R padding to ensure box shadow of handle is shown */
  left: 0;
  overflow: hidden;
  border: 0;
  border-radius: 4px;
  outline: none;
  background: linear-gradient(#eaeaea, #eaeaea) no-repeat center;
  /* Use a linear gradient to generate only the 2px height background */
  background-size: 100% 3px;
  pointer-events: none;
}
input[name="clr-hue-slider"] {
	 pointer-events: auto;
}

input[type="range"]:active,
input[type="range"]:focus {
  outline: none;
}
input[type="range"]::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #bbbbbb;
  position: relative;
  margin: 5px 0px;
  /* Add some margin to ensure box shadow is shown */
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  pointer-events: all;
  box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25);
}
input[type="range"]::-webkit-slider-thumb::before {
  content: " ";
  display: block;
  position: absolute;
  top: 13px;
  left: 100%;
  width: 2000px;
  height: 2px;
}
.multi-range {
  position: relative;
  display: block;
  height: 30px;
}
.multi-range input[type="range"] {
  position: absolute;
}
.multi-range input[type="range"]:nth-child(1)::-webkit-slider-thumb::before {
  background-color: #7a7a7a;
}
.multi-range input[type="range"]:nth-child(2) {
  background: none;
}
.multi-range input[type="range"]:nth-child(2)::-webkit-slider-thumb::before {
  background-color: grey;
}
.button.home-btn{position:absolute;top: -29px;margin: 0;DISPLAY: NONE;}

/****************************BOTONES****************************
***************************************************************/
.admin .button{background-color: #e9680a;}
.button { text-transform: uppercase; font-size: 10px; color: #fff; display: inline-block; font-style: normal; padding: 15px 19px; text-decoration: none !important; line-height: 1.2; background-color: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; font-weight: normal; margin-top: 20px; }
.button:hover { color: #FFF; background-color: #6a6a6a; }
.button { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.button3 { font-size: 10px; color: white; text-decoration: none; text-transform: uppercase; background: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; line-height: 38px; height: 38px; padding: 13px 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.button3:hover { background: #505050 }
.button.red {background: #f13d3d;}

.button-2 {text-transform: uppercase;font-size: 10px;color: #fff;display: block;font-style: normal;padding: 15px 19px;text-decoration: none !important;line-height: 1.2;background-color: #e9680a;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;font-weight: normal;margin-top: 20px;text-align: center;cursor: pointer;border-radius: 30px;}
.button-2:hover { color: #FFF; background-color: #6a6a6a; }
/****************************TABLAS****************************
***************************************************************/
#title-left { text-align: left }
#last-right { border-right-style: none }
#last-down { border-bottom-style: none }
#title-web span { font-size: 20px; line-height: 35px; color: #4c4c4c; letter-spacing: 0px; text-shadow: 1px 1px 1px #fff; display: block; }
/****************************COLUMNAS****************************
***************************************************************/
.director { padding-top: 20px; padding-bottom: 5px; }
.fservices { float: left; width: 380px; margin-left: 60px; }
.col-news { float: left; width: 500px; }
.fservices img { float: left; margin: 0 17px 0px 0; }
.col1-p { overflow: hidden; padding-bottom: 10px; }
.col1-quienes { float: left; width: 630px; position: relative; margin-right: 20px; }
.col2-quienes { float: left; width: 290px; }
.col1-quienes img { float: left; margin-right: 20px; margin-bottom: 0px; border: 1px solid #cbcbcb; }
.col-eligenos { float: left; width: 290px; }
.cols-7 { margin: 6px; float: left; width: 111px; height: 60px; border: 1px solid #CCC; background-color: #FFF; padding: 5px; }
.col-4 { float: left; width: 205px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; }
.col-3b { width: 286px; margin: 20px; float: left; }
.col-portafolio { width: 300px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; float: left; }
.valores { margin-bottom: 20px; width: 228px; margin-right: 20px; float: left; }
.col-dg { width: 203px; margin-right: 10px; margin-left: 10px; float: left; margin-top: 20px; }
.col-eligenos-text { overflow: hidden }
.col1-soporte { position: relative; width: 940px; }
.col3-quienes { float: left; width: 630px; margin-right: 20px; }
.col4-quienes { float: left; width: 290px; }
.col-3b img { margin: 6px 10px 0px 0; float: left; }
.col1-disenoweb { float: left; width: 650px; position: relative; padding-right: 20px; }
.padright{border-right: 1px solid #cbcbcb;}
.col1-disenoweb img { float: left; margin-right: 20px; }
.col2-disenoweb { float: left; width: 249px; padding-left: 20px; }
.col-3 {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;width: 253px;float: left;text-align: center;padding: 30px;background-color: #505050;color: #fff;text-decoration: none;}
.col-3:hover { background: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; color: #FFF; }
.col_port2 { height: 268px; margin-bottom: 53px; }
.alpha { margin-left: 0px }
.omega { margin-right: 0px }
/****************************LOGO****************************
***************************************************************/
.logo h1 a { color: white; text-decoration: none; background: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; display: block; height: 93px; padding: 52px 28px 0 26px; font-size: 39px; line-height: 47px; font-family: 'Poppins', sans-serif; text-transform: none; }
.logo .description { display: block; font-family: 'Poppins', sans-serif;
 color: #4F4F4F; font-size: 12px; line-height: 1.2em; margin-top: -6px; letter-spacing: 0px; text-align: right; }
.logo {position: absolute;left: 0;top: 0;width: 197px;height: 90px;background-color: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 9999;padding: 10px;text-align: center;overflow: hidden;}
.admin .logo{
	background-color:#e9680a;
}
.logo img {
    margin-top: 0;
    margin-bottom: 0px;
    vertical-align: middle;
    max-height: 90px;
    max-width: 197px;
}
.logo a { text-decoration:none}
.logo-text{
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    font-family: monospace;
    margin-top: 17%;
    color: #fff;
}


/****************************TESTIMONIOS****************************
***************************************************************/
.testimonios { background-color: #e7e7e7; border: 1px solid #d1d1d1; position: relative; padding: 1.5em; }
.comillas { float: left; height: 40px; width: 40px; background-image: url(../images/comillas.png); background-repeat: no-repeat; margin-right: 10px; left: 10px; }
.text-2 a { color: #c7c7c7 }
.text-2 a:hover { text-decoration: none }
#linkb { color: #7a7a7a; text-decoration: none; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#linkb:hover { color: #202020; text-decoration: none; }
/****************************PROVEEDORES****************************
***************************************************************/
a #microsoft { background-image: url(../images/alianzas/microsoft.jpg); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover #microsoft { background-image: url(../images/alianzas/microsoft.png); background-repeat: no-repeat; background-position: center center; border: 1px solid #000; }
a #hp { background-image: url(../images/alianzas/hp.jpg); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover #hp { background-image: url(../images/alianzas/hp.png); background-repeat: no-repeat; background-position: center center; border: 1px solid #000; }
a #oracle { background-image: url(../images/alianzas/oracle.jpg); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover #oracle { background-image: url(../images/alianzas/oracle.png); background-repeat: no-repeat; background-position: center center; border: 1px solid #000; }
a #symantec { background-image: url(../images/alianzas/symantec.jpg); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover #symantec { background-image: url(../images/alianzas/symantec.png); background-repeat: no-repeat; background-position: center center; border: 1px solid #000; }
a #apple { background-image: url(../images/alianzas/apple.jpg); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover #apple { background-image: url(../images/alianzas/apple.png); background-repeat: no-repeat; background-position: center center; border: 1px solid #000; }
a #dell { background-image: url(../images/alianzas/dell.jpg); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover #dell { background-image: url(../images/alianzas/dell.png); background-repeat: no-repeat; background-position: center center; border: 1px solid #000; }
a #java { background-image: url(../images/alianzas/java.jpg); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover #java { background-image: url(../images/alianzas/java.png); background-repeat: no-repeat; background-position: center center; border: 1px solid #000; }
a #telmex { background-image: url(../images/alianzas/telmex.jpg); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover #telmex { background-image: url(../images/alianzas/telmex.png); background-repeat: no-repeat; background-position: center center; border: 1px solid #000; }
a #toshiba { background-image: url(../images/alianzas/toshiba.jpg); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover #toshiba { background-image: url(../images/alianzas/toshiba.png); background-repeat: no-repeat; background-position: center center; border: 1px solid #000; }
a #cisco { background-image: url(../images/alianzas/cisco.jpg); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover #cisco { background-image: url(../images/alianzas/cisco.png); background-repeat: no-repeat; background-position: center center; border: 1px solid #000; }
a #telcel { background-image: url(../images/alianzas/telcel.jpg); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover #telcel { background-image: url(../images/alianzas/telcel.png); background-repeat: no-repeat; background-position: center center; border: 1px solid #000; }
a #lenovo { background-image: url(../images/alianzas/lenovo.jpg); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover #lenovo { background-image: url(../images/alianzas/lenovo.png); background-repeat: no-repeat; background-position: center center; border: 1px solid #000; }
a #axtel { background-image: url(../images/alianzas/axtel.jpg); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover #axtel { background-image: url(../images/alianzas/axtel.png); background-repeat: no-repeat; background-position: center center; border: 1px solid #000; }
a #iusacell { background-image: url(../images/alianzas/iusacell.jpg); background-repeat: no-repeat; background-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover #iusacell { background-image: url(../images/alianzas/iusacell.png); background-repeat: no-repeat; background-position: center center; border: 1px solid #000; }
/****************************NOTICIAS****************************
***************************************************************/
.noticias { background-color: #202020; height: 403px; width: 500px; position: relative; }
#special-controls #next-spec { background-position: -37px -35px }
#special-controls #prev-spec:hover { background-position: left -35px }
#special-controls #next-spec:hover { background-position: -37px 0 }
#special-controls a { background-image: url(../images/news/prev-next-sprite.png); background-repeat: no-repeat; width: 35px; height: 35px; float: left; margin-left: 2px; display: block; }
#special-controls { position: absolute; top: -65px; right: 0px; }
.text-noticia a { text-decoration: none; font-size: 16px; line-height: 22px; color: #FFFFFF; letter-spacing: -1px; text-transform: uppercase; }
.text-noticia a:hover { text-decoration: underline }
.p-noticia { padding-top: 10px; margin-bottom: 0px; }
/****************************PORTAFOLIO****************************
***************************************************************/
.img_port { height: 268px; width: 540px; border: 1px solid #cbcbcb; float: left; margin-right: 20px; background: url(../images/low_contrast_linen.png) repeat; position: relative; overflow: hidden; }
.lupa { height: 78px; width: 78px; position: absolute; left: 230px; top: -80px; }
.page_nav { margin-left: 17px; font-weight: bold; color: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; line-height: 35px; }
.page_nav a { font-weight: bold }
#next { background-image: url(../images/news/prev-next-sprite.png); background-repeat: no-repeat; width: 35px; height: 35px; float: left; margin-left: 2px; display: block; background-position: -38px -36px; }
#next:hover { background-position: -38px 0 }
#prev { background-image: url(../images/news/prev-next-sprite.png); background-repeat: no-repeat; width: 35px; height: 35px; float: left; margin-left: 2px; display: block; }
#prev:hover { background-position: left -35px }
.pages { float: left; height: 35px; margin-right: 15px; line-height: 35px; }
/****************************CONTACTO****************************
***************************************************************/
.address {float: left;width: 260px;margin-bottom: 20px;}
#map_canvas {
    width: 530px;
    height: 233px;
    margin-bottom: 20px;
}
.address img { float: left; margin-right: 10px; margin-top: 5px; }
/****************************FOOTER****************************
***************************************************************/
.admin .bottom{background: url(../images/bottom.png) #e9680a;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;height: 300px;background-size: auto 100%;background-repeat: repeat;position: relative;background-position: center -33px;}

.bottom{background: url(../images/bottom.png) var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;height: 300px;background-size: auto 100%;background-repeat: repeat;position: relative;background-position: center -33px;}
.lan-select{float:left;margin-top: 7px;margin-left: 7px;}
.lan-select a {float:left;width: 18px;margin-left: 8px;}
.derechos {float: left;color: #fff;font-size: 10px;line-height: 33px;}
.admin #footer {background: #e9680a;}
#footer {background: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;height: 33px;line-height: 33px;margin-top: -33px;color: #eeeeee;position: relative;text-transform: none;z-index: 0;}
#footer .container { font-size: 10px }
#footer a { color: #eeeeee; text-decoration: none; }
#footer a:hover { text-decoration: underline }
/* Footer widget */
#widget-footer { }
#widget-footer .social-networks li { list-style-type: none; padding: 0 0 .5em 0; margin: 0; }
/* Footer navigation */
nav.footer { float: right }
nav.footer ul { }
nav.footer ul li { list-style-type: none; float: left; padding-left: 15px; margin: 0; }
/****************************OTROS****************************
***************************************************************/
.borderline { border-bottom: #bab0b7 1px dashed; margin-bottom: 25px; }
#img3 { margin: 0 11px 0px 0 }
.numero { background-image: url(../images/marker-bg.png); height: 29px; width: 49px; background-repeat: no-repeat; font-size: 20px; font-weight: bold; color: #000; line-height: 29px; padding-top: 10px; padding-bottom: 10px; text-align: center; float: left; margin-right: 10px; }
.icono_img { float: left; margin: 0px 17px 0px 0px; width: 60px; }
.abc { background-image: url(../images/dropcap-bg.png); height: 35px; width: 77px; float: left; font-size: 45px; color: #202020; padding-top: 29px; padding-bottom: 10px; text-align: center; margin-right: 10px; }
.abc-title { height: 86px }
iframe { border: 1px solid #cbcbcb }
.hr { display: block; border-bottom: 1px solid #cbcbcb; margin-bottom: 53px; }
#slider {width: 940px;height: 580px;/* background: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; */color: #fff;}
#slider2,#slider4 {width: 100%;height: 720px;/* background: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; */color: #fff;}
#slider3 {width: 100%;height: 400px;/* background: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; *//* color: #fff; */}
.item4{
    width: 100%;
    height: 700px;
}
.home-slide{background-size:cover;background-position: center;}
.home-btn-go{
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
    display: inline-block;
    font-style: normal;
    padding: 15px 19px;
    cursor: pointer;
    text-decoration: none !important;
    line-height: 1.2;
    background-color: var(--color1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: normal;
    margin-top: 20px;
}
#iframe{background: #ffffff;height: 700px;border-radius: 0px;border: none;width: 90%;padding: 5%;}
.home-text-box{margin-left: 0px;padding-top: 60px;max-width: 300px;background: #fff;padding: 40px;/* margin-top: 20px; *//* color: #ffffff; *//* border-radius: 20px; */position: absolute;left: 0;bottom: 0;top: 0;}
.home-text-box .item-id { text-align:left }
.img-inside{
	height:100%;
	width:100%;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
}
#topnav { display: block; }
#menu-icon {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #7a7a7a;
    width: 130px;
    font-size: 17px;
    line-height: 17px;
    padding: 14px 17px 14px 50px;
    background: #eaeaea;
    position: absolute;
    z-index: 999;
    right: 0;
    cursor: pointer;
    border: solid 1px #7a7a7a;
    display: none;
    text-transform: uppercase;
    }
.admin #filtro-icon { background:#e9680a}

#filtro-icon {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
    font-size: 15px;
    line-height: 17px;
    padding: 14px 17px 14px 50px;
    background: var(--color1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    z-index: 999;
    right: 0;
    cursor: pointer;
    display: none;
    /* text-transform: uppercase; */
    border-radius: 5px;
    }

.users-box{background;#FFF;background: #fff;padding: 15px;border-radius: 10px;font-size: 13px;padding-top: 20px;}
#filtro-icon i{font-size: 20px;position: absolute;top: 12px;left: 15px;}
#menu-icon i{font-size: 24px;position: absolute;top: 10px;left: 15px;}
#filtro-icon i.arrow{left: auto;right: 11px;font-size: 20px;}
#filtro-icon:hover{opacity:0.8 }
#menu-icon:hover { background-color: #f8f8f8 }
#filtro-icon.active{ background-color: #bbb}
#menu-icon.active { background-color: #bbb }
/* tables */
.table select{
    padding: 5px;
    font-size: 10px;
    line-height: 20px;
    width: 100px;
    background: #ffeadb;
    cursor: pointer;
}
.open-proveedor{padding: 5px;color: #e9680a;cursor: pointer;}
.table-container{overflow-x:scroll;margin-top: 20px;margin-bottom: 20px;background: #f1f1f1;border-radius: 5px;padding: 20px;border: 1px solid #eaeaea;position: relative;}
.table tr:first-child th{text-align: center;font-weight: bold;font-size: 10px;text-transform: uppercase;letter-spacing: 1px;}
.table tr th{font-size:11px;text-align:right;padding-right: 5px;}
table {max-width: 100%;border-collapse: collapse;border-spacing: 0;}
.pro_table { width: 100%; margin-bottom: 18px; margin-top: 40px; }
.pro_table th, .pro_table td { padding: 8px; line-height: 25px; text-align: left; }
.pro_table th { font-weight: bold; vertical-align: bottom; text-align: center; }
.pro_table td { vertical-align: top; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cbcbcb; border-right-width: 1px; border-right-style: solid; border-right-color: #cbcbcb; }
.pro_table thead:first-child tr th, .pro_table thead:first-child tr td { border-top: 0 }
.pro_table tbody + tbody { border-top: 2px solid #ddd }
.pro_table-condensed th, .pro_table-condensed td { padding: 4px 5px }
.pro_table-bordered { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapsed; border-radius: 4px; }
.pro_table-bordered th + th, .pro_table-bordered td + td, .pro_table-bordered th + td, .pro_table-bordered td + th { border-left: 1px solid #ddd }
.pro_table-bordered thead:first-child tr:first-child th, .pro_table-bordered tbody:first-child tr:first-child th, .pro_table-bordered tbody:first-child tr:first-child td { border-top: 0 }
.pro_pro_table-bordered thead:first-child tr:first-child th:first-child, .pro_table-bordered tbody:first-child tr:first-child td:first-child { border-radius: 4px 0 0 0 }
.pro_table-bordered thead:first-child tr:first-child th:last-child, .pro_table-bordered tbody:first-child tr:first-child td:last-child { border-radius: 0 4px 0 0 }
.pro_table-bordered thead:last-child tr:last-child th:first-child, .pro_table-bordered tbody:last-child tr:last-child td:first-child { border-radius: 0 0 0 4px }
.pro_table-bordered thead:last-child tr:last-child th:last-child, .pro_table-bordered tbody:last-child tr:last-child td:last-child { border-radius: 0 0 4px 0 }
.pro_table-striped tbody tr:nth-child(odd) td, .pro_table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9 }
.pro_table-striped2 thead th, .pro_table-striped2 tbody tr td:first-child { background-color: #f9f9f9 }
/* Information blocks */
.pro_info { padding: 5px; font-weight: bold; display: inline-block; background: #999; border-radius: 3px; color: #fff; }
.pro_info_success { background: #468847 }
.pro_info_warning { background: #F89406 }
.pro_info_important { background: #B94A48 }
.pro_info_info { background: #3A87AD }
.pro_info-indent { margin: 5px 15px 15px 0; float: left; min-width: 100px; text-align: center; }
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media (min-width: 1320px) {
	.reserva-img{
    background-size: 60% auto;	
	}
	.prevnext2{
    top: 40px;
}
	.destinos-title{ font-size:90px}						   
}
@media only screen and (max-width: 1024px) { 
	
	.reserva-img{}
}
@media only screen and (max-width: 995px) { 
	#menu-icon{ display:block;}
	    #topnav { display: none; right:0; position:absolute; }
	#menu-icon {width: 110px;background: #EAEAEA url(../images/menu-icon.png) no-repeat 15px 13px;right: 0;}
	.us-col-2{ margin-top:-50px}

	.p-btn.small{
    width: 20px;
    height: 9px;
    /* padding: 5px 9.5px; */
    margin-top: 24px;
}
	.reserva-txt{
    font-size: 75px;
}
	.reserva-img{
    background-size: 96% auto;
    background-position: -150px bottom;
}
    html, body { min-width: 768px }
	.destinos-col-left {
    width: 384px;
    height: 400px;
    float: left;
    position: relative;
}
	.destinos-img {
    background-size: cover;
    background-repeat: no-repeat;
    width: 300px;
    height: 300px;
    float: right;
    margin-right: 5%;
    background-position: center;
}
	.item-box {
    height: 350px;
    width: 46%;
    margin-right: 2%;
    position: relative;
    text-align: left;
}
	.img-promo-bg{width: 617px;height: 617px;position:absolute;background: url(../images/promo-bg.png);background-size: auto 100%;right: -115px;top: -117px;z-index: 9401;background-repeat: no-repeat;}
.img-promo-bg-p{width: 467px;height: 467px;position:absolute;background: url(../images/promo-bg.png);background-size: auto 100%;right: -87px;top: -89px;z-index: 9401;background-repeat: no-repeat;}
.img-promo-p{
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
}

.item-img-bg-p{
	position:absolute;
	width: 303px;
	height: 303px;
	left: 0;
	z-index: 9999;
	top: 100px;
}
    .main { width: 768px;}
	.prevnext2{
    left: 384px;
    bottom: 56px;
}
	.pa-days-img{
    width: 160px;
}
	.p-top-col{ margin-right:40px}
	.item3 .item-hotel {
    padding-left: 20px;
}
	.pa-top-col{}
	.item3 .item-hotel {
    padding-left: 20px;
}
	.item3 .item-precio {
    /* width: 40%; */
    /* font-size: 7vw; */
    /* line-height: 7vw; */
    /* font-size: 48px; */
    /* line-height: 48px; */
    /* padding-left: 20px; */
    /* position: relative; */
}
	.item3 .item-title {
}
	
	#operadora {
    height: 680px;
    background-size: auto 80%;
    background-position: bottom right;
}
	
    .text-1 { font-size: 55px }
	h3{font-size: 15px;margin:0 0 1.286em;line-height:1.2em;}    
    .banner-inicio {top: 50px;width:300px;}
    .banner-inicio .title h1 { font-size: 86px; margin: 0 0 15px 0px; margin-top:40px}
	.banner-inicio .title-description h2 { font-size:20px;}
    .item {width: 768px;height: 580px;}
    .item1 { width: 768px; height:285px;}
    .item img {
}
	.item4{width:100%;/* height: 360px; */}
	#nav {/* top: 405px; */}
    #nav2 { top: 198px }
	#slider{width:768px;height: 580px;color: #fff;}
	#slider2,#slider4{width: 100%;height: 750px;color: #fff;}
	#slider3{width: 100%;height: 350px;/* color: #fff; */}
    .noticias { width: 100%; position: relative; padding-bottom: 15px; }
    #news-image { width: 380px; overflow: hidden; }
    .col-news { display: block; width: 55%; float: left; margin-right:5%; }
    .fservices { width: 40%; display: block; margin-top: 60px; margin-left: 0px; }
    .col-3 { width: 196px }
	.col1-quienes { width: 55%; position: relative; margin-right: 5%; }
	.col1-quienes img { float: left; margin-right: 20px; margin-bottom: 0px; border: 1px solid #cbcbcb; width:200px; height:168px }
	.col2-quienes { width: 40%;}
	.col3-quienes { width: 55%; margin-right:5% }
	.col-eligenos { float: none; width: 100%; }
	.col4-quienes { width: 40%; }
	.col-4 { width: 44%; margin-right: 3%; margin-bottom: 40px; margin-left: 3%; }
	.col1-soporte { position: relative; width: 100%; }
	.col-3b { width: 27%; margin: 3%; }
	.col1-disenoweb { width: 60%; position: relative; padding-right: 2%; margin-bottom:40px; }
	.col1-disenoweb img { margin-right: 20px; display:block; margin-bottom:20px; clear:both;}
	.col2-disenoweb { width: 35%; padding-left: 2%;}
	.dg-img img{ margin-right:50px;}
	.col-dg { width: 50%; margin-right: 0px; margin-left: 0px; float: left; margin-top: 20px; }
	.col-portafolio { width: 100%; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; float: left; }
	.col_port2 { height: 270px; margin-bottom: 53px; }
	.valores { margin-bottom: 20px; width: 228px; margin-right: 20px; float: none; overflow:hidden }
	.icono { width:100%; display:block;}
	.img_port { height: 268px; width: 60%; border: 1px solid #cbcbcb; float: left; margin-right: 5%; background: url(../images/low_contrast_linen.png) repeat; position: relative; overflow: hidden; margin-bottom: 20px}
	a #microsoft { margin-left:6px;}
	a #java { margin-right: 12px;}
	iframe { width:100%; }
	.address{ margin-bottom:20px;}
	.lupa{ left:40%;}	
	 nav.primary {top: 53px;right:0px;}
}
@media only screen and (max-width: 767px) { 
	.home-text-box{
		background-color:rgba(255,255,255,0.75);
	}
	.us-col-2{}
	#paquetes-box{ margin-top:20px}

	#home .item-title {
    line-height: 25px;
    font-size: 20px;
    width: 90%;
    height: 75px;
}

	#home .item-precio {
    line-height: 75px;
    font-size: 70px;
    width: 90%;
}
	#home .item-transporte {
    font-size: 10px;
    line-height: 13px;
}
	#home .item-transporte {
    font-size: 10px;
    line-height: 13px;
}
	.p-info-2 {
     font-size: 15px;
     line-height: 15px;
}
	#home .item-por {
    line-height: 15px;
    font-size: 15px;
    width: 90%;
}
	#home .p-info-title-2{
		  font-size: 10px;
    line-height: 13px;
	}
	#home .item-lugar {
    font-size: 20px;
    line-height: 25px;
    height: 25px;
}
	.button.home-btn{/* bottom: -150px; */top: 909px;}
	
	.destinos-title {
    font-size: 8vw;
    line-height: 8vw;
    margin-left: 20px;
    margin-right: 20px;
 }
	.pa-section-title{}
	.pa-section{ margin-bottom:40px}
	#home .item-title{ padding-top:140px}
	.item-img-box{height: 100%;width: 90%;right: 0;top: 0;text-align: right;z-index: -5;}
	.item-logo-agua{}
	.item-marca-agua{bottom: 100px;width: 80%;}
	.item-img-bg{
    background-size: 110%;
}
	.item-JPG .item-title{ padding-top:15px}
	.reserva-col{width: 70%;margin: 0 auto;padding-right: 15%;padding-bottom: 350px;}
	.reserva-txt{margin-bottom: 60px;line-height: 75px;}
		.reserva-img{margin-bottom:0px;line-height: 75px;background-size: auto 470px;background-position: center bottom;}
	#map_canvas{ width: 100%;}
    html, body { min-width: 420px; height: 100%; }
    .main {width: 420px;margin: 0 auto;}
	.p-top-col{width: 100%;margin: 0px;}
	.admin .pa-days-col {
    width: 100%;
    margin-top: 0px;
}
	.pa-days-col {
    width: 100%;
    margin-top: 210px;
}
	.pa-top-col{width: 100%;margin: 0px;}
	.paquete-box{

    width: 90%;

}
	.p-share{width: 100%;left: 0;}
	.pa-days-img {
    width: 100%;
    opacity: 1;
    left: 0;
}
	.us-col-2{
    position: relative;
    margin-top: 60px;
    padding: 10%;
    width: 70%;
}
.p-box.new .p-text{height: 200px;max-height: 200px;}
	.p-text {
    max-height: 180px;
    width: 46%;
}
	.p-box{height: auto;}
	.p-btns{width: 96%;border-top: 1px solid #eaeaea;}
	.p-img{
    width: 50%;
 
}
	#paquetes-content{ width:100%}
	#filtros{background: gainsboro;display: none;width: 94%;padding: 3%;margin-bottom: 20px;float: none;}
	.menu-side{ display:none}
	#ofertas2{position: relative;padding-bottom: 500px;}
#contrails-ofertas{
    height: 910px;
}
#contrails-paquetes{
    height: 770px;
}
.item-img-bg-p {top: 320px;}
	.us-img {
    width: 100%;
    height: 450px;
    float: none;
    background-position: top;
    margin-bottom: 40px;
}
	.us-col{width:100%; }
	 #destinos h1 {  padding:0px 40px}
	#slider3{height: 600px;margin-top: 60px;}
	.prevnext2 {
    left: 50%;
    margin-left: -32.5px;
    top: 12px;
}
	.item4 {
    width: 100%;
    /* height: 500px; */
}
	.item-box {
    height: 750px;
    width: 100%;
    margin-right: 2%;
    position: relative;
    margin: 0;
    margin-bottom: 20px;
}
	.p-box.new{ margin-top:20px}
	#main-first{margin-top:-56px;}
	
	#filtro-icon{display: block;}
	.buscar-box{ display:none}
	.buscar-box.small{ display:block}
	.buscar-box.small{ margin-bottom:20px}
    .text-1 { font-size: 40px }
	#title-web span{ font-size:12px;}
	.destinos-col-left {
    height: 340px;
}
	#operadora {
    height: 539px;
    background-size: auto 55%;
    background-position: bottom right;
}
	.col-operadora {
    width: 80%; margin:0 auto;
		text-align:center
	}
	.destinos-col {
    width: 100%;
    float: none;
    margin-top: 0px;
		text-align:center
}
	.item-img-bg-2{
    position: relative;
}
	
	h3{font-size: 15px;margin:0 0 1.286em;line-height:1.2em;}
	.banner-inicio { top: 50px }
    .banner-inicio .title h1 {font-size: 53px;margin: 0 0 15px 0px;}
    .item img {/* width: 611px; *//* height: 344px; *//* margin-top: 200px; *//* margin-left:-160px; */}
    .item {width: 420px;height: 800px;}
    .item1 { width: 420px; height:285px;}
   
    #nav {bottom: -24px;top: 555px;}
    #nav2 { top: 198px; display: none }
	#slider{width:420px;height: 960px;}
    #slider2,#slider4 {width: 100%;height: 1500;}

	.noticias { width: 100%; position: relative; padding-bottom: 15px;}
    #news-image { width: 380px; overflow: hidden; }
    .col-news { display: block; width: 100%; margin-top: 60px; float: none; }
    .fservices { width: 100%; display: block; margin-top: 60px; margin-left: 0px; }
    .col-3 { width: 360px }
	.col1-quienes { float: none; display:block; width: 100%; position: relative; margin-right: 0px; }
	.col1-quienes img { float: left; margin-right: 20px; margin-bottom: 0px; border: 1px solid #cbcbcb; width:200px; height:168px }
	.col2-quienes { float: none; width: 100%; margin-top:40px; }
	.col3-quienes { float: none; width: 100%; }
	.col-eligenos { float: none; width: 100%; }
	.col4-quienes { float: left; width: 100%; }
	.col-4 { float: none; width: 100%; margin-right: 0px; margin-bottom: 40px; margin-left: 0px; clear:both; }
	.col1-soporte { position: relative; width: 100%; }
	.col-3b { width: 400px; margin: 20px; float: left; }
	.col1-disenoweb { float: none; width: 100%; position: relative; padding-right: 0px; margin-bottom:40px; }
	.padright{border-right: none}
	.col1-disenoweb img { float: none; margin-right: 0px; display:block; margin-bottom:20px;}
	.col2-disenoweb { float: none; width: 100%; padding-left: 0px; border-top: 1px solid #cbcbcb; border-left:hidden; padding-top:20px;}
	.col-dg { width: 100%; margin-right: 0px; margin-left: 0px; float: left; margin-top: 20px; }
	.col-portafolio { width: 100%; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; float: left; }
	.col_port2 { height: 100%; margin-bottom: 53px; }
	.img_port { height: 268px; width: 100%; border: 1px solid #cbcbcb; float: left; margin-right: 0px; background: url(../images/low_contrast_linen.png) repeat; position: relative; overflow: hidden; margin-bottom: 20px}
	a #microsoft { margin-left:6px;}
	a #java { margin-right: 12px;}
	.valores { margin-bottom: 20px; width: 228px; margin-right: 20px; float: none; overflow:hidden }
	.icono { width:100%; display:block;}
	iframe { width:413px; }
	.address{ margin-bottom:20px;}
	#slider-pe{width: 100%;}
	.lupa{ left:40%;}
		

}
@media only screen and (max-width: 479px) { 
	#endosar-container{
		width:100%;
		left: 0;
		margin: 0;
		height: 100%;
		top: 0;
	}
	#ofertas2{ overflow:hidden}
	.img-world{
		width:124%;
}  .login-box{width: 100%;padding: 0px;height: 100%;}
	.login-content{
    position: absolute;
    top: 190px;
    bottom: 0;
    min-height: 500px;
}
	.login-content,.login-top {
	border-radius:0px;
	padding-top: 75px;
	padding-bottom: 75px;
}
	.reserva-txt{ font-size:60px; line-height:70px}
	.logo.center{left: 50%; margin-left: -53px; top:50%; margin-top:  -51.5px}
    html, body { min-width: 300px; height: 100%; }
	.main {width: 330px;margin: 0 auto;font-size: 0.9em;}
	#destinos .main {width:100%}
	.mainBottom{ width:100%}
	#operadora {
    height: 539px;
    background-size: auto 37%;
    background-position: bottom right;
}
	#contrails-paquetes {
    height: 790px;
}
.tes-left{
	width: 80%;
	margin:10%;
	margin-top: 80px;
}
.prevnextT{
    right: 10%;
}
#sliderT{
	height: 515px;
}
div.tes-right{
	width:100%;
	margin:0;
}
	
.p-text {
    max-height: 180px;
    width: 96%;
}
	.p-box.new .p-text{
    height: 100px;
}
	.p-box.new .p-text span{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-left: 2%;
    top: 10px;
}
	.p-box{height: auto;}
	.p-btns{width: 96%;border-top: 1px solid #eaeaea;}
	.p-img{
    width: 100%;
}
	.destinos-col-left {
    margin-left: 5%;
}
	#main-first{margin-top:-89px;width: 100%;}
	#article {padding-top: 180px;}
	.logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 142px;
    height: 77px;
    background-color: var(--color1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
    z-index: 9999;
    }
	.col-5{
    width: 78%;
    padding: 10% 6%;
    margin: 5%;
}
	.tusitio-img {
   width:80%;
}
	.logo img {margin-top: 0;margin-bottom: 0px;vertical-align: middle;max-height: 77px;max-width: 142px;}
	.item-img-box{width:100%;height: 100%;}
	#menu-icon{ display:block;}
	#menu-icon {width: 80px; font-size: 17px; line-height: 17px; padding: 14px 17px 14px 50px; background: #EAEAEA url(../images/menu-icon.png) no-repeat 15px 13px; position: absolute; z-index: 999; right: 0; cursor: pointer; }
    .text-1 { font-size: 30px }
	#title-web span{ font-size:10px;}
	h3{font-size: 15px;margin:0 0 1.286em;line-height:1.2em;}
    .banner-inicio { top: 50px }
    .banner-inicio .title h1 {font-size: 53px;margin: 0 0 15px 0px;}
    .item img {/* width: auto; *//* height: 100%; *//* margin-top: 200px; *//* margin-left:-160px; */}
    .item {width: 100%;height: 400px;}
    .item1 { width: 300px; height:350px;}
    nav.primary { top: 30px; right:0px; }
    #topnav { display: none; right:0; position:absolute; }
    #nav {/* top: 500px; *//* bottom: auto; */}
    #nav2 { top: 198px; display: none }	
	#slider{width: 100%;/* height:530px; */}
    #slider2,#slider4{width: 100%;height: 1500px;}
	#slider3 {}
    .noticias { width: 100%; height:435px; position: relative; padding-bottom: 15px; }
    #news-image { width: 260px; overflow: hidden; }
    #news-image img{ margin-left:-100px}
	.p-noticia{ width:260px;}
    .col-news { display: block; width: 100%; margin-top: 60px;}
    .fservices { width: 100%; display: block; margin-top: 60px; margin-left: 0px; }
    .col-3 { width: 240px }
	.col1-quienes { float: none; display:block; width: 100%; position: relative; margin-right: 0px; }
	.col1-quienes img { float: left; margin-bottom: 20px; border: 1px solid #cbcbcb; width:100%; height:auto; }
	.col2-quienes { float: none; width: 100%; margin-top:40px; }
	.col3-quienes { float: none; width: 100%; }
	.col-eligenos { float: none; width: 100%; }
	.col4-quienes { float: left; width: 100%; }
	.col-4 { float: none; width: 100%; margin-right: 0px; margin-bottom: 40px; margin-left: 0px; clear:both; }
	.col1-soporte { position: relative; width: 100%; }
	.col-3b { width: 260px;; margin: 20px; float: left; }
	.col1-disenoweb { float: none; width: 100%; position: relative; padding-right: 0px; margin-bottom:40px; }
	.padright{border-right: none}
	.col1-disenoweb img { float: none; margin-right: 0px; display:block; margin-bottom:20px; width:298px; height:auto;}
	.col2-disenoweb { float: none; width: 100%; padding-left: 0px; border-top: 1px solid #cbcbcb; border-left:hidden; padding-top:20px;}
	.col-dg { width: 100%; margin-right: 0px; margin-left: 0px; float: left; margin-top: 20px; }
	.col-portafolio { width: 100%; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; float: left; }
	.col_port2 { height: 100%; margin-bottom: 53px; }
	.img_port { height: 268px; width: 100%; border: 1px solid #cbcbcb; float: left; margin-right: 0px; background: url(../images/low_contrast_linen.png) repeat; position: relative; overflow: hidden; margin-bottom: 20px}
	a #microsoft { margin-left:6px;} 
	a #java { margin-right: 12px;}
	.valores { margin-bottom: 20px; width: 220px; margin-right: 0px; float: none; overflow:hidden }
	.icono { width:100%; float:left;}  
	iframe { width:293px; }
	#sliderT iframe{ width:100%}
	.address{ margin-bottom:20px;}
	.lupa{ left:40%;}
    .pro_table th, .pro_table td { padding: 2px }
    .pro_table { font-size: 80% } 
	
}