html {font-family: sans-serif;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body {margin: 0; overflow-x: hidden}

*,
*:before,
*:after {
    box-sizing: border-box;
   
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden],template {display: none;}

a {background-color: transparent; text-decoration: none;}
a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0; color: #000;}
small {}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box; height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em }
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0; border: none}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0}
td, th {padding: 0}
nav, header, footer {margin: 0;}
img, object, embed {max-width: 100%;}
::placeholder, ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {color: #ccc;}
ul,li,p,dl,dd,dt { margin: 0px;list-style: none; padding: 0px;}
p {padding-bottom: 30px; line-height: 1.4; font-size: 18px;}
form { margin: 0;padding: 0;}
img {border: none; max-width: 100%;}
.cfx:after {content: "."; display: block;height: 0;clear: both; visibility: hidden;}
.cfx{display: inline-block;}
.cfx{display: block;}
* html .cfx {height:1px;}



/**fonts***/

@font-face {
font-family: 'DIN Condensed';
font-style: normal;
font-weight: bold;
src: local('../webfonts/D-DINCondensed-Bold.woff'), url('../webfonts/D-DINCondensed-Bold.woff') format('woff');
}

@font-face {
font-family: 'DIN Condensed';
font-style: normal;
font-weight: normal;
src: local('../webfonts/D-DINCondensed.woff'), url('../webfonts/D-DINCondensed.woff') format('woff');
}

@font-face {
font-family: 'DIN';
font-style: normal;
font-weight: normal;
src: local('../webfonts/D-DIN.woff'), url('../webfonts/D-DIN.woff') format('woff');
     -webkit-font-smoothing: antialiased; /* Chrome, Safari */
  -moz-osx-font-smoothing: grayscale; /* Firefox */
}

@font-face {
font-family: 'DIN';
font-style: normal;
font-weight: bold;
src: local('../webfonts/D-DIN-Bold.woff'), url('../webfonts/D-DIN-Bold.woff') format('woff');
     -webkit-font-smoothing: antialiased; /* Chrome, Safari */
  -moz-osx-font-smoothing: grayscale; /* Firefox */
}





body,html {font-size: 16px; font-family: 'DIN', sans-serif; background: #fff}
body {background: #fff; font-size: 18px; color: #333; line-height: 1.4; position: relative;   overflow-x: hidden;}

a {color: #313f48;outline: none;}
a:hover{outline: none; opacity: 0.8;}
a:active{opacity: 1}

.flexrow{display: flex}

/*Headings*/
h1 a,h2 a,h3 a,h4 a,h1,h2,h3,h4{font-family:'DIN', sans-serif; padding: 0; font-weight: normal }
h4 a,h5 a,h6 a, h4, h5, h6{font-family:'DIN', sans-serif;}
h1 {font-size: 6vh; margin: 0; line-height: 1.2}
h2 {font-size: 36px; margin: 0; line-height: 1.2 }
h3 {font-size:28px; margin: 0; line-height: 1.2}
h4 {font-size: 22px; margin: 0; line-height: 1.2}
h5 {font-size: 1.2rem; margin: 0 0 10px;}
h6 {font-size: 1rem; margin: 0 0 7px; }

/* Transitions */
a,form *,a span:after, div:after{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}


.row.flexrow{display: flex; justify-content: space-between;}
.row.flexrow:before, .row.flexrow:after{display: none}



.cont{ width: 100%;  margin: 0 auto; padding: 0}
.cont{padding-left: 30px; padding-right: 30px; max-width: 1440px}


/*buttons*/
a.button, button.button{display: block; text-align: center; color: #fff!important; font-size: 16px; font-weight: 700; padding: 8px 18px; background: #e8281d; width: 100%; cursor: pointer; border-radius: 4px}
a.button.blue, button.button.blue{background: #e8281d}
a.button.applegreen, button.button.applegreen{background: #98bf11}
a.button.inline{width: auto; display: inline-block}

.st-header{display: none}

header{position: fixed; top: 0;  transition: top 0.2s ease-in-out;  width: 100%;  ; background:#ed473b; z-index: 10000;}

.nav-up {top: -100px;}


header .header-desc .logo img{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; width: 150px; height: auto}
header .header-desc .flexrow{align-items: center; padding:15px 0; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;} 
header .header-desc .flexrow > div:last-child{display: flex; justify-content: flex-end}
header .header-desc .flexrow > div:last-child .lang{margin-left: 30px; padding-left: 30px; display: flex; justify-content: flex-end; align-items: center}
header .header-desc .flexrow > div:last-child .lang a{display: block; color: rgba(255,255,255,.6); font-size: 14px; margin: 0 5px; line-height: 16px; font-weight: bold; letter-spacing: 0.5px}
header .header-desc .flexrow > div:last-child .lang a.current, header .header-desc .flexrow > div:last-child .lang a:hover{color: rgba(255,255,255,1); }

header .header-desc nav {display: flex; justify-content: flex-end; align-items:baseline}
header .header-desc nav a{color: #fff; font-size: 18px; font-weight: 900; margin-left: 40px}
header .header-desc nav a.active{color: #fff; opacity: .6; font-size: 18px}
header .header-desc nav a:last-child{margin-right: 0}

header .header .links-menu a.button{margin-right: 0}
header .header .row > div:last-child{padding: 20px 0}




header .header-mb{  width: 100%; z-index: 2000; display: none; top: 0; padding: 15px 0}
header .header-mb .flexrow{align-items: center}
header .header-mb .logo img{width: 150px; height: auto; display: block}
    
a.menulink{display: block; position: relative; width: 28px; height: 20px }
a.menulink:before{content: ""; position: absolute; top: 0; left: 0; width: 28px; height: 28px; }
a.menulink span.menuline{height: 2px; width: 28px; position: absolute; top: 0; display: block; right: 0;}
a.menulink span.menuline:nth-of-type(2){top: 9px; }
a.menulink span.menuline:nth-of-type(3){top: 18px; }
a.menulink span.menuline{background: #fff}
a.menulink:hover{cursor: pointer}  

.menu-over .logo-over{position: absolute; left: 20px; top: 15px}
.menu-over .logo-over img{width: 150px; height: auto; display: block}


.menu-over{position: fixed; height: 100vh; width: 100%; background: #ed473b; z-index: 5000; display: none; top: 0}
.menu-over .cont{display: flex; height: 100vh; position: relative}
.menu-over a.close{ position: absolute; top: 34px; right: 18px}
.menu-over a.close .linecross{height: 2px; width: 32px; background: #fff; display: block;  opacity: 0}
.menu-over a.close:before{content: ""; position: absolute; top: 0; left: 0; width: 32px; height: 28px;     margin: -13px 0 0 0;}
.menu-over a.close.showclose .linecross:nth-of-type(1){transform: rotate(45deg); opacity: 1;  }
.menu-over a.close.showclose .linecross:nth-of-type(2){transform: rotate(-45deg); opacity: 1; margin-top: -2px }


.menu-over .content-menu { margin: auto 0; width: 100%}
.menu-over .content-menu nav {margin-bottom: 40px}
.menu-over .content-menu nav a {color: #fff; font-size: 30px; font-weight:bold;  text-align: left; display: block; margin-bottom: 10px}
.menu-over .content-menu nav a.active {color: #FFF; opacity: .6}


.menu-over .content-menu .lang{display: flex; justify-content: flex-start; align-items: center; margin-top: 60px}
.menu-over .content-menu .lang a{display: block; color: rgba(255,255,255,.6); font-size: 16px; margin: 0 5px; line-height: 16px; font-weight: bold; letter-spacing: 0.5px}
.menu-over .content-menu .lang a.current, header .header-desc .flexrow > div:last-child .lang a:hover{color: rgba(255,255,255,1); }


.menu-over .content-menu nav li.current-menu-item a{position: relative}
.menu-over .content-menu nav li.current-menu-item a:before{content: ""; width: 1px; height: 0; position: absolute; background: #fff; left: 0; margin: auto 0 auto -40px; display: block; top: 0; bottom: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out ; transition: all 0.4s ease-in-out;}

.menu-over .content-menu nav.showcurrent li.current-menu-item a{color: rgba(255,255,255,1)}
.menu-over .content-menu nav.showcurrent li.current-menu-item a:before{opacity: 1; top: 0; bottom: 0; height: 40px}

.menu-over .content-menu nav li:not(.current-menu-item) a:hover {color: rgba(255,255,255,1)!important;} 
.menu-over .content-menu .links-access{margin-top: 80px}    
.menu-over .content-menu .links-access a{display: block; margin-bottom: 10px; text-align: center; color:#00a561; font-size: 20px; line-height: 1 }
.menu-over .content-menu .links-access .social-links{display: flex; justify-content: center; margin-top: 40px}
.menu-over .content-menu .links-access .social-links a{display: block; margin: 0 10px}

/* inicio */
#inicio.inicio{
   
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items:flex-start;
    flex-wrap: wrap;
    z-index: 1000;
    background: #eae7e6;

}


#inicio.inicio:after{content: ""; position: absolute; width: 100%; height: 300px; background: #fff; z-index: 900; bottom: 0; margin-bottom: -20px} 


#inicio .lang-home{padding: 20px 0 0; width: 100%; }
#inicio .lang-home .lang{display: flex; justify-content: flex-end; width: 100%; }
#inicio .lang-home .lang a{display: block; color:#3e3e3e; margin-left: 10px; font-size: 14px; font-weight: bold; letter-spacing: 0.5px}
#inicio .lang-home .lang a.current{color:#ed473b;}


#inicio .header-home{ padding: 30px 0 60px; width: 100%}
#inicio .header-home .cont .flexrow{align-items: center}




#inicio .header-home .cont .flexrow nav {display: flex;  justify-content: flex-end}
#inicio .header-home .cont .flexrow nav a{ color: #3e3e3e; font-size: 24px; font-weight: 900; margin-left: 40px;}
#inicio .header-home .cont .flexrow nav a.active{color: #ed473b; display: block; position: relative}



#inicio.inicio{min-height: 0; padding: 0} 
#inicio .box-home{}
#inicio .box-home .sector-1{justify-content: space-between; padding: 40px 0}
#inicio .box-home .sector-1 div:first-child{width: 40%}
#inicio .box-home .sector-1 div:last-child{width: 55%}
#inicio .box-home .sector-1 div h2{font-size: 72px; line-height: 1; color: #3e3e3e; margin-bottom: 20px; font-weight: bold; letter-spacing: -1px }
#inicio .box-home .sector-1 div p{font-size: 30px; color: #717171; line-height: 1.2}

 .sector-2 {
    
background: url(../img/bg_orange.svg) no-repeat center top; background-size: cover; min-height: 300px; display: block; width: 100%; z-index: 1000; position: relative
  
}

.sector-2 .pers-1{height: 600px}
.sector-2 .cont .flexrow {justify-content: center; align-items: center}
.sector-2 .cont .flexrow div:first-child{width: 50%; text-align: center}
.sector-2 .cont .flexrow div:last-child{width: 40%; text-align: center}
.sector-2 .cont .flexrow div:last-child h2{color: #fff; font-weight: normal; line-height: 1; font-size: 60px; text-align: left; margin-bottom: 40px; }
.sector-2 .cont .flexrow div:last-child h2 b{font-weight: bold; display: block}
.sector-2 .cont .flexrow div:last-child p{font-size: 24px; color: #fff; line-height: 1.2; text-align: left}


section.service-1{padding: 80px 0}
section.service-1 .cont {max-width: 1280px; margin: 0 auto}
section.service-1 .cont > p{text-align: center; font-size: 24px; line-height: 1.2; max-width: 800px; margin: 0 auto}
section.service-1 .cont > ul{display: flex; justify-content: space-between; align-items: flex-start; margin: 80px auto}
section.service-1 .cont > ul li{width: 22%; text-align: center}
section.service-1 .cont > ul li img{display: block; max-width: 110px; margin: 0 auto 20px}

section.service {padding: 60px 0}
section.service .cont {max-width: 1200px; margin: 0 auto}
section.service .cont .flexrow{display: flex; justify-content: space-between; align-items: center}
section.service .cont .flexrow > div{width: 46%}
section.service .cont .flexrow > div h4{font-size: 30px; line-height: 1; margin-bottom: 20px}
section.service .cont .flexrow > div:first-child p{font-size: 18px; line-height: 1.4}
section.service .cont .flexrow > div img{height: 400px; display: block; margin: 0 auto}
section.service .cont .flexrow > div.pers_3 img {height: 340px}

section.service .cont p.featured-text{padding: 40px; background:#eef1f1; border-radius: 8px; margin-bottom: 30px}

section.graphs {padding: 60px 0; background-color: #eef1f1}
section.graphs ul{max-width:  900px; display: block; margin: 0 auto}
section.graphs ul li{display: flex;  align-items: center; justify-content: center; padding: 20px 0}
section.graphs ul li > div{width: 220px}
section.graphs ul li img{width: 100%; height: auto}
section.graphs ul li p {font-size: 24px; line-height: 1.2; margin-left: 40px; max-width: 400px}


section#como_hacemos {height: 100%; padding: 60px 0;}
section#como_hacemos .cont{height: 100%}
section#como_hacemos h1{color: #ed473b; font-size: 70px; font-weight: normal; text-align: center; }
section#como_hacemos p.intro{font-size: 20px; max-width: 800px; text-align: center;  margin: 20px auto}

article.cono{display: flex;justify-content: space-between; align-items: stretch; flex-wrap: nowrap; padding: 60px 0}
article.cono .cono-content{width: 92%}
article.cono .cono-bar{width: 8%; position: relative; flex: 1;}
article.cono .cono-bar svg{display: block; 
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
 }
article.cono .level-1, article.cono .level-2, article.cono .level-3, article.cono .level-4{position: relative; padding: 60px 40px}

article.cono .level > h2{text-align: center}
article.cono .level:after{ font-size: 40px; position: absolute; right: 40px; top: 0; color: #ed473b; font-weight: normal; font-family: 'DIN Condensed Bold', sans-serif; margin-top: -30px }
article.cono .level .level-content { margin: 0 auto;  padding: 60px 30px; border-bottom: 1px solid #ccc}
article.cono .cono-content .level:last-child .level-content{border-bottom: none; }
article.cono .level .level-content img{display: block;}

article.cono .arrow-down{position: absolute; right: 0; bottom:0; z-index: 100}

article.cono .level.level-1 .arrow-down{width: 60px; height: 15px; margin-bottom: 60px; margin-right: -53px}
article.cono .level.level-2 .arrow-down{width: 56px; height: 13px; margin-bottom: 66px; margin-right: -46px}
article.cono .level.level-3 .arrow-down{width: 52px; height: 11px; margin-bottom: 66px; margin-right: -38px}



article.cono .level.level-1:after{content: "1"; margin-top: 0}
article.cono .level.level-2:after{content: "2"}
article.cono .level.level-3:after{content: "3"}
article.cono .level.level-4:after{content: "4"}

article.cono .level-2 .level-content img{display: block; padding: 30px 0}

article.cono .level.level-3 .level-content{padding: 30px 60px}
article.cono .level.level-3 #horizontalTab{display: block}
article.cono .level.level-3 #horizontalTab > ul{display: flex; width: 100%; justify-content: space-between; flex-wrap: nowrap}
article.cono .level.level-3 #horizontalTab > ul li{width: 100%; border-right: 1px solid #fff; text-align: center; line-height: 1; font-weight: normal}
article.cono .level.level-3 #horizontalTab > ul li a{padding: 15px; display: flex; justify-content: center; align-items: center; background: #e6e6e6; width: 100%}
article.cono .level.level-3 #horizontalTab.r-tabs .r-tabs-tab{display: flex; justify-content: center; align-items: stretch;}
article.cono .level.level-3 #horizontalTab.r-tabs .r-tabs-tab.r-tabs-state-active a{background: #ed473b; color: #fff}
article.cono .level.level-3 #horizontalTab .r-tabs-panel{padding: 60px 0}
article.cono .level.level-3 #horizontalTab .r-tabs-panel h3{text-align: left; font-size: 28px; margin-bottom: 30px; font-weight: normal; padding-left: 110px}
article.cono .level.level-3 #horizontalTab .r-tabs-panel img{display: block; width: 100%; margin: 0 auto}


article.cono .level.level-3 .icon-tab{width: 70px; position: absolute; top: 40px; left: 30px;}
article.cono .level.level-3 #horizontalTab > div{position: relative}





article.cono .level.level-3 .content-k299{max-width: 1000px; display: flex; justify-content: space-between; margin: 60px auto}
article.cono .level.level-3 .content-k299 > div:first-child{width: 70%}
article.cono .level.level-3 .content-k299 > div:first-child p.k299-intro{font-size: 24px; line-height: 1.4; margin-bottom: 40px}
article.cono .level.level-3 .content-k299 > div:first-child p a{color: #ed473b}
article.cono .level.level-3 .content-k299 > div:last-child{width: 20%}

article.cono .level.level-4 .ok-icon{max-width: 160px; margin: 0 auto 30px; display: block} 
article.cono .level.level-4 p{text-align: center}
article.cono .level.level-4 .ticks-list{max-width: 800px; margin: 60px auto}
article.cono .level.level-4 .ticks-list p{text-align: left}
article.cono .level.level-4 .ticks-list ul li{font-size: 20px; margin-bottom: 25px; position: relative; padding-left: 40px}
article.cono .level.level-4 .ticks-list ul li:before{content:url(../img/tick.svg); position: absolute; width: 24px; height: 24px; left: 0; top: 3px}
 article.cono .level.level-4 .level-content h2{text-align: center}



.ventajas {background: #eef1f1; padding: 80px 0}
.ventajas .cont {max-width: 1200px; margin: 0 auto}
.ventajas .cont .flexrow{display: flex; justify-content: space-between; align-items: center; padding: 60px 0}
.ventajas .cont .flexrow > div{width: 46%}
.ventajas .cont .flexrow > div h4{font-family: 'DIN', sans-serif; font-size: 24px; line-height: 1.2; margin-bottom: 30px; font-weight: bold}
.ventajas .cont .flexrow > div img{height: 400px; display: block; margin: 0 auto}
.ventajas .cont .flexrow > div ul li{font-size: 18px; margin-bottom: 20px; position: relative; padding-left: 30px; line-height: 1.2}
.ventajas .cont .flexrow > div ul li:before{content:url(../img/bullet.svg); position: absolute; width: 12px; height: 12px; left: 0; top: 0}


.industrias{padding: 80px 0; display: flex; justify-content: center; align-items: center; min-height: 100vh}
.industrias h1{color: #ed473b; font-size: 70px; font-weight: normal; text-align: center; }
.industrias ul {-moz-column-count: 3; -moz-column-gap: 60px; -webkit-column-count: 3; -webkit-column-gap: 60px; column-count: 3; column-gap: 60px; margin: 60px auto; max-width: 1200px}
.industrias ul li{display: flex; align-items: center; margin-bottom: 10px; line-height: 1.2}
.industrias ul li img{width: 36px; display: block; margin-right: 10px}

.industrias.ind-uyfix{}
.industrias.ind-uyfix .cont {max-width: 1200px;  margin: 0 auto;}
.industrias.ind-uyfix .cont > .flexrow {margin: 0 auto; padding: 60px 0; justify-content: space-around;}
.industrias.ind-uyfix .cont > .flexrow > div {width: 45%;}
.industrias.ind-uyfix .cont > .flexrow > div .snippet-ind > div {align-items: flex-start;}
.industrias.ind-uyfix .cont > .flexrow > div .snippet-ind > div:first-child {margin-right: 20px; min-width: 80px;}
.industrias.ind-uyfix .cont > .flexrow > div .snippet-ind > div:first-child img {width: 80px; height: auto;}
.industrias.ind-uyfix .cont > .flexrow > div .snippet-ind > div:last-child {padding-top: 10px;}


.quienes_somos {background: #eef1f1; padding: 80px 0}
.quienes_somos .cont {max-width: 1200px; margin: 0 auto}
.quienes_somos h1 {color: #ed473b; font-size: 70px; font-weight: normal; text-align: center;}
.quienes_somos .cont .flexrow{display: flex; justify-content: space-between; align-items: flex-start; padding: 60px 0}
.quienes_somos .cont .flexrow > div{width: 45%}
.quienes_somos .cont .flexrow .profile-title{margin-bottom: 2rem; text-align: center;}
.quienes_somos .cont .flexrow .profile-title img.img_profile{width: 300px; height: 300px; display: block; margin: 0 auto 2rem; border: 16px solid #fff; border-radius: 999px; }
.quienes_somos .cont .flexrow .profile-title .profile_name {display: flex; justify-content: center; align-items: baseline; gap: 1rem}
.quienes_somos .cont .flexrow .profile-title .profile_name h2{font-size: 2.5rem;}



/* contacto */

#contacto {background: #ed473b; padding: 80px 0}
#contacto h1 {color: #fff; font-size: 70px; font-weight: normal; text-align: center;}
#contacto form {max-width: 560px; margin:60px auto}


form input[type="text"], form input[type="password"], form input[type="email"], form input[type="tel"], textarea{width: 100%; font-size: 18px; padding: 10px 0; border-radius: 0; border-bottom: 2px solid rgba(255,255,255,.6); color: #fff; background: transparent; margin-bottom: 20px; }


form textarea{height: 140px}
form input[type="submit"]{display: block; text-align: center; color: #F93D4A!important; font-size: 24px; font-weight: 900; padding: 10px; background: #fff; width: auto; cursor: pointer; width: 100%; margin: 10px auto; border-radius: 10px; }

#contacto form ul li p{font-size: 14px; margin-top: 20px; text-align: center; color: rgba(255,255,255.8)}




form input[type="text"]:focus, form input[type="email"]:focus, form textarea:focus{border-bottom: 2px solid rgba(255,255,255,1); outline: none}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.6)!important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.6)!important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(255, 255, 255, 0.6)!important;
}
:-moz-placeholder { /* Firefox 18- */
  color: rgba(255, 255, 255, 0.6)!important;
}


textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6)!important;
}

textarea:-moz-placeholder { /* Firefox 18- */
  color: rgba(255, 255, 255, 0.6)!important;
}

textarea::-moz-placeholder {  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.6)!important;
}

textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6)!important;
}

textarea::placeholder {
  color: rgba(255, 255, 255, 0.6)!important;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {

  border: none;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 0 #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.alert {border-radius: 0; margin-bottom: 40px; text-align: center; border: 3px solid #fff; color: #fff; font-weight: 700; padding: 20px}












/*contacto*/ 

.form-contact form ul li p{margin-bottom: 0; padding-bottom: 0}
.form-contact form ul li{margin-bottom: 20px}
.form-contact {max-width: 600px; margin: 0 auto}

.section-content .contact-info{padding: 60px}
.section-content .contact-info p{text-align: center; padding-bottom: 10px; margin-bottom: 0; color: #594f41; font-size: 18px}
.section-content .contact-info a{color: #594f41}
.section-content .contact-info a i{display: inline-block; margin-right: 10px}


.footer{text-align: center}
.footer img{display: block; margin: 30px auto}
.footer p{text-align: center; color: #fff; padding: 40px 0; font-size: 14px}


.pop{display: none}


.pop#register.fancybox-content{max-width: 800px}
.pop#register.fancybox-content form ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.pop#register.fancybox-content form ul li{width: 48%}
.pop#register.fancybox-content form ul li:last-child{width: 100%; padding: 0 30%}

/* paginas internas */


/* páginas */
.content-page {background: #f2f2f2}
.content-page .title{margin: 0 auto ;  max-width: 800px; padding: 60px 0 40px}
.content-page .title h1{ text-align: center; color: #b7a26f; font-size: 36px; text-transform: uppercase; margin: 30px auto}

.img-intro{text-align: center; }
.img-intro picture, .img-intro img{width: 100%}




.section-content{max-width: 800px; margin: 0 auto; padding: 0 0 80px 0}
.section-content p{font-size: 16px; line-height: 2; padding-bottom: 50px}
.section-content h4{font-weight: 300; font-size: 24px}
.section-content h3{margin-bottom: 30px; }

/* confirmación de solicitud*/
.box-confirm{ border-radius: 8px; padding: 60px; margin: 50px auto 0; border: 2px solid #e8281d }
.box-confirm h3{text-align: center; font-weight: 300; margin-bottom: 40px}
.box-confirm h4{margin-bottom: 20px}
.box-confirm ul li a{color:#e8281d }


/*about*/
.content-page{}
.section-content .about{max-width: 600px; margin:  0 auto}
.section-content .about > .row{padding-bottom: 40px}

span.wpcf7-not-valid-tip {
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    display: block;
    padding: 8px 12px;
    background: #f8226c;
    margin-top: -15px;
    margin-bottom: 20px
}

div.wpcf7-response-output{margin: 20px 0 }

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: none;
    background: #fce00f;
    padding: 15px;
    color: #000;
    line-height: 1
        
}

.wpcf7-not-valid{border-bottom: 2px solid #f8226c!important; }

div.wpcf7-mail-sent-ok{ background: #79bf33;     padding: 15px; color: #fff; border: 2px solid #79bf33}

.img-intro-mb, .mb_only{display: none}

/***** LANGUAGE *****/

.lang-en .sector-2 .cont .flexrow div:last-child h2{font-size: 50px}


/***** RESPONSIVE ****/

@media (max-width:1100px){
    
    #inicio .lang-home .lang{display: none}
    
    #inicio .header-home{padding: 30px 0}
    article.cono .level.level-3 .level-content{padding: 30px 0}
    article.cono .cono-content{width: 96%}
    article.cono .cono-bar{width: 4%}
    .header-home .logo-over img{max-width: 160px}
    #inicio .box-home .sector-1 div h2{font-size: 42px}
    #inicio .box-home .sector-1 div p{font-size: 24px}
    .sector-2 .cont .flexrow div:last-child h2{font-size: 42px; margin-bottom: 20px}
    .sector-2 .pers-1{height: 480px}
    section.service-1, section.service{padding: 30px 0}
    article.cono .level-1, article.cono .level-2, article.cono .level-3, article.cono .level-4{padding: 45px 0}
    article.cono .level .arrow-down{display: none}
    .industrias{min-height: 0}



    
}

@media (max-width:780px){
    
    .mb_only{display: block}
    
    
    header .header-desc, .header-home{display: none}
    header .header-mb{display: block}
   
    #inicio.inicio{
    

        position: relative;
        display: flex;
        align-items:flex-start;
        flex-wrap: wrap;
        z-index: 1000;
           background: #eae7e6;
/*
        background: #ed473b;  Old browsers 
        background: -moz-linear-gradient(top,  #ed473b 0%, #ea833a 100%); 
        background: -webkit-linear-gradient(top,  #ed473b 0%,#ea833a 100%); 
        background: linear-gradient(to bottom,  #ed473b 0%,#ea833a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed473b', endColorstr='#ea833a',GradientType=0); 
*/
    
    }
    
       
    #inicio .box-home {position: relative; transform: none; -webkit-transform: none; top: 0; left: 0; padding-top: 130px}
    #inicio .box-home .sector-1{flex-wrap: wrap; padding: 0}
    #inicio .box-home .sector-1 div:first-child{width: 100%;}
    #inicio .box-home .sector-1 div:first-child h2{text-align: center; font-size: 60px; padding-bottom: 0}
    #inicio .box-home .sector-1 div p{font-size: 24px; text-align: center}
    #inicio .box-home .sector-1 div:last-child{width: 100%}
    
    
    section.service {padding: 40px 0 0} 
    section.service-1 .cont > ul{margin: 15px 0; flex-wrap: wrap}
    section.service-1 .cont > ul li{width: 50%}
    section.service-1 .cont > ul li h4{font-size: 18px; line-height: 1.2; margin-bottom: 5px}
    section.service-1 .cont > ul li p{font-size: 14px; line-height: 1; color: #666}
    section.service-1 .cont > p{font-size: 20px}
    
     article.cono .level.level-3 p.mb_only{text-align: center; padding-bottom: 0; padding-top: 15px; font-size: 14px}
    
        article.cono .level.level-3 .r-tabs {margin: 0 auto}
    article.cono .level.level-3 .r-tabs .r-tabs-accordion-title a {padding: 15px; display: flex;  align-items: left; background: #e6e6e6; width: 100%; text-align: center; line-height: 1; margin-bottom: 10px; border-radius: 4px }
    article.cono .level.level-3 .r-tabs .r-tabs-accordion-title a:before{content: "+"; position: absolute; top: 50%; right: 10px; font-size: 30px; line-height: 1; margin-top: -15px}
    article.cono .level.level-3 .r-tabs .r-tabs-accordion-title a:hover{opacity: 1}
    article.cono .level.level-3 .r-tabs .r-tabs-accordion-title.r-tabs-state-active a{background: #ed473b; color: #fff}
    article.cono .level.level-3 .r-tabs .r-tabs-accordion-title a.lightbutton{background: #ed473b; color: #fff}
    article.cono .level.level-3 .r-tabs .r-tabs-accordion-title a.lightbutton:before{color: #fff}
    article.cono .level.level-3 .r-tabs .r-tabs-accordion-title.r-tabs-state-active a:before{content: "-"; right: 12px}
   
    article.cono .level.level-3 #horizontalTab .r-tabs-panel h3{font-size: 22px; text-align: center; font-weight: normal; padding: 0 20px}
    article.cono .level.level-3 #horizontalTab .r-tabs-panel{padding: 20px 80px;}
    
    
    article.cono .level.level-3 .level-content{padding: 20px 40px 40px}
    
    article.cono .level.level-3 #horizontalTab > ul{display: none;}
    
    section#como_hacemos h1, .industrias h1, .contacto h1, .quienes_somos h1{font-size: 60px; margin-bottom: 30px}
    .industrias{padding: 30px 0}
    .ventajas{padding-bottom: 0}
    section#como_hacemos{padding: 30px 0}
    
    article.cono .level.level-4 .ticks-list ul li{font-size: 24px}
    
            
    .industrias ul {
        margin: 30px auto;
    font-size: 18px;
    
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    column-count: 2;
    column-gap: 30px;
    
        }
        .industrias.ind-uyfix .cont > .flexrow{flex-wrap: wrap;}
        .industrias.ind-uyfix .cont > .flexrow > div {width: 100%;}


        .quienes_somos { padding: 40px 0}
        .quienes_somos .cont .flexrow > div{width: 48%}
        .quienes_somos .cont .flexrow .profile-title img.img_profile{


          width: 240px; height: 240px; 
          border: 8px solid #fff;


        }

        .quienes_somos .cont .flexrow .profile-title .profile_name h2{font-size: 2rem;}
        .quienes_somos .cont .flexrow .profile-title .profile_name img{width: 16px; height: 16px;}
        /* .quienes_somos .cont .flexrow .profile-title .profile_name{

          flex-direction: column;
          align-items: center;
          justify-content: flex-start;

        } */

    
}




@media (max-width:680px){
    
    
    #inicio.inicio{
    

        position: relative;
        display: flex;
        align-items:flex-start;
        flex-wrap: wrap;
        z-index: 1000;
   background: #eae7e6;
        /*
        background: #ed473b;  Old browsers 
        background: -moz-linear-gradient(top,  #ed473b 0%, #ea833a 100%); 
        background: -webkit-linear-gradient(top,  #ed473b 0%,#ea833a 100%); 
        background: linear-gradient(to bottom,  #ed473b 0%,#ea833a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed473b', endColorstr='#ea833a',GradientType=0); 
*/
    
    }
    
    #inicio.inicio:after{margin-bottom: 0}
    
    
    #inicio .box-home {position: relative; transform: none; -webkit-transform: none; top: 0; left: 0; padding-top: 130px}
    #inicio .box-home .sector-1{flex-wrap: wrap; padding: 0}
    #inicio .box-home .sector-1 div:first-child{width: 100%;}
    #inicio .box-home .sector-1 div:first-child h2{text-align: center; font-size: 40px; padding-bottom: 0}
    #inicio .box-home .sector-1 div p{font-size: 20px; text-align: center}
    #inicio .box-home .sector-1 div:last-child{width: 100%}
    
    
    .sector-2 {padding: 40px 0; background: url(../img/bg_orange.svg) no-repeat center -46px; background-size: cover}
    .sector-2 .cont .flexrow{flex-wrap: wrap; width: 100%}
    .sector-2 .cont .flexrow div:first-child{width: 100%; order: 2}
    .sector-2 .cont .flexrow div:last-child{width: 100%}    
    .sector-2 .cont .flexrow div:last-child h2 {font-size: 40px; text-align: center}
    .sector-2 .cont .flexrow div:last-child p{text-align: center; font-size: 20px}
    .sector-2 .pers-1{height: 300px}
    

    
    section.service {padding: 40px 0 0} 
    section.service .cont .flexrow {flex-wrap: wrap}
    section.service .cont .flexrow > div{width: 100%}
    section.service .cont .flexrow > div img {height: 300px; margin: 15px auto 0;}
    section.service .cont .flexrow > div.pers_3{order: 2} 
    section.service .cont .flexrow > div.pers_3 img{height: 300px}
    section.service .cont .flexrow > div p{font-size: 18px}
    
    section.graphs ul li{flex-wrap: wrap}
    section.graphs ul li img{display: block; width: 60%; margin: 10px auto}
    section.graphs ul li p{width: 100%; text-align: center; margin: 0; padding: 0 20px; font-size: 20px }
    
    
    section#como_hacemos{padding: 60px 0 0 0}
    section#como_hacemos .cont{padding: 0 10px}
    section#como_hacemos h1{font-size: 42px; text-align: left; padding-left: 20px; padding-right: 20px}
    section#como_hacemos p.intro{font-size: 18px; text-align: left; padding-left: 20px; padding-right: 20px}
    
    article.cono {padding: 20px 0; position: relative}
    article.cono .level-1, article.cono .level-2, article.cono .level-3, article.cono .level-4{padding: 30px 0}
    article.cono .level .level-content{padding: 20px 0 40px; border: none}
    article.cono .arrow-down{display: none }
    article.cono .cono-content{width: 100%}
    
    article.cono .cono-bar{display: none}
    article.cono .level > h2{font-size: 30px; line-height: 1}
    
    article.cono .level.level-3 .r-tabs {margin: 0 auto}
    article.cono .level.level-3 .r-tabs .r-tabs-accordion-title a {padding: 15px; display: flex; align-items: center; background: #eef1f1; width: 100%; text-align: left; line-height: 1; margin-bottom: 10px; border-radius: 4px; position: relative; -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); padding-right: 30px}
    article.cono .level.level-3 .r-tabs .r-tabs-accordion-title a:before{content: "+"; position: absolute; top: 50%; right: 10px; font-size: 30px; line-height: 1; margin-top: -15px}
    
    article.cono .level.level-3 .r-tabs .r-tabs-accordion-title a.lightbutton{background: #ed473b; color: #fff}
    article.cono .level.level-3 .r-tabs .r-tabs-accordion-title a.lightbutton:before{color: #fff}
    article.cono .level.level-3 .r-tabs .r-tabs-accordion-title a:hover{opacity: 1}
    article.cono .level.level-3 .r-tabs .r-tabs-accordion-title.r-tabs-state-active a{background: #ed473b; color: #fff}
    article.cono .level.level-3 .r-tabs .r-tabs-accordion-title.r-tabs-state-active a:before{content: "-"; right: 12px}
    article.cono .level.level-3 #horizontalTab .r-tabs-panel h3{font-size: 22px; text-align: left; font-weight: normal; padding: 0 20px 0 80px}
    article.cono .level.level-3 #horizontalTab .r-tabs-panel{padding: 20px 0;}
    
    article.cono .level.level-3 .icon-tab{width: 60px; position: absolute; top: 15px; left: 10px}
   article.cono .level.level-3 #horizontalTab > div{position: relative}
    
    
    article.cono .level.level-3 .level-content{padding: 20px 0 40px}
    
    article.cono .level.level-3 #horizontalTab > ul{display: none;}
    
    article.cono .level.level-3 .content-k299 {flex-wrap: wrap}
    article.cono .level.level-3 .content-k299 > div{width: 100%; padding: 0 20px}
    article.cono .level.level-3 .content-k299 > div:first-child{width: 100%}
    article.cono .level.level-3 .content-k299 > div:last-child{order: -1; width: 100%; text-align: center}
    article.cono .level.level-3 #horizontalTab  .content-k299 > div:last-child img{max-width: 60%; margin: 0 auto 30px}
    article.cono .level.level-3 .content-k299 > div:first-child p.k299-intro{font-size: 20px; margin-bottom: 0}
    article.cono .level.level-3 .content-k299 > div:first-child p{font-size: 16px; line-height: 1.4}
    
    
    article.cono .level:after {font-size: 24px; right: 0; color: #fff;  width: 36px; text-align: center; top: 0; padding: 6px 15px 6px 12px; margin-right: -10px; border-radius: 999px 0 0 999px; line-height: 1; background: #ed473b; margin-top: -30px;}
    article.cono .level.level-1:after{margin-top: -30px;}
    article.cono .level.level-2:after{padding: 6px 45px 6px 12px}    
    article.cono .level.level-3:after{padding: 6px 65px 6px 12px} 
    article.cono .level.level-4:after{padding: 6px 85px 6px 12px} 
    
    
    article.cono .level-2 .level-content img{padding: 0}
    
    article.cono .level.level-4 {}
    article.cono .level.level-4 .ok-icon{max-width: 120px}
    article.cono .level.level-4 .level-content h2{text-align: center}
    
    
    article.cono .level.level-4 .ticks-list {margin: 0; padding: 0 20px;  line-height: 1.2;  font-size: 16px;}
    article.cono .level.level-4 .ticks-list ul li {font-size: 16px}
    
    
    .ventajas {padding: 40px 0}
    .ventajas .cont .flexrow{flex-wrap: wrap; padding: 40px 0}
    .ventajas .cont .flexrow > div{width: 100%}
    .ventajas .cont .flexrow:first-child > div:first-child{order: 2}
    .ventajas .cont .flexrow > div{padding: 0 10px}
    .ventajas .cont .flexrow > div img{height: 300px}
    
    
    
   
    .industrias {padding: 40px 0}
    .industrias ul {-moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; margin: 30px 0}
    
    .industrias h1, #contacto h1{font-size: 42px; text-align: left; line-height: 1 }
    
 
    
    header .header-desc, .header-home{display: none}
    header .header-mb{display: block}
    
    
   .img-intro-mb{display: block; padding: 0 30px}
   .img-intro{display: none} 
    
    
    header .cont, .cont{padding-left: 20px; padding-right: 20px}
    

    .section {padding: 60px 0}
    
   
 
    #inicio .box-home > div p.quote{color: #fff; font-size: 20px; padding: 20px}
    #inicio .box-home > div p strong{font-size: 18px}
 
    .section .cont h1{font-size: 32px; margin-bottom: 20px; text-align: left}
    .cont-about > div:last-child > div{padding-right: 0}
    
    .cont-about {flex-wrap: wrap}
    .cont-about > div {width: 100%; padding-left: 20px; padding-right: 20px;}
    .cont-about > div:last-child > div{padding-right: 0}
    .cont-about > div:last-child > div h2{font-size: 28px; line-height: 1.2; text-align: left; margin-bottom: 20px}
    .cont-about > div:last-child > div p{font-size: 16px}
    
    
    .vertical-bar-1,  .vertical-bar-2{display: none}
    
    
    
    

    #hacemos ul.services{margin-left: 0; margin-right: 0; margin-top: 30px}
    #hacemos ul.services li{width: 100%; margin-bottom: 20px; padding:0}
    #hacemos ul.services li h4{font-size: 20px}
    #hacemos ul.services li p{font-size: 16px; line-height: 1.4}
    
    #hacemos .services .item-service{width: 100%; margin-bottom: 20px}
    #hacemos .services .item-service h4{font-size: 20px}
    #hacemos .services .item-service p{font-size: 16px; line-height: 1.4}
    
    
    .other-services h2 {font-size: 26px}
        
    .other-services ul {
        margin: 30px auto;
    font-size: 18px;
    
    -moz-column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    column-count: 1;
    column-gap: 0;
    
        }
    
    .title h2{font-size: 26px; padding-bottom: 20px; margin-bottom: 20px}
    .title h2:after{width: 40px; transform: translate(-30px, -50%); -webkit-transform: translate(-30px, -50%);}
    
    
    
    
    
    #contacto .cont .flexrow{flex-wrap: wrap}
    #contacto .cont .flexrow > div{width: 100%}
    #contacto .flexrow > div:last-child a{font-size: 26px; text-align: center}
    #contacto .flexrow > div:last-child .social-links{justify-content: center}
    

    
    
    .imglist a {width: 100%}

    
    #contacto form{margin: 30px auto}
    
/*    .cont-wrap, .section-content {padding-left: 20px; padding-right: 20px}*/
    .cont-wrap .row.flexrow{flex-wrap: wrap}
    .cont-wrap .row .grid_6{margin: 0; width: 100%}
    .cont-wrap .row .grid_6:last-child{padding-bottom: 30px}
  
    h3{font-size: 22px}



    
    .content-page{padding-top: 70px}
    .content-page .title{margin: 30px auto; padding: 0}
    .content-page .title h2{font-size: 30px; margin: 10px auto}
    
    .cont-wrap h2{font-size: 24px}

    .other-services h2 {font-size: 26px}
    
    .section-content .contact-info {padding: 60px 20px;}
    .section-content .contact-info p{font-size: 16px}

    .quienes_somos .cont h1{font-size: 42px; text-align: left; line-height: 1; margin-bottom: 0; }

        
    .quienes_somos .cont .flexrow {flex-wrap: wrap; padding: 30px 0;}
    .quienes_somos .cont .flexrow > div{width: 100%}

    .quienes_somos .cont .flexrow.profiles > div:first-child{margin-bottom: 3rem;}

    
    
    
}


.menu-test{background: #000; position: fixed; width: 100%;  z-index: 1000000; height: 29px}
.menu-test ul{max-width: 1440px; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap}
.menu-test a{color: #fff; font-size: 14px; background: green;  padding: 5px; margin: 0 2px}
.menu-test a.show{background: red}