@import url('css/resets.css');

@import url('../../../../fonts.googleapis.com/css.3d95d1.delayed?family=Lato:300,400,700,900&display=swap');

/* El diseño a los PLACEHOLDER (El texto gris que sale en los campos del formulario) */
::-webkit-input-placeholder {opacity:1;}
::-moz-placeholder {opacity:1;}
::-moz-placeholder {opacity:1;}
:-ms-input-placeholder {opacity: 1;}

body {font-family: 'Lato', sans-serif;color:#121212;font-size:16px;line-height:22px;font-weight:400;}

/* Para explorer 8 ó menor */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

/* Tendrán una breve animación al interactuar */
a, input[type=button], .header .logo img {-webkit-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}

/* estilos basicos */
ul, p, .tp-caption {margin-bottom:15px;}
/*.p-info {line-height: 1.8;}*/
a {color:#E47911;text-decoration:none;}
a:hover {color:#8dd8f8;}
b, strong{font-weight:700;}
u {text-decoration:underline;}

h1, h2, h3 {color:#000;font-weight:700;font-size:36px;line-height:44px;}
h3 {font-size:26px;line-height:34px;}
h1 {font-weight:700;text-align:center;font-size:66px;line-height:72px;}
.slider h1, .slider h2, .slider h3 {color:#FFF;font-size:66px;line-height:72px;}
.doscolumnas .columna h1, .doscolumnas .columna h2, .doscolumnas .columna h3 {text-align:left;}

h5 {font-size:20px;}
h5 span {color:#E47911;}


.center {text-align:center;}
.btn {display:inline-block;/*box-shadow: 0 3px 0 rgba(228, 121, 17, .5);*/background:#E47911;padding:15px 25px;color:#FFF;font-size:16px;font-weight:400;font-family:'Montserrat', sans-serif; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-bottom:2px solid #8f5f2e;margin-top:45px;min-width:120px;text-align:center;}
.btn:hover {color:#FFF;border-color:#E47911;background:#E47911;}


/* generales del sitio */
.clear {max-width:1170px;padding:0 2%;width:96%;position:relative;display:block;/*overflow:hidden;*/clear:both;margin:auto;}
section {/*padding:80px 0;*/position:relative;}

.columnas .columna {width:46%;margin:0 1%;display:inline-block;vertical-align:middle;text-align:left;position:relative;}
.doscolumnas .columna img {width:100%;height:auto;}
.trescolumnas .columna {width:31%;margin:0 1%;text-align:center;}
.trescolumnas .columna img {width:100%;height:auto;}
.cuatrocolumnas .columna {width:22%;margin:0 1%;text-align:center;}
.cuatrocolumnas .columna img {width:100%;height:auto;}

.text-white, .text-white * {color:#FFF !important;}
.video-player video {width:100%;height:auto;}

.vc_parallax .vc_parallax-inner {opacity:0.3;}
.margin-negative img {margin-top:-160px;}

.aright {text-align:right !important;}
.aleft {text-align:left !important;}

/* header */
.sticky-wrapper {z-index:99;background:#FFF;}
.header {padding:15px 0;z-index:9999 !important;text-align:right;/*position:absolute;top:0;left:0;*/width:100%;}
.is-sticky .header {padding:5px 0 5px;background:#FFF;/*position:relative;*/border-bottom:1px solid #8e8e8e;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);}
.header .clear {padding:0;} 
.header .clear * {margin:0;padding:0;}
.header .clear .logo {display:inline-block;width:27%;vertical-align:bottom;text-align:left;}

.header li {display:inline-block;}
.header li a {vertical-align:middle;padding:10px 15px;line-height:20px;display:block;color:#121212;}


.logo img {max-width:300px;height:auto;}
.header nav {display:inline-block;width:72%;background:none;padding:0;}
.header nav li {display:inline-block;}
.header .clear nav li a {font-size:13px;display:block;padding:10px 12px;text-transform:capitalize;font-weight:600;font-family: 'Montserrat', sans-serif;}
.header .clear nav li.lang-item a {padding:3px;}
.header .clear nav li.current-menu-item a {background:#ffaa33;}
.header .clear nav li a:hover {background:#e1e1e1;}
.header .socials {display:none;}
.header .clear nav, .is-sticky .header .clear .logo {vertical-align:middle;}
.sticky-wrapper {height:auto !important;}

/*.is-sticky .header li a {color:#eee;}*/
.is-sticky .header .logo img {max-width:200px;}


.minicol {max-width:700px;margin:auto;}

.resetei {padding-bottom:0 !important;margin-bottom:0 !important;} 

footer {background:#1d1d1d;padding:40px 0;}
footer * {color:#FFF;}
footer h5 {display:block;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #FFF;font-size:20px;}
footer .columna {text-align:left;width:24%;display:inline-block;vertical-align:top;padding:0 2%;}
footer .columna:first-child {width:40%;}

/* clientes */
.clientessatisfechos li {display:inline-block;padding:5px;background:#e1e1e1;width:10%;min-height:50px;margin:1%;vertical-align:top;}
.clientessatisfechos li * {display:inline-block;vertical-align:middle;}

form input, form textarea, form select{background:#e1e1e1;width:100%;border-radius:6px;border:0;padding:4px;color:#000;font-family: 'Lato', sans-serif;color:#121212;font-size:16px;}
form textarea {min-width:100%;max-width:100%;}
form .wpcf7-submit {max-width:150px;background:#ffaa33;cursor:pointer;}
form .wpcf7-submit:hover {background:#ffbb5d;}

.content ul li {list-style-type:square;margin-bottom:8px;}

.displaynone {display:none;}

/* archive */

.single .posteo .content {display:inline-block;vertical-align:top;width:65%;}
.single .posteo h1, .archive h1 {margin:60px 0 40px;}
.single .posteo .content .attachment-full_thumbs {width:100%;height:auto;}

/* aside */
.sidebar {width:23%;padding:2%;margin-left:2%;display:inline-block;vertical-align:top;background:#f1f1f1;}
.sidebar .widg {margin-bottom:20px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#f1f1f1;}
.sidebar .widg input {margin-bottom:10px;display:inline-block;width:100%;}
.sidebar .widg ul li {padding:10px 0;border-bottom:1px dotted #8e8e8e;}
.sidebar .widg ul li a {color:#454545;}
.sidebar .widg h5 {font-size:19px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #cf0a2c;}

/* responsive */
@media screen and (max-width:900px){ 

.doscolumnas .columna, .trescolumnas .columna, .cuatrocolumnas .columna, .about .mvv .columna, .azulredondo, footer .columna:first-child, footer .columna {width:92%;padding:4%;margin:0;text-align:center;}
 .azulredondo {width:92% !important;}
 
 .centerresponsive {text-align:center;}
 .centerresponsive * {display:inline-block;}
 
 .header .clear .nav-toggle {position:absolute;top:4px;right:0;z-index:999999;display:block;font-size:60px;/*width:50px;height:50px;background:url(images/nav.png) no-repeat center center;*/}
 
 
.sticky-wrapper .header {z-index:999999;position:relative !important;top:auto;left:auto;}
.header .clear .logo, .header .clear nav {width:100%;padding:0;margin:0;text-align:left;z-index:999999;}
.header .clear nav li {display:block;margin:0;padding:2%;width:96%;border-bottom:1px solid #454545;text-align:center;}

.mask {background:none!important;}


}
@media screen and (max-width:780px){ 

#clients .clientscols  {text-align:center;}
#clients .clientscols img {max-width:400px;width:100%;}

.numcont h1 {font-size:56px;}

.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item {width:100%;max-width:250px;}

}

@media screen and (max-width:520px){ 

.numcont h1 {font-size:36px;}


.vc_carousel-inner .vc_inner img {width:100%;height:auto;}

}