@charset "UTF-8";

/*********************** FUENTES ***********************/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;
*/

/******************* GENERAL *******************/
body { padding: 0; margin: 0; font-family: 'Montserrat', sans-serif; font-weight: 700;  }
img { width: 100%; display: block; }
a { text-decoration: none; color: inherit; display: block; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
ul { padding: 0; margin: 0; }
li { list-style-type: none; }
* { box-sizing: border-box; }
* { box-sizing: border-box; }
*:focus { outline: none; }
input { outline: none; border: none; }
.pc { display: block; }
.movil { display: none; }
section { position: relative; overflow: hidden; }
p { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; margin: 0 0 10px; font-size: 18px; color: #525152; font-weight: 300; font-family: 'Roboto', sans-serif; }
p span { display: block; }
.contenedor { width: 1200px; margin: 0px auto; position: relative; }
.bannerPrincipal { height: 450px; background-size: cover; background-position: center bottom; display: table; width: 100%; margin-top: 120px; display: table; }
.bannerPrincipal h1 { text-align: left; font-family: 'Montserrat', sans-serif; position: absolute; top: 50%; left: 50%; width: 410px; margin-left: -605px; margin-top: -40px; text-shadow: 0 0 20px #000; text-transform: uppercase; }
.bannerPrincipalSeccion { height: 300px; }
.ojo_seccion { width: 170px; margin: 0px auto; margin-bottom: 60px; }
.parrafoCentrado { text-align: center; }
.parrafoCentrado strong { display: block; font-weight: 500; margin-bottom: 10px; }
.textoMayus { text-transform: uppercase; }
.primerMayus { text-transform: capitalize; }
::selection { background: #0c4e9c; color: #FFF; }
::-moz-selection { background: #0c4e9c; color: #FFF; }
/* .btn { background: #cd9665; color: #fff; font-size: 16px; text-align: center; font-family: 'Libre Franklin', sans-serif; padding: 12px 50px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } */
.btn:hover { background: #878586; letter-spacing: 2px; box-shadow: -3px 3px 5px 1px #cd9665; }
.linea { background: #a0a3a8; background: -moz-linear-gradient(left, #a0a3a8 0%, #ffffff 51%, #d4ae8c 100%); background: -webkit-linear-gradient(left, #a0a3a8 0%,#ffffff 51%,#d4ae8c 100%); background: linear-gradient(to right, #a0a3a8 0%,#ffffff 51%,#d4ae8c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a3a8', endColorstr='#d4ae8c',GradientType=1 ); height: 4px; width: 118px; }
.noMarginBotom { margin-bottom: 0!important; }
.noPaddingBotom { padding-bottom: 0!important; }
.imageSombra:after { content: ''; display: block; position: absolute; top: 0; left: 0; background: #f1f1f1; }

/*********************** COLORES ***********************/
.colorGris { color: #6d6e71; }

/*********************** CONTENEDORES ***********************/
.conteRight { width: 50%; float: right; }
.conteLeft { width: 50%; float: left; }

/*
ANIMACIONES HTML5

-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;

-webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15);

-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);

-webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
*/

/*********************** CLEAR ***********************/
.clear { clear: both; height: 0px; }
.clear5 { clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.clear15 { clear: both; height: 15px; }
.clear20 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
.clear40 { clear: both; height: 40px; }

/*********************** TEXTOS ***********************/
.textCenter { text-align: center; }
.textRight { text-align: right; }
.textLeft { text-align: left; }

/*********************** FORMULARIOS ERROR ***********************/
label.error { display:none !important; }
input.error { border:1px solid #F00!important; }
select.error { border:1px solid #F00!important; }
textarea.error { border:1px solid #F00!important; }

/*********************** H1 - H6 ***********************/
h1, h2, h3, h4, h5 { padding: 0; margin: 0; }
h1 { color: #fff; font-size: 58px; }
h1.titulo { text-align: center; text-transform: uppercase; }
h2 { font-size: 38px; color: #525152; text-transform: uppercase; font-weight: 500; }
h3 { font-size: 28px; font-weight: 600; text-transform: uppercase; }
h4 { font-size: 22px; font-weight: 700; color: #0c4e9c; }
h5 { text-align: center; color: #525152; font-size: 18px; font-weight: 600; }

/*********************** COLUMNAS ***********************/
.col2 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3 li { float: left; width: 33.33%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col4 li { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col5 li { float: left; width: 20%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col6 li { float: left; width: 16.66%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col7 li { float: left; width: 14.28%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col8 li { float: left; width: 12.5%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col9 li { float: left; width: 11%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }

/*********************** HEADER ***********************/
header { position: fixed; z-index: 999; width: 100%; top: 0; background: #fff; }
header .top { background: #0c4e9c; background: -moz-linear-gradient(left, #0c4e9c 50%, #083568 100%); background: -webkit-linear-gradient(left, #0c4e9c 50%,#083568 100%); background: linear-gradient(to right, #0c4e9c 50%,#083568 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4e9c', endColorstr='#083568',GradientType=1 ); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
header .top ul { display: flex; align-items: center; }
header .top ul li { color: #fff; font-size: 17px; font-weight: 500; padding: 6px 0; }
header .top ul li .conteIdioma { float: right; display: flex; align-items: center; text-transform: uppercase;}
header .top ul li .conteIdioma img { width: 30px; margin-right: 10px; }
header .bot { padding: 12px 0; }
header .bot .logo { width: 110px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; float: left; }
header .bot .menu { float: right; padding: 23px 0px; }
header .bot .menu a { color: #525152; font-size: 16px; text-transform: uppercase; font-weight: 600; display: inline; padding: 0 21px; position: relative; }
header .menu a:after { content: ''; display: block; position: absolute; bottom: -2px; left: 50%; transform: translate(-50%, -50%); width: 0; height: 2px; background: #0c4a93; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; margin-bottom: -2px; }
header .menu a:hover:after, .menuActivo:after { width: 100px!important; }
.headerAnima { box-shadow: 0px 2px 15px 0px #0c4e9c; }
.headerAnima .top { margin-top: -44px; }
.headerAnima .logo { width: 80px!important; }
.headerAnima .menu { padding: 13px 0!important; }
.headerAnima .menu a { font-size: 14px!important; }
.btn_movil { float: right; margin: 0; cursor: pointer; border: none; cursor: pointer; position: relative; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 999; margin-top: 5px; }
.btn_movil span { width: 34px; height: 5px; background-color: #0c4e9c; margin: 6px 0; display: block; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.btn_movil.change span:nth-child(1) { -webkit-transform: rotate(-45deg) translate(-8px, 6px); transform: rotate(-45deg) translate(-8px, 6px); }
.btn_movil.change span:nth-child(3) { -webkit-transform: rotate(45deg) translate(-9px, -8px); transform: rotate(45deg) translate(-9px, -8px); }
.btn_movil.change span:nth-child(2) { opacity: 0; }
.menuActivoHover.activo { display: block; }
.menu.opened { right: 0!important; }

/*********************** HOME ***********************/
#myVideo { position: fixed; right: 0; bottom: 0; min-width: 100%;  min-height: 100%; }
.home .item { background: url(../img/general/franjaIndex.png) no-repeat; width: 1100px; height: 100vh; background-position: center; background-size: 100% 100%; position: relative; left: -170px; }
.home .item .info { position: absolute; top: 50%; left: 50%; width: 400px; margin-top: -160px; margin-left: -200px; }
.home .item .info .logo { width: 160px; }
.home .item .info p { color: #fff; }
.home .item .info .conteIdiomas { display: flex; gap: 10px; }
.home .item .info .conteIdiomas .idioma { padding: 5px 20px; margin: 10px 0; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; display: flex; align-items: center; }
.home .item .info .conteIdiomas .idioma:hover { background: #001732; box-shadow: 3px 0px 0px 0px #fff; }
.home .item .info .conteIdiomas .idioma .bandera { width: 30px; margin-right: 10px; }
.home .item .info .conteIdiomas .idioma span { color: #fff; }

/*********************** NOSOTROS ***********************/
.nosotros .seccion1 { margin-top: 110px; }
.nosotros .seccion1 h1 { text-align: left;
font-family: 'Montserrat', sans-serif; position: absolute; top: 50%; left: 50%; width: 350px; margin-left: -605px; margin-top: -40px; text-shadow: 0 0 20px #000; text-transform: uppercase; z-index: 1; }
.nosotros .seccion2 { padding: 70px 0; }
.nosotros .seccion2 ul { display: flex; align-items: center; width: 90%; margin: 0px auto; }
.nosotros .seccion2 li:nth-child(1) { width: 20%; }
.nosotros .seccion2 li:nth-child(2):before { content: ''; display: block; background: #b0b0b0; width: 4px; position: absolute; top: 0; left: -2px; height: 100%; }
.nosotros .seccion2 li:nth-child(2) { width: 80%; padding-left: 50px; }
.nosotros .seccion2 li:nth-child(2) p { text-align: justify; }
.nosotros .seccion2 img { width: 140px; margin: 0px auto; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.nosotros .seccion3 { background: #f2f2f2; text-align: center; padding: 50px 0; }
.nosotros .seccion3 h4 { font-style: italic; text-align: center; display: inline-block; width: 75%; position: relative; }
.nosotros .seccion3 h4 span { display: block; color: #525152; font-style: normal; margin-top: 20px; text-transform: uppercase; font-weight: 600; font-size: 16px; }
.nosotros .seccion3 h4:before, .nosotros .seccion3 h4:after { content: ''; display: block; background: url(../img/nosotros/comillas.png); width: 25px; height: 15px; background-position: center; background-size: 100% 100%; position: absolute; top: -1px; left: 15px; }
.nosotros .seccion3 h4:after { left: inherit; right: -20px; transform: rotate(180deg); top: 28px; }
.nosotros .seccion4 { padding: 40px 0; }
.nosotros .seccion4 img { width: 90%; margin: 0px auto; }
.nosotros .seccion4 h4 { font-size: 18px; text-transform: uppercase; font-weight: 800; }
.nosotros .seccion5 { background: #f2f2f2; padding: 50px 0; }
.nosotros .seccion5 li { padding: 50px 0; height: 220px; }
.nosotros .seccion5 li:nth-child(1), .nosotros .seccion5 li:nth-child(3) { padding-right: 50px; }
.nosotros .seccion5 li:nth-child(2), .nosotros .seccion5 li:nth-child(4) { padding-left: 50px; }
.nosotros .seccion5 li p { text-align: justify; }
.nosotros .seccion5 h2 { text-align: center; }
.nosotros .seccion5 h4 { font-size: 20px; text-transform: uppercase; margin-bottom: 10px; }

/*********************** SERVICIOS ***********************/
.servicios .bannerPrincipal { background-image: url(../img/servicios/banner.png); }
.servicios .seccion2 { padding-top: 60px; }
.servicios .seccion2 ul { margin: 40px 0; }
.servicios .seccion2 li:nth-child(1) { padding-right: 30px; }
.servicios .seccion2 li:nth-child(2) { padding-left: 30px; }
.servicios .seccion2 li p { text-align: justify; }
.servicios .seccion2 h4 { font-size: 18px; text-transform: uppercase; text-align: center; font-weight: 800; margin-bottom: 15px; }
.servicios .seccion2 h2 { text-align: center; }
.servicios .seccion3 .conteCategorias { width: 80%; margin: 0px auto; font-size: 16px; }
.servicios .seccion3 .conteCategorias .item { width: 25%; float: left; text-transform: uppercase; padding: 7px 0 7px 15px; margin: 12px 0; position: relative; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.servicios .seccion3 .conteCategorias .item:hover { scale: 1.1; }
.servicios .seccion3 .conteCategorias .item:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 8px; height: 100%; background: #000; }
.servicios .seccion3 .conteCategorias .item.basica { color: #0c4e9c; }
.servicios .seccion3 .conteCategorias .item.basica:before, .servicios .seccion3 .conteItems ul .info.basica:before { background: #0c4e9c; }
.servicios .seccion3 .conteCategorias .item.mecanica { color: #1672df; }
.servicios .seccion3 .conteCategorias .item.mecanica:before, .servicios .seccion3 .conteItems ul .info.mecanica:before { background: #1672df; }
.servicios .seccion3 .conteCategorias .item.civil { color: #4574ab; }
.servicios .seccion3 .conteCategorias .item.civil:before, .servicios .seccion3 .conteItems ul .info.civil:before { background: #4574ab; }
.servicios .seccion3 .conteCategorias .item.electrica { color: #70b7fc; }
.servicios .seccion3 .conteCategorias .item.electrica:before, .servicios .seccion3 .conteItems ul .info.electrica:before { background: #70b7fc; }
.servicios .seccion3 .conteCategorias .item.instrumentacion { color: #7fc5c7; }
.servicios .seccion3 .conteCategorias .item.instrumentacion:before, .servicios .seccion3 .conteItems ul .info.instrumentacion:before { background: #7fc5c7; }
.servicios .seccion3 .conteCategorias .item.arquitectura { color: #a2adad; }
.servicios .seccion3 .conteCategorias .item.arquitectura:before, .servicios .seccion3 .conteItems ul .info.arquitectura:before { background: #a2adad; }
.servicios .seccion3 .conteCategorias .item.supervision { color: #7a8088; }
.servicios .seccion3 .conteCategorias .item.supervision:before, .servicios .seccion3 .conteItems ul .info.supervision:before { background: #7a8088; }
.servicios .seccion3 .conteCategorias .item.equipo-software { color: #062c58; }
.servicios .seccion3 .conteCategorias .item.equipo-software:before, .servicios .seccion3 .conteItems ul .info.equipo-software:before { background: #062c58; }
.servicios .seccion3 { padding-bottom: 50px; }
.servicios .seccion3 .conteItems ul { display: flex; align-items: center; margin-top: 80px; }
.servicios .seccion3 .conteItems ul h2 { margin-bottom: 20px; }
.servicios .seccion3 .conteItems ul .info { float: left; padding: 10px 0; padding-left: 30px; }
.servicios .seccion3 .conteItems ul .info p { text-align: justify; }
.servicios .seccion3 .conteItems ul .info:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 8px; height: 100%; }
.servicios .seccion3 .conteItems ul .imagen { float: right; padding-left: 30px; }
.servicios .seccion3 .conteItems ul:nth-child(2n) { color: #fff; }
.servicios .seccion3 .conteItems ul:nth-child(2n) .info { float: right; }
.servicios .seccion3 .conteItems ul:nth-child(2n) .imagen { padding-left: 0; padding-right: 30px; }

/*********************** EXPERIENCIA ***********************/
.experiencia .bannerPrincipal { background-image: url(../img/experiencia/banner.png); }
.experiencia .seccion2 { padding: 40px 0; }
.experiencia .seccion2 h4 { font-size: 18px; text-transform: uppercase; text-align: center; font-weight: 800; margin-bottom: 15px; }
.experiencia .seccion2 h2 { text-align: center; padding-bottom: 30px; }
.experiencia .seccion3 { padding-bottom: 60px; }
.experiencia .seccion3 h4 { text-align: center; position: relative; color: #525152; font-weight: 500; }
.experiencia .seccion3 .col5 li { margin-top: 50px; }
.experiencia .seccion3 .col5 li .conten { padding: 0px 30px; cursor: pointer; }
.experiencia .seccion3 .col5 li .conten:hover .circulo { transform: scale(1.15); }
.experiencia .seccion3 .col5 li .conten:hover h5 { transform: scale(1.15); }
.experiencia .seccion3 .col5 li .conten .circulo { background: url(../img/experiencia/circulo-azul.png); width: 80px; height: 80px; background-position: center; background-size: cover; margin: 0px auto; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.experiencia .seccion3 .col5 li .conten .circulo .item { padding: 5px; }
.experiencia .seccion3 .col5 li .conten h5 { text-transform: uppercase; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.experiencia .seccion3 .conteElemento { margin-top: 70px; }
.experiencia .seccion3 .conteElemento h2 { margin-bottom: 20px; }
.experiencia .seccion3 .conteElemento ul { display: flex; }
.experiencia .seccion3 .conteElemento ul li { display: table; background: #000; }
.experiencia .seccion3 .conteElemento ul li .conten { display: table-cell; vertical-align: middle; padding: 0 50px; }
.experiencia .seccion3 .conteElemento ul li .conten h3 { color: #3d81d2; text-transform: inherit; font-size: 22px; font-weight: bold; margin-bottom: 30px; }
.experiencia .seccion3 .conteElemento ul li .conten p { color: #fff; }
.experiencia .seccion3 .conteElemento ul li:nth-child(1) { width: 30%; background: #073469; }
.experiencia .seccion3 .conteElemento ul li:nth-child(2) { width: 70%; }
.experiencia .seccion3 .conteElemento .conteCarrusel .bx-wrapper { margin-bottom: 0; }
.experiencia .seccion3 .conteElemento .conteCarrusel .bx-wrapper .bx-pager { position: absolute; bottom: 20px; text-align: right; font-size: 0; padding-right: 20px; color: #fff; }
.experiencia .seccion3 .conteElemento .conteCarrusel .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; }
.experiencia .seccion3 .conteElemento .conteCarrusel .bx-wrapper .bx-pager.bx-default-pager a { background: #949494; }

/*********************** CONTACTO ***********************/
.contacto .bannerPrincipal { background-image: url(../img/contacto/banner.png); }
.contacto .seccion2 { padding: 40px 0; }
.contacto .seccion2 h2, .contacto .seccion2 h4 { text-align: center; }
.contacto .seccion2 h2 { margin-top: 5px; }
.contacto .seccion2 ul { margin-top: 40px; }
.contacto .seccion2 ul li .conteIco { display: flex; align-items: center; color: #0c4e9c; font-size: 18px; margin-bottom: 20px; }
.contacto .seccion2 ul li .conteIco img { width: 60px; margin-right: 20px; }
.contacto .seccion2 ul li .texto a { font-weight: 600; }
.contacto .seccion2 ul li .texto p { color: #525152; font-size: 18px; line-height: 18px; font-weight: 400; }
.contacto .seccion3 .mapita { margin: 20px 0 40px 0; height: 500px; }
.contacto .seccion3 .mapita iframe { width: 100%; height: 100%; }
.contacto .seccion4 { background: #eaecef; padding: 40px 0; }
.contacto .seccion4 h2, .contacto .seccion4 h4 { text-align: center; }
.contacto .seccion4 #formContacto { margin-top: 20px; }
.contacto .seccion4 #formContacto input, textarea { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; margin: 0; font-family: 'Montserrat', sans-serif; }
.contacto .seccion4 #formContacto input:focus, textarea:focus { box-shadow: 0 0 4px 0px #0c4e9c; }
.contacto .seccion4 #formContacto input:not([type="submit"]), textarea { font-size: 16px; color: #525152; width: 48%; float: left; margin: 10px 0; margin-left: 15px; padding: 10px 10px; border: 1px solid #eaecef; }
.contacto .seccion4 #formContacto textarea { resize: none; width: 98%; height: 150px; }
.contacto .seccion4 #formContacto input:nth-child(2n) { margin-left: 20px; }
.contacto .seccion4 #formContacto #submitContacto { background: #0c4e9c; text-align: center; color: #fff; font-size: 18px; text-transform: uppercase; border: 0; margin: 0px auto; display: block; padding: 10px 50px; font-weight: 800; margin-top: 10px; cursor: pointer; }
.contacto .seccion4 #formContacto #submitContacto:hover, .contacto .seccion4 #formContacto #submitContacto:disabled { padding: 10px 80px!important; letter-spacing: 2px!important; opacity: 0.7!important; }

/*********************** COTIZACIONES ***********************/
.cotizacion .bannerPrincipal { background-image: url(../img/cotizacion/banner.png); }
.cotizacion .seccion2 { padding: 40px 0; }
.cotizacion .seccion2 h2, .cotizacion .seccion2 h4 { text-align: center; }
.cotizacion .seccion2 { background: #eaecef; }
.cotizacion .seccion2 #formCotiza input { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; margin: 0; font-family: 'Montserrat', sans-serif; }
.cotizacion .seccion2 #formCotiza input:focus, textarea:focus { box-shadow: 0 0 4px 0px #0c4e9c; }
.cotizacion .seccion2 #formCotiza input:not([type="submit"]), textarea { font-size: 16px; color: #525152; width: 48%!important; float: left; margin: 10px 0; margin-left: 15px; padding: 10px 10px; border: 1px solid #eaecef; }
.cotizacion .seccion2 #formCotiza input[name="empresa"] { width: 97%!important; }
.cotizacion .seccion2 #formCotiza h4 { text-align: left; padding-left: 15px; margin-top: 15px; }
.cotizacion .seccion2 .conteAlcance  { width: 97%; margin: 0px auto; margin-bottom: 25px; }
.cotizacion .seccion2 .conteAlcance .conten { display: flex; }
.cotizacion .seccion2 .conteAlcance .conten label { display: flex; align-items: center; width: 20%; font-size: 14px; color: #525152; margin-top: 15px; }
.cotizacion .seccion2 #formCotiza .conteAlcance .conten label input[type="checkbox"] { font-size: inherit!important; width: 20px!important; height: 20px!important; padding: 0!important; margin: 0!important; margin-right: 15px!important; }
.cotizacion .seccion2 #formCotiza textarea { resize: none; width: 97%!important; margin: 0px auto; display: block; float: none; height: 140px; }
.cotizacion .seccion2 #formCotiza .input100 { width: 97%!important; float: none!important; }
.cotizacion .seccion2 #formCotiza #submitCotiza { background: #0c4e9c; text-align: center; color: #fff; font-size: 18px; text-transform: uppercase; border: 0; margin: 0px auto; display: block; padding: 10px 50px; font-weight: 800; margin-top: 10px; cursor: pointer; }
.cotizacion .seccion2 #formCotiza #submitCotiza:hover, .cotizacion .seccion2 #formCotiza #submitCotiza:disabled { padding: 10px 80px!important; letter-spacing: 2px!important; opacity: 0.7!important; }

/*********************** FOOTER ***********************/
footer .seccion1 { background: #000223; padding: 40px 0 25px 0; }
footer .seccion1 p { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 16px; }
footer .seccion1 .logoFooter { width: 150px; margin: 0px auto; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
footer .seccion1 li { min-height: 10px; }
footer .seccion1 li:nth-child(1), footer .seccion1 li:nth-child(3) { width: 25%; }
footer .seccion1 li:nth-child(2) { width: 50%; }
footer .seccion1 .colBot { margin-top: 30px; }
footer .seccion1 .colBot li { text-align: center; }
footer .seccion1 .colBot li p { margin-bottom: 0; }
footer .seccion2 { background: url(../img/general/fondotanque.png)no-repeat; background-size: cover; background-position: center; padding: 40px 0; height: 1020px; padding-top: 480px; }
footer .seccion2 h2 { color: #fff; text-align: center; position: absolute; width: 100%; z-index: 1; }
footer .seccion2 .item { width: 70%; margin: 0px auto; }
footer .seccion3 { background: #292829; padding: 50px 0; }
footer .seccion3 .logo { width: 180px; }
footer .seccion3 .conten h4 { color: #c88c58; font-size: 18px; font-weight: 500; margin-bottom: 10px; }
footer .seccion3 .conten p { color: #fff; line-height: 22px; }
footer .seccion3 ul { display: flex; align-items: center; }
footer .seccion3 li:nth-child(1) { width: 20%; }
footer .seccion3 li:nth-child(2) { width: 53%; padding-left: 50px; }
footer .seccion3 li:nth-child(2):after { content: ''; display: block; background: #bb7333; background: -moz-linear-gradient(top, #bb7333 0%, #ffffff 50%, #ffffff 50%, #bb7333 100%); background: -webkit-linear-gradient(top, #bb7333 0%,#ffffff 50%,#ffffff 50%,#bb7333 100%); background: linear-gradient(to bottom, #bb7333 0%,#ffffff 50%,#ffffff 50%,#bb7333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb7333', endColorstr='#bb7333',GradientType=0 ); width: 4px; height: 100%; position: absolute; top: 0; left: 0; }
footer .seccion3 li:nth-child(3) { width: 27%; }
footer .seccion3 li a:hover { color: #a2a6aa; }

/*********************** INPUTS FORMULARIO ***********************/
.itemForm { height:50px; position:relative; overflow:hidden; }
.itemForm input { width:100%; height:100%; color:#6f6f6f; padding-top:25px; border:none; outline:none; background: transparent; }
.itemForm label { position: absolute; width:100%; height:100%; bottom:0px; left:0%; pointer-events:none; border-bottom:1px solid black; }
.itemForm label::after{ content:""; position:absolute; width:100%; height:100%; border-bottom:3px solid #6f6f6f; bottom:-1px; left:0px; transform:translateX(-100%); transition:all 0.3s ease; }
.content-name { position:absolute; bottom:5px; left:0px; transition:all .3s ease; }
.itemForm input:focus + .label-name .content-name, .itemForm input:valid+ .label-name .content-name{ transform:translateY(-150%); font-size:14px; color:#6f6f6f; }
.itemForm input:focus+ .label-name::after, .itemForm input:valid+ .label-name::after { transform:translateX(0%); }

/*********************** ANIMACIONES ***********************/
@keyframes buzz { from, to { -webkit-transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); } }
@keyframes scale { 50% { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } }
@keyframes entrance { 0% { transform: translateY(-50px); opacity: 0; } 20% { transform: translateY(0); opacity: 1; } 80%, 100% { transform: translateY(0); opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } }
@keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0,100%,0); } 100% { opacity: 1; transform: none; } }
@keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0,-100%,0); } 100% { opacity: 1; transform: none; } }
@keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%,0,0); } 100% { opacity: 1; transform: none; } }
@keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%,0,0); } 100% { opacity: 1; transform: none; } }
@keyframes up-and-down { from { transform: translateY(-80%); } 50% { transform: translateY(-20%); } to { transform: translateY(-80%); } }
@keyframes zoomIn { 0% { opacity: 0; transform: scale3d(.3,.3,.3); } 50% { opacity: 1; } }
@keyframes roateIn { 0% { opacity: 0; transform: scale3d(.3,.3,.3)  rotate(900deg); } 50% { opacity: 1; } }

/**************** MEDIAS ANIMATIONS *****************/
@media (prefers-reduced-motion: no-preference){
	.is-visible .in { animation-name: fadeIn; animation-fill-mode: both; animation-delay: 0.6s; animation-duration: 2s; }
    .is-visible .in-up { animation-name: fadeInUp; animation-fill-mode: both; animation-delay: 0.6s; animation-duration: 2s; }
    .is-visible .in-down { animation-name: fadeInDown; animation-fill-mode: both; animation-delay: 0.6s; animation-duration: 2s; }
    .is-visible .in-left { animation-name: fadeInLeft; animation-fill-mode: both; animation-delay: 0.6s; animation-duration: 2s; }
    .is-visible .in-right { animation: fadeInRight; animation-fill-mode: both; animation-delay: 0.6s; animation-duration: 2s; }
    .is-visible .zoom-in { animation-name: zoomIn; animation-fill-mode: both; animation-delay: 0.5s; animation-duration: 3s; }
    .is-visible .rotate-in { animation-name: roateIn; animation-fill-mode: both; animation-delay: 0.5s; animation-duration: 3s; }
}

/*********************** MEDIAS QUERIES ***********************/
@media screen and (min-width: 320px) and (max-width: 1023px) {
	/*********************** GENERAL ***********************/
	.movil { display: block; }
	.pc { display: none; }
	.contenedor { width: 90%; }
	p { font-size: 15px; }
	.servicios .seccion2, .nosotros .seccion2, .nosotros .seccion3, .nosotros .seccion4, .nosotros .seccion5, footer .seccion1, .experiencia .seccion2, .contacto .seccion2, .contacto .seccion4, .cotizacion .seccion2 { padding: 25px 0; }
	.bannerPrincipal { height: 250px; margin-top: 75px; display: table; text-align: center; }
	.bannerPrincipal h1 { display: table-cell; vertical-align: middle; position: relative; left: 0; margin: 0px auto; width: auto; top: 0; text-align: center; }

	/*********************** H1 - H6 ***********************/
	h1 { font-size: 46px; }
	h2 { font-size: 24px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }

	.col2 li { width: 100%; }

	/*********************** HEADER ***********************/
	header .top ul li:nth-child(1) { width: 100%; text-align: center; font-size: 13px; padding: 3px 0; }
	header .top ul li:nth-child(2) { display: none; }
	header .bot { padding: 7px 0; }
	header .bot .logo { width: 70px; }
	.headerAnima .top { margin-top: -22px; }
	.menu { width: 70%; height: 100%; padding-top: 50px; float: none; position: fixed; background: #f7f7f8; top: 0; right: -100%; -webkit-transition: right 0.4s; transition: right 0.4s; z-index: 2; box-shadow: -20px 0 29px 1px #0c4e9c; }
	.menu.opened:before { content: ''; display: block; }
	header .bot .menu { padding-top: 90px!important; }
	header .bot .menu a { width: 100%; display: block; text-align: center; padding: 15px 0; font-size: 19px!important; }
	header .bot .menu a:hover, a.menuActivo { background: #0c4e9c!important; color: #fff!important; }
	header .menu a:after { display: none; }

	/*********************** HOME ***********************/
	.home .seccion1 { background: url(../img/home/fondoHomeMovil.png); background-size: cover; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

	.home .item { background: url(../img/home/franjaMovil.png); width: 100%; height: 100%; background-position: center; background-size: cover; left: 0; display: table; }
	/* .home .item { background-color: #799ac142; background-image: none; position: fixed; top: 0; left: 0; width: 100%; display: table; } */
	.home .item .info { width: 70%; display: table-cell; vertical-align: middle; position: relative; top: 0; left: 0; margin: 0px auto; padding: 0 20%; }
	.home .item .info .logo { width: 100px; margin: 0px auto; margin-bottom: 20px; }
	.home .item .info p { text-shadow: -3px 2px 6px #000; font-weight: 500; color: #fff; font-size: 20px; }
	.home .item .info .conteIdiomas { display: block; overflow: hidden; }
	.home .item .info .conteIdiomas .idioma { padding: 10px; margin: 0px auto; float: left; width: 50%;	margin-bottom: 30px; }

	/*********************** NOSOTROS ***********************/
	.nosotros .seccion1 { margin-top: 75px; }
	.nosotros .seccion1 h1 { left: 0; margin-left: 0; font-size: 29px; margin-top: -15px; width: 100%; text-align: center; }
	.nosotros .seccion2 ul { width: 100%; display: block; }
	.nosotros .seccion2 li { width: 100%!important; padding: 0!important; }
	.nosotros .seccion2 img { width: 90px; margin-bottom: 20px; }
	.nosotros .seccion2 li:nth-child(2):before { display: none; }
	.nosotros .seccion3 h4 { width: 100%; }
	.nosotros .seccion3 h4:before, .nosotros .seccion3 h4:after { display: none; }
	.nosotros .seccion3 h4 span { font-size: 14px; margin-top: 10px; }
	.nosotros .seccion5 li { width: 100%; height: auto; padding: 0!important; margin-top: 20px; }

	/*********************** SERVICIOS ***********************/
	.servicios .seccion2 h4 { font-size: 16px; margin-bottom: 5px; }
	.servicios .seccion2 ul { margin: 15px 0; }
	.servicios .seccion2 ul li { padding: 0!important; }
	.servicios .seccion3 .conteCategorias { width: 100%; }
	.servicios .seccion3 .conteCategorias .item { font-size: 14px; width: 50%; padding: 7px 0 7px 15px; margin: 5px 0; }
	.servicios .seccion3 .conteItems ul { margin-top: 20px; display: block; }
	.servicios .seccion3 .conteItems ul .info { padding: 0; }
	.servicios .seccion3 .conteItems ul li { width: 100%; float: none; padding: 0!important; }
	.servicios .seccion3 .conteItems ul .info { text-align: center; }
	.servicios .seccion3 .conteItems ul .info:before { display: none; }
	.servicios .seccion3 .conteItems ul .imagen { margin-bottom: 50px; }
	.servicios .seccion3 .conteItems ul:last-child .imagen { margin-bottom: 0; }

	/*********************** EXPERIENCIA ***********************/
	.experiencia .seccion3 .col5 li { margin-top: 15px; width: 33.33%; }
	.experiencia .seccion3 .col5 li .conten { padding: 0px 5px; }
	.experiencia .seccion3 .col5 li .conten .circulo { width: 65px; height: 65px; }
	.experiencia .seccion3 .col5 li .conten:hover h5 br { display: none; }
	.experiencia .seccion3 .col5 li .conten h5 { text-transform: lowercase; }
	.experiencia .seccion3 .conteElemento { margin-top: 40px; }
	.experiencia .seccion3 .conteElemento h2 { text-align: center; }
	.experiencia .seccion3 .conteElemento ul { display: block; margin-bottom: 30px; overflow: hidden; }
	.experiencia .seccion3 .conteElemento ul li { width: 100%!important; }
	.experiencia .seccion3 .conteElemento ul li .conten h3 { font-size: 20px; text-align: center; margin-bottom: 15px; }
	.experiencia .seccion3 .conteElemento ul li .conten { padding: 20px; text-align: center; }

	/*********************** CONTACTO ***********************/
	.contacto .seccion2 ul { margin-top: 20px; }
	.contacto .seccion2 ul li { width: 100%; text-align: center; }
	.contacto .seccion2 ul li .conteIco { display: block; }
	.contacto .seccion2 ul li .conteIco img { margin: 0px auto; }
	.contacto .seccion2 ul li .texto p { font-size: 16px; line-height: 16px; }
	.contacto .seccion3 .mapita { height: 350px; }
	.contacto .seccion4 #formContacto input:not([type="submit"]), textarea, .cotizacion .seccion2 #formCotiza input:not([type="submit"]), textarea { font-size: 15px; width: 100%; float: none;  margin: 5px; }
	.contacto .seccion4 #formContacto #submitContacto, .cotizacion .seccion2 #formCotiza #submitCotiza { font-size: 16px; width: 100%; }
	.contacto .seccion4 #formContacto textarea, .cotizacion .seccion2 #formCotiza textarea { height: 130px; }

	/*********************** COTIZACIONES ***********************/
	.cotizacion .seccion2 .conteAlcance { width: 100%; overflow: hidden; }
	.cotizacion .seccion2 .conteAlcance .conten { display: block; }
	.cotizacion .seccion2 .conteAlcance .conten label { float: left; width: 50%; }
	.cotizacion .seccion2 #formCotiza textarea {  }

	/*********************** FOOTER ***********************/
	footer .seccion1 li { width: 100%!important; text-align: center; }
	footer .seccion1 p { font-size: 14px; line-height: 16px; }
	footer .seccion1 .logoFooter { width: 100px; margin: 10px auto; }
}

@media screen and (min-width: 480px) and (max-width: 599px) {
	
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
	.servicios .seccion3 .conteItems ul .imagen { width: 70%; margin: 0px auto; float: none; }
	.experiencia .seccion3 .conteElemento ul { width: 90%; margin: 0px auto;}
	.experiencia .seccion3 .conteElemento ul li .conten p { display: inline-block; padding: 0 25px; }
	.contacto .seccion2 ul li { width: 33.33%; }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
	/*********************** GENERAL ***********************/
	.contenedor { width: 960px; }
	p { font-size: 16px; }
	.bannerPrincipal { height: 400px; margin-top: 100px; }
	.bannerPrincipal h1 { margin-left: -475px; margin-top: -25px; }

	h1 { font-size: 48px; }
	h2 { font-size: 32px; }
	h4 { font-size: 19px; }
	h5 { font-size: 16px; }

	/*********************** HEADER ***********************/
	header .top ul li { font-size: 15px; padding: 4px 0; }
	header .bot { padding: 10px 0; }
	header .bot .logo { width: 90px; }
	header .bot .menu { padding: 17px 0px; }
	header .bot .menu a { font-size: 14px; }
	.headerAnima .top { margin-top: -48px; }

	/*********************** HOME ***********************/
	.home .item .info .logo { width: 140px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
	.home .item .info .conteIdiomas .idioma { padding: 3px 15px; }
	.home .item .info .conteIdiomas .idioma .bandera { width: 25px; }
	.home .item .info .conteIdiomas .idioma span { font-size: 14px; }

	/*********************** NOSOTROS ***********************/
	.nosotros .seccion2 { padding: 50px 0; }
	.nosotros .seccion2 img { width: 115px; }
	.nosotros .seccion3 { padding: 35px 0; }
	.nosotros .seccion3 h4:before, .nosotros .seccion3 h4:after { left: -20px; }
	.nosotros .seccion3 h4:after { left: inherit; right: -10px; }
	.nosotros .seccion3 h4 span { font-size: 14px; }
	.nosotros .seccion4 { padding: 30px 0; }
	.nosotros .seccion4 h4 { font-size: 14px; }
	.nosotros .seccion5 { padding: 40px 0; }
	.nosotros .seccion5 h4 { font-size: 18px; }
	.nosotros .seccion5 li { height: 230px; padding: 30px 0; }
	.nosotros .seccion5 li:nth-child(1), .nosotros .seccion5 li:nth-child(3) { padding-right: 30px; }
	.nosotros .seccion5 li:nth-child(2), .nosotros .seccion5 li:nth-child(4) { padding-left: 30px; }

	/*********************** SERVICIOS ***********************/
	.servicios .seccion2 { padding-top: 40px; }
	.servicios .seccion2 h4 { font-size: 16px; }
	.servicios .seccion3 .conteCategorias .item { padding: 5px 0 5px 13px; margin: 10px 0; font-size: 15px; }
	.servicios .seccion3 .conteCategorias .item:before { width: 7px; }

	/*********************** EXPERIENCIA ***********************/
	.experiencia .seccion2 { padding: 25px 0; }
	.experiencia .seccion2 h4 { font-size: 16px; }
	.experiencia .seccion3 .col5 li { margin-top: 35px; }
	.experiencia .seccion3 .col5 li .conten .circulo { width: 70px; height: 70px; }
	.experiencia .seccion3 .col5 li .conten .circulo .item { padding: 10px; }
	.experiencia .seccion3 .conteElemento ul li .conten h3 { font-size: 20px; }

	/*********************** CONTACTO ***********************/
	.contacto .seccion2  { padding: 25px 0; }
	.contacto .seccion2 ul li .conteIco img { width: 50px; }
	.contacto .seccion2 ul li .conteIco { font-size: 17px; }
	.contacto .seccion2 ul li .texto p {font-size: 16px; line-height: 14px; }
	.contacto .seccion3 .mapita { height: 400px; }
	.contacto .seccion4 #formContacto input:not([type="submit"]), textarea, .cotizacion .seccion2 #formCotiza input:not([type="submit"]), textarea { font-size: 14px; padding: 8px 10px; }
	.contacto .seccion4 #formContacto textarea { height: 130px; }
	.contacto .seccion4 #formContacto #submitContacto { padding: 8px 40px; }
	.contacto .seccion4 #formContacto #submitContacto:hover, disabled { padding: 8px 60px; }

	/*********************** COTIZACIONES ***********************/
	.cotizacion .seccion2 .conteAlcance .conten label { font-size: 12px; }
	.cotizacion .seccion2 #formCotiza .conteAlcance .conten label input[type="checkbox"] { width: 16px!important; height: 16px!important; margin-right: 10px!important; }
	.cotizacion .seccion2 #formCotiza textarea { height: 120px; }
	.cotizacion .seccion2 #formCotiza #submitCotiza { font-size: 16px; padding: 8px 40px; }
	.cotizacion .seccion2 #formCotiza #submitCotiza:hover, disabled { padding: 8px 60px; }

	/*********************** FOOTER ***********************/
	footer .seccion1 .logoFooter { width: 130px; }
	footer .seccion1 p { font-size: 14px; }
}

@media (min-width: 1440px){
}