@font-face {
    font-family: "monse-b";
    src: url(fonts/Montserrat-Bold.otf) format("truetype");
}
@font-face {
    font-family: "monse-l";
    src: url(fonts/Montserrat-Light.otf) format("truetype");
}
@font-face {
    font-family: "monse-r";
    src: url(fonts/Montserrat-Regular.otf) format("truetype");
}
@font-face {
    font-family: "amerixan";
    src: url(fonts/AmericanCaptain.otf) format("truetype");
}

@font-face {
    font-family: "awesome";
    src: url(fonts/Panton-Trial-Bold.ttf) format("truetype");
}


@font-face {
    font-family: "Compact";
    src: url(fonts/Sansation_Bold.ttf) format("truetype");
}



[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
html{margin-top: 0 !important;}
body{font-size: 12px;font-family: monse-l;color: #343A40;-webkit-font-smoothing: antialiased;position: relative;overflow-x: hidden;height: auto;margin: 0px}
body *{outline: none}
input{outline: none;}
input:focus::-webkit-input-placeholder{color: transparent;}
input:focus:-moz-placeholder{color: transparent;}
input:focus::-moz-placeholder{color: transparent;}
input:focus:-ms-input-placeholder {color: transparent;}
input:focus{outline: none}
textarea:focus::-webkit-input-placeholder{color: transparent;}
textarea:focus:-moz-placeholder{color: transparent;}
textarea:focus::-moz-placeholder{color: transparent;}
textarea:focus:-ms-input-placeholder {color: transparent;}
textarea:focus{outline: none}
a{color: initial;text-decoration: none}
a:focus{outline: none;color: none;}
a{text-decoration: none!important;outline: none;}
a:hover{text-decoration: none;outline: none;color: inherit;}
h1,h2,h3,h4,h5,h6,p{margin:0px;line-height:normal;}
h1,h2,h3,h4,h5,h6{text-align: center;font-weight: normal;}
button{border: none;outline: none}

button[disabled], html input[type=button][disabled], input[type=reset][disabled], input[type=submit][disabled]{opacity: .5}
.input.ng-invalid.ng-dirty{border: 1px solid #E62117!important}
.input.ng-valid{background: white}

/*Globales*/

.max-widht-extend,
.max-widht,
.max-widht1,
.max-widht2,
.max-widht3,
.max-widht4,
.max-widht5,
.max-widht6{padding: 0;margin: 0 auto}

.title{position: relative;margin:15px 0;max-width: 400px;margin: 0 auto;margin-bottom: 20px} 
.title{text-transform: uppercase;color: #99007C;font-size: 25px;padding-bottom: 5px;position: relative;font-family: monse-b}

.descripcion{color: #363636;text-align: center;width: 90%;max-width: 900px;margin: 15px auto;font-size: 20px;font-family: monse-l;font-weight: 400}

.whatssap{position: fixed;right: 10px;bottom: 10px;z-index: 100;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.whatssap .send{background: white;border-radius: 10px 0 10px 0;padding: 10px;text-align: center;border: 2px solid #99007C;}
.whatssap .send p{font-size: 12px;text-align: center;margin-bottom: 0px}
.whatssap img{width: 40px;margin-left: 5px}

.idioma{display: flex;flex-direction: row;justify-content: center;align-items: center;}
.idioma img{width: 40px;margin-right: 10px}

.content{padding: 10px 0;}

.head-seccion{min-height: 200px;background-size: cover!important;background-repeat: no-repeat!important;background-position: center!important;display: flex;flex-direction: row;justify-content: center;align-items: center;;margin-bottom: 30px}
.head-seccion .cont{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.head-seccion .cont h1{text-transform: uppercase;margin-bottom: 10px;font-size: 30px;font-family: monse-r}
.head-seccion .cont .box{display: flex;flex-direction: row;text-transform: capitalize;;font-size: 12px;justify-content: flex-start;align-items: center;align-content: center;flex-wrap: wrap;}
.head-seccion .cont a{margin-right: 5px;color: #343A40;font-family: monse-r;}

.head-servicios .title.active{color: #005086}

.head-seccion .cont a span{font-size: 14px}

.button{background: #99007C;padding: 10px 20px;width: 85px}
.button span{color: white;text-transform: uppercase;}
.button i{color: white;margin-left: 10px}

a.title{font-size: 14px;font-family: monse-r}
a.title:hover span{color: #005086}

p.subtitle{color: #587EA1;text-align: center;margin: 15px auto;font-size: 18px}

.title-men{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.8);display: flex;flex-direction: column;justify-content: center;align-items: center;top: 0;left: 0;z-index: 90000000000000}
.title-men h1{color: white;text-align: center;font-size: 40px} 
.cerrar-mensaje{color: red;font-size: 20px}

.movil{display: none}

/*Globales*/


/*Header*/

.header{display: flex;;flex-direction: column;position: absolute;left: 0;top: 0;z-index: 1000;width: 100%;background: white}

.header .logo{width: 90%;max-width: 250px}
.header .logo img{width: 100%;margin: 0 auto}

.header .cont{padding: 20px 0;margin: 0 auto;width: 90%;max-width: 1200px;display: flex;flex-direction: row;justify-content: flex-end;}
.header .cont.red{background: #99007C;padding: 10px 0;width: 100%;max-width: inherit;}
.red-box{margin: 0 auto;width: 90%;max-width: 1200px;display: flex;flex-direction: row;justify-content: flex-start;}

.header .cont.red .box{margin-right: 10px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.header .cont.red .box i{color: white;font-size: 20px;margin-right: 10px}
.header .cont.red .box span{font-size: 12px;color: white}
.header .line{width: 100%;height: 2px;background: white}

.header .cont:nth-child(3){justify-content: space-between;align-items: center;}
.header .cont:nth-child(3) .box i{font-size: 30px}
.header .cont:nth-child(3) .box a{margin-right: 10px}

/*
.header .cont form{margin-left: 10px;position: relative;}
.header .cont form input{padding: 10px 5px;border: 2px solid #99007C;background: transparent;}
.header .cont form input::-webkit-input-placeholder{color: #99007C;text-align: center;font-size: 16px;text-transform: capitalize;position: relative;z-index: 3;font-family: monse-l}
*/ 

.header .box .redes{display: flex;flex-direction: row;}

.header .cont form{position: relative;width: 100%;flex-direction: row;display: flex;}
.header .cont form input{padding: 10px 5px;border: 2px solid #99007C;background: transparent;border-right: 0px;width: 75%;box-sizing: border-box;}
.header .cont form input::-webkit-input-placeholder{color: #99007C;text-align: center;font-size: 14px;text-transform: capitalize;position: relative;z-index: 3;font-family: monse-l;text-align: left;}
.header .cont form button{background: transparent;padding: 10px 5px;border: 2px solid #99007C;border-left: 0px;width: 25%;display: flex;flex-direction: row;justify-content: center;align-items: center;align-content: center;box-sizing: border-box;cursor: pointer;}
.header .cont form i{color: #99007C!important;font-size: 14px!important}


.header .links{display: flex;flex-direction: row;justify-content: center;flex: 1;max-width: 600px}
.header .links .cont{display: flex;flex-direction: row;justify-content: space-around;align-items: center;}
.header .links .link{position: relative;}
.header .links .link span{color: #99007C;font-size: 14px;text-transform: uppercase;font-family: monse-b}

.header .links .link ul{padding: 0;list-style: none;position: absolute;left: -60px;right: 0;top: 15px;z-index: 100;width: 200px;margin: 0 auto;background: #EDEDED;display: none}
.header .links .link ul li{text-align: center;padding: 10px 5px ;box-sizing: border-box;;font-family: monse-b}
.header .links .link ul li a{color: #99007C}
.header .links .link ul li{background: white;border-bottom: #F5F9FA 1px solid }
.header .links .link ul li:hover a{color: white}
.header .links .link ul li:hover{background: #99007C}
.header .links .link:hover ul{display: inherit;}

.header .menu i{font-size: 40px;color: #99007C}

.idioma{display: flex;flex-direction: row;justify-content: center;align-items: center;margin: 10px}
.idioma img{width: 40px;margin-right: 10px}
.idioma .dropdown {position: relative;display: inline-block;}
.idioma .dropbtn {background-color: #f9f9f9;color: black;padding: 5px 10px;font-size: 16px;border: none;cursor: pointer;display: flex;align-items: center;}
.idioma .dropbtn i{font-size: 12px;margin-left: 10px;color: #adb5bd}
.idioma .dropbtn img {margin-right: 10px;width: 20px;height: auto;}
.idioma .dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.idioma .dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: flex;align-items: center;}
.idioma .dropdown-content a img {margin-right: 10px;width: 20px;height: auto;}
.idioma .dropdown-content a:hover {background-color: #f1f1f1;}
.idioma .dropdown:hover .dropdown-content {display: block}


.open-menu{display: none}
.header .links  .cont .box{display: none}
.cerrar-menu{position: fixed;width: 100%;height: 100%;left: 100%;top: 0;z-index: 1000;background: rgba(0,0,0,0.5);}

/*Header*/

/*Home*/



.slide-home{width: 100%;position: relative;}
.slide-home .item{background-size: cover!important;background-repeat: no-repeat!important;background-position: center!important;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;justify-content: center;position: relative;padding-bottom: 50px;position: relative;z-index: 100;height: 110vh}
.slide-home .item:after{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, .4);content: ''}

.slide-home .item .cont{display: flex;flex-direction: column;box-sizing: border-box;margin-top: 70px;position: relative;z-index: 10;width: 90%;max-width: 1200px;position: relative;z-index: 100;justify-content: center;align-items: center;align-content: center;}
.slide-home .item .cont .line{width: 30%;height: 4px; background: #E4B740;margin-bottom: 15px}
.slide-home .item .cont h1{color:white;text-align: center;font-size: 60px;text-transform: uppercase;font-family: amerixan;}
.slide-home .item .cont h1 strong{color: #E4B740}
.slide-home .item .cont p{text-align: center;font-size: 20px;margin-top: 15px;margin-bottom: 15px;max-width: 75%;color: white;max-width: 600px;font-family: monse-b}
.slide-home .item .cont p strong{color: #0066B9}
.slide-home .item .cont a{color: white;font-weight: bold;text-transform: uppercase;padding: 10px 20px;background: #73A2B6;max-width: 100px;text-align: center;transition: all ease-in-out .5s}
.slide-home .item .cont a:hover{background: transparent;}
.slide-home .item .cont i{color: white;font-size: 12px;font-weight: bold;text-transform: uppercase;}


.slide-home .item video {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;object-fit: cover;transform: translate(-50%, -50%);}

.background-container {position: relative;width: 100%;background-image: url('../img/IMG-20231202-WA0014.jpg');background-size: cover;background-position: center;padding: 25px 0;display: flex;flex-direction: row;justify-content: flex-end;}
.background-container:after {position: absolute;width: 100%;content: '';top: 0;left: 0;height: 100%;z-index: 10;background: linear-gradient(to right, rgba(13, 13, 13, .3) 30%, rgba(13, 13, 13, 0.7) 45%, rgba(13, 13, 13, 0.8) 60%, rgba(13, 13, 13, 1) 75%, rgba(13, 13, 13, 1) 100%);}
.left-container {width: 50%;box-sizing: border-box;position: relative;z-index: 20;}

.viajes{padding: 30px 20px;background: #99007C;flex-direction: column;justify-content: center;align-items: center;align-content: center;display: flex;box-sizing: border-box;}
.viajes i{color: #E7B447;;font-size: 100px;margin-bottom: 10px}
.viajes .text{color: white;text-align: center;font-size: 28px;font-family: monse-r;text-transform: uppercase;}
.viajes .cont{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;margin: 30px 0}
.viajes .cont p{font-size: 70px;text-align: center;font-family: #E7B447}
.viajes p.numero{color: white;text-align: center;font-size: 120px;font-family: amerixan;color: #E7B447}
.viajes .numero strong{color: #E7B447}
.viajes p:last-child{margin-bottom: 0}
.viajes p.text strong{color: #E7B447;font-family: amerixan;font-size: 38px}


.reserva {background-color: #fff;border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 20px;width: 80%;max-width: 600px;margin: 50px auto;border: #99007C 3px solid}
.reserva h1 {font-size: 24px;text-align: center;margin-bottom: 20px;color: #99007C;width: 100%;font-family: monse-b;text-transform: uppercase;}
.reserva .form-group {display: flex;flex-direction: column;margin-bottom: 15px;width: 45%;}
.reserva .form-group.full{width: 100%}
.reserva form{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.reserva .form-group label {margin-bottom: 5px;color: #666;}
.reserva .form-group input,
.reserva .form-group textarea,
.reserva .form-group select {padding: 8px;border: 1px solid #ccc;border-radius: 4px;font-size: 16px;margin-top: 5px;width: 100%;box-sizing: border-box;}
.reserva .form-group textarea {height: 80px;resize: vertical;}
.reserva .form-group select {width: 100%;}
.reserva button {background-color: #99007C;color: white;padding: 10px 20px;border: none;border-radius: 4px;cursor: pointer;font-size: 16px;margin-top: 10px;align-self: center;width: 100%;text-align: center;border: 2px solid #99007C;box-sizing: border-box;text-transform: uppercase;font-family: monse-b}
.reserva button:hover {background-color: transparent;color: #99007C}

.baner-page{background-size: cover!important;background-position: center!important;justify-content: center;align-items: center;align-content: center;display: flex;flex-direction: column;position: relative;height: 100vh}
.baner-page:after{width: 100%;height: 100%;position: absolute;left: 0;top: 0;content: '';background: rgba(0, 0, 0, .7);}
.baner-page h1{font-size: 80px;text-align: center;text-transform: uppercase;font-family: amerixan;position: relative;z-index: 10;color: #E4B740;margin-bottom: 15px;margin-top: 50px;padding: 5px 15px;border-bottom: 3px solid #E4B740}
.baner-page p{font-size: 22px;text-align: center;font-family: monse-l;position: relative;z-index: 10;color: white;width: 90%;max-width: 750px}


.somos{padding: 30px 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.somos strong{color: #E4B740}
.somos p{font-size: 22px;text-align: justify;width: 90%;max-width: 1000px;line-height: 25px}

.imagenes-about{width: 90%;max-width: 1200px;margin: 20px auto;display: flex;flex-direction: row;justify-content: center;}
.imagenes-about img{width: 25%;object-fit: cover;margin: 0}

.solicita{background: #73A2B4;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 40px 15px;box-sizing: border-box;}
.solicita a{font-size: 40px;margin-top: 15px;;color: #99007C;background: white;border: 2px solid white;padding: 10px 25px;transition: all ease-in-out .5s}
.solicita a:hover{background: transparent;color: white}
.solicita p{text-align: center;font-size: 22px;max-width: 800px;color: white;}
.solicita p strong{color: #99007C}

.great-image{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000000;visibility: hidden;overflow: hidden;opacity: 0;transition: all ease-in-out .3s}
.great-image .cont{position: relative;z-index: 2;position: relative;max-width: 800px;}
.great-image .cont .arrows{position: absolute;width: 50px;height: 50px;background: white;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.great-image .cont .arrows i{color: black;font-size: 25px}
.great-image .cont .arrows.arrows-left{left: -50px;top: 45%}
.great-image .cont .arrows.arrows-right{right: -50px;top: 45%}
.great-image img{width: 90%;max-width: 1000px;}
.galeri-image{opacity: 0;margin-top: 80%;transition: all ease-in-out .4s}
.container-center-row{display: flex;flex-direction: row;justify-content: center;align-items: center;align-content: center;flex-wrap: wrap;}

.galery-item{cursor: pointer;}

.close-image{position: absolute;left: 0;right: 0;width: 100%;height: 100%;background:black;opacity: .8}
/*Compact*/
.camionetas{width: 100%;display: flex;flex-direction: column; justify-content: center;align-items: center;align-content: center;}
.camionetas h2{text-transform: uppercase;text-align: center;color: #99007C;font-size: 40px;font-family: Compact;margin: 30px 0;padding-bottom: 10px;padding: 0 15px;border-bottom: 4px solid #99007C}
.camionetas .cont{width: 90%;max-width: 1200px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.camionetas .cont .box{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: stretch;}
.camionetas .cont .box .info{width: 40%;display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 20px;box-sizing: border-box;}
.camionetas .cont .box .info .center-text{width: 100%;max-width: 400px;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;}
.camionetas .cont .box .info h3{color: #E9B347;font-size: 50px;text-align: left;font-family: amerixan;text-transform: uppercase;margin-bottom: 10px}
.camionetas .cont .box .info p{color: white;font-size: 18px;text-align: justify;margin-bottom: 15px;font-family: monse-b}
.camionetas .cont .box .info ul{padding: 0;}
.camionetas .cont .box .info ul li{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;margin-bottom: 6px;width: 100%}
.camionetas .cont .box .info ul li i{color: #E9B347;font-size: 20px;margin-right: 5px}
.camionetas .cont .box .info ul li p{color: white;font-size: 16px;text-align: left;font-family: monse-l;margin: 0px}
.camionetas .cont .box .img{width: 60%;display: flex;justify-content: center;align-items: center;}
.camionetas .cont .box .img img{width: 100%;object-fit: cover;}
.camionetas .cont .btn{padding: 5px 15px;background: #E9B347;border: 2px solid #E9B347;box-sizing: border-box;color: white;text-transform: uppercase;text-align: center;transition: all ease-in-out .5s;margin-top: 20px;box-sizing: border-box;font-family: monse-b;font-size: 15px}
.camionetas .cont .btn:hover{background: transparent;}

.logoqui{width: 300px;margin: 30px auto;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.logoqui img{width: 100%}

.camionetas .cont .box:nth-child(1){background: #9F0D3A}
.camionetas .cont .box:nth-child(2){background: #90046F}
.camionetas .cont .box:nth-child(3){background: #73A2B4}

.garantia{padding: 60px 0;display: flex;flex-direction: column;justify-content: center;background: #99007C;align-items: center;}
.garantia .cont{width: 90%;max-width: 1000px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.garantia .cont i{color: #E9B347;font-size: 80px;margin-bottom: 20px;}
.garantia .cont h3{color: #E9B347;text-align: center;margin-bottom: 10px;font-size: 60px;font-family: amerixan;text-transform: uppercase;}
.garantia .cont .desc{text-align: center;font-size: 23px;margin-bottom: 50px;max-width: 600px;color: white;font-family: monse-b}
.garantia .cont .box{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}
.garantia .cont .box .icon{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.garantia .cont .box .icon i{color: #E9B347;font-size: 28px;margin-bottom: 10px;}
.garantia .cont .box .icon p{color: white;font-size: 14px;text-align: center;;text-transform: uppercase;}

.destinos{padding: 50px 0;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.destinos .cont{width: 90%;max-width: 1200px;justify-content: space-between;align-items: center;display: flex;flex-direction: row;flex-wrap: wrap;}
.destinos .cont .destino{width: 31%;margin: 1%;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;height: 400px;position: relative;overflow: hidden;}
.destinos .cont .destino:after{width: 100%;height: 100%;content: '';position: absolute;left: 0;top: 0;z-index: 6;background: rgba(0, 0, 0, .4);}
.destinos .cont .destino h3{font-size: 38px;text-align: center;text-transform: uppercase;font-family: amerixan;position: relative;z-index: 10;color: #E4B740;margin-bottom: 15px;margin-top: 50px;padding: 5px 15px;border-bottom: 3px solid #E4B740;position: relative;z-index: 10}
.destinos .cont .destino img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;z-index: 5;filter: grayscale(100%);transition: all ease-in-out .5s;}
.destinos .cont .destino a{color: white;font-weight: bold;text-transform: uppercase;padding: 10px 20px;background:  #E4B740;text-align: center;transition: all ease-in-out .5s;z-index: 10;position: relative;border: 2px solid  #E4B740;box-sizing: border-box;}
.destinos .cont .destino a:hover{background: transparent;}

.destinos .cont .destino:hover img{filter: grayscale(0%);transform: scale(1.6);}

/* footer */

.footer{}
.footer form{padding: 40px 0;width: 90%;max-width: 1200px;margin: 0 auto;display: flex;flex-direction: row;justify-content: space-between;align-items: center;align-content: center;}
.footer form p{margin-top: 10px;text-align: left;color: #99007C;font-family: monse-l;font-size: 14px;margin: 15px 0}
.footer form .cont{display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;width: 90%;max-width: 800px}
.footer form .cont .box{width: 100%;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.footer form .cont .box .input{width: 100%;margin: 1% 0;padding:5px;box-sizing: border-box;height: 52px;background: transparent;border: 2px solid #99007C;box-sizing: border-box;}
.footer form .cont .box .input.big{width: 100%}
.footer form .cont .box textarea.input{width: 100%;height: 150px}

.footer form .conters{width: 50%;display: flex;flex-direction: column;}
.footer form .img{width: 40%;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.footer form .img img{width: 100%}

.footer form .cont .box .input::-webkit-input-placeholder{color: black;opacity: 1}
.footer form .cont .box .input:-moz-placeholder{color: black;opacity: 1}
.footer form .cont .box .input::-moz-placeholder{color: black;opacity: 1}
.footer form .cont .box .input:-ms-input-placeholder {color: black;opacity: 1}

.footer form .cont .box .input:focus::-webkit-input-placeholder{color: #99007C;opacity: 0}
.footer form .cont .box .input:focus:-moz-placeholder{color: #99007C;opacity: 0}
.footer form .cont .box .input:focus::-moz-placeholder{color: #99007C;opacity: 0}
.footer form .cont .box .input:focus:-ms-input-placeholder {color: #99007C;opacity: 0}

.buttons{width: 100%;display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}
.buttons button{width: 150px;background: #99007C;padding: 10px 0;transform: all ease-in-out .5s;border:  2px solid #99007C;font-family: monse-b;width: 100%}
.buttons button span{color: white;text-transform: uppercase;text-align: center;font-size: 14px}

.buttons button:hover{background: white}
.buttons button:hover span{color: #99007C}

.footer .blue{background: #99007C;padding: 20px 0;display: flex;flex-direction: column}
.footer .blue .box{width: 90%;margin: 0 auto;display: flex;flex-direction: row;justify-content: space-around;}
.footer .blue .box .link{color: white;text-transform: uppercase;font-size: 12px;font-family: monse-r}

.politicas{margin: 40px auto}
.politicas span{color: white;text-transform: uppercase;font-size: 12px;font-family: monse-r}

.derechos{color: white;text-transform: uppercase;font-size: 12px;font-family: monse-r;margin: 0 auto;text-align: center;}



@media(min-width: 1401px){
    .max-widht{max-width: 1400px!important;width: 90%}
    .max-widht1{max-width: 1300px!important;width: 90%}
    .max-widht2{max-width: 1100px!important;width: 90%}
    .max-widht3{max-width: 900px!important;width: 90%}
    .max-widht4{max-width: 700px!important;width: 90%}
    .max-widht5{max-width: 600px!important;width: 90%}
    .max-widht6{max-width: 500px!important;width: 90%}

}

@media(max-width: 1400px){
    .max-widht{max-width: 1200px!important;width: 90%}
    .max-widht1{max-width: 1100px!important;width: 90%}
    .max-widht2{max-width: 900px!important;width: 90%}
    .max-widht3{max-width: 700px!important;width: 90%}
    .max-widht4{max-width: 600px!important;width: 90%}
    .max-widht5{max-width: 500px!important;width: 90%}
    .max-widht6{max-width: 400px!important;width: 90%}
}



@media(max-width: 888px){

    .header .cont:nth-child(3) .box{display: none}
    .header .links{position: fixed;left: -100%;top: 0;height: 100%;flex-direction: column;width: 50%;z-index: 1000000;transition: all ease-in-out .5s;background: white}
    .header .links .cont{flex-direction: column;}
    .header .links .link{margin: 5px 0}
    .header .links  .cont .box{flex-direction: column;margin: 0;margin-top: 15px;display: flex;}
    .header .links  .cont .box form{margin-top: 5px}
    .header .links  .cont .box form input{border: 1px solid #99007C}
    .header .cont form input::-webkit-input-placeholder{color: #99007C;}
    .header .cont .box form i{color: #99007C}
    .open-menu{display: inherit;}

    
    

    .servicios .box .servicio, .blog .box .post, .nosotros .box .img, .nosotros .box .info{width: 100%;}

    .footer form .cont .box,.footer form .cont .box .input{width: 100%!important}

    .valores .cont .valor{width: 100%}

    .productos .producto{width: 32%}
    .footer .blue .box{flex-direction: column;}
    .footer .blue .box .link{text-align: center;}
    .servicios-box .box-1,
    .servicios-box .box-2{width: 100%}

    a.title{font-size: 10px}

    .refaccionaria .cont .box{width: 30%;}

    .box-contact,
    #blog .blog .box-1,
    #blog .blog .box-2,
    .servicios-box .box-1,
    .servicios-box .box-2,
    .producto-s .box-product1,
    .producto-s .box-product2{width: 100%}

    .producto-s .productos .producto{width: 48%}

    .movil{display: inherit;}
    .pc{display: none}


    .head-servicios .cont{display: flex;flex-direction: column;}
    .head-servicios .title{margin:10px 0;text-align: center;}

    .productos .producto p.titlles-ser{font-size: 16px;text-align: center;}




}

@media(max-width: 880px){

}

@media(max-width: 890px){
    

    .productos .producto{width: 48%}
    .refaccionaria .cont .box{width: 50%;}
    .header .cont:first-child{flex-direction: column;}
    .producto-s .head .images,
    .producto-s .head .info{width: 100%;margin: 10px 0}

    .info-container .cont{flex-direction: column;}
    .info-container .cont .info p{width: 100%;max-width: inherit;}
    .info-container .cont .info{order: 1}
    .info-container .cont .img{order: 2}

    .nosotros .testimonials-map-container{flex-direction: column;}
    .nosotros .testimonials{margin-bottom: 30px}
    .nosotros .contact-form .half-width{width: 100%!important}

    .left-container{width: 100%}

    .camionetas .cont .box .info, .camionetas .cont .box .img{width: 100%}
    .camionetas .cont .box .info{order: 1}
    .camionetas .cont .box .img{order: 2}
    .camionetas .cont .box .info .center-text{max-width: inherit;}
    .camionetas .cont .box .info p{max-width: 600px}
    .garantia .cont .box{flex-direction: column;justify-content: center;align-items: center;}
    .garantia .cont .box .icon{margin-bottom: 15px}
    .footer form .img{width: 100%;margin-bottom: 20px}
    .footer form .conters, .footer form .cont{width: 100%}

        .footer form{flex-direction: column;justify-content: center;align-items: center;}

    .footer form .img{width: 100%;margin-bottom: 20px}
    .footer form .conters{width: 100%}

    .destinos .cont .destino{width: 48%}

    .slide-home .item{height: 80vh}

}

@media(max-width: 590px){
    
    
 
}

@media(max-width: 600px){
    
    .importa .cont .info{width: 100%}

    .importa .cont .info h4 strong{font-size: 15px}
    .importa .cont .info h4{font-size: 48px}
    .importa{height: 70vh}

    .viajes .text{font-size: 25px}
    .viajes p.text strong{font-size: 30px}
    .viajes .cont p{font-size: 50px}
    .viajes p.numero{font-size: 100px}

    .reserva .form-group{width: 100%}

    .garantia .cont h3{font-size: 40px}
    .garantia .cont .desc{font-size: 20px}

    .destinos .cont .destino{width: 100%;margin: 15px 0}

    
 
}