@charset "utf-8";
/*RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}*{outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box; -webkit-text-size-adjust: 100%; text-rendering:optimizeLegibility;}

/*FONTS*/
@font-face{ font-family: 'ProximaNova-Light'; src: url('../_fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), url('../_fonts/ProximaNova-Light.otf')  format('opentype'), url('../_fonts/ProximaNova-Light.woff') format('woff'), url('../_fonts/ProximaNova-Light.ttf')  format('truetype'), url('../_fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg'); font-weight: normal; font-style: normal; }
@font-face{ font-family: 'ProximaNova-Regular'; src: url('../_fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('../_fonts/ProximaNova-Regular.otf')  format('opentype'), url('../_fonts/ProximaNova-Regular.woff') format('woff'), url('../_fonts/ProximaNova-Regular.ttf')  format('truetype'), url('../_fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face{ font-family: 'ProximaNova-Bold'; src: url('../_fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('../_fonts/ProximaNova-Bold.otf')  format('opentype'), url('../_fonts/ProximaNova-Bold.woff') format('woff'), url('../_fonts/ProximaNova-Bold.ttf')  format('truetype'), url('../_fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg'); font-weight: normal; font-style: normal;}
@font-face{ font-family: 'ProximaNova-Black'; src: url('../_fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('../_fonts/ProximaNova-Black.otf')  format('opentype'), url('../_fonts/ProximaNova-Black.woff') format('woff'), url('../_fonts/ProximaNova-Black.ttf')  format('truetype'), url('../_fonts/ProximaNova-Black.svg#ProximaNova-Black') format('svg'); font-weight: normal; font-style: normal;}
@font-face{ font-family: 'ProximaNova-Extrabld'; src: url('../_fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'), url('../_fonts/ProximaNova-Extrabld.otf')  format('opentype'), url('../_fonts/ProximaNova-Extrabld.woff') format('woff'), url('../_fonts/ProximaNova-Extrabld.ttf')  format('truetype'), url('../_fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Interstate-Light'; src: url('../_fonts/Interstate-Light.eot?#iefix') format('embedded-opentype'), url('../_fonts/Interstate-Light.woff') format('woff'), url('../_fonts/Interstate-Light.ttf') format('truetype'), url('../_fonts/Interstate-Light.svg#Interstate-Light') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Interstate-Regular'; src: url('../_fonts/Interstate-Regular.eot?#iefix') format('embedded-opentype'), url('../_fonts/Interstate-Regular.woff') format('woff'), url('../_fonts/Interstate-Regular.ttf') format('truetype'), url('../_fonts/Interstate-Regular.svg#Interstate-Regular') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Interstate-Bold'; src: url('../_fonts/Interstate-Bold.eot?#iefix') format('embedded-opentype'), url('../_fonts/Interstate-Bold.woff') format('woff'), url('../_fonts/Interstate-Bold.ttf') format('truetype'), url('../_fonts/Interstate-Bold.svg#Interstate-Bold') format('svg'); font-weight: normal; font-style: normal;}

/*TAGS*/
html{ height: 100%;}
body{ display: block; width: 100%; height: 100%; background: #e8e7e7; overflow: hidden; font-family: 'Interstate-Light'; font-size: 24px; line-height: 1.6; color:#fff; }
a,a:link,a:visited,a:active{ text-decoration:none;}
img, svg{ width: 100%; height:auto; overflow: visible;}

h1{ font-family: 'ProximaNova-Bold'; line-height: 1;}
h2{ font-family: 'Interstate-Bold';}
h3{ font-family: 'Interstate-Bold'; }

/*CLASS*/
.Flex{ display: flex;}
.Cols{ flex-direction:column;}
.ColsRev{ flex-direction:column-reverse;}
.Rows{ flex-direction:row;} 
.RowsRev{ flex-direction:row-reverse;}
.Wrap{ flex-wrap:wrap; }
.NoWrap{ flex-wrap:nowrap;}
.J-End{ justify-content:flex-end;}
.J-Center{ justify-content:center;}
.J-Between{ justify-content:space-between;}
.J-Around{ justify-content:space-around;}
.AI-Start{ align-items:flex-start;}
.AI-End{ align-items:flex-end;}
.AI-Center{ align-items:center;}
.A-Start{ align-content:flex-start;}
.A-End{ align-content:flex-end;}
.A-Center{ align-content:center;}
.A-Stretch{ align-content:stretch;}
.FWidth{ width: 100%;}
.FHeight{ height: 100%;}
.Lowercase{ text-transform: lowercase; }

.HiddenScrollBar{ overflow-y: scroll; scrollbar-width: none; -webkit-overflow-scrolling: touch;}
.HiddenScrollBar::-webkit-scrollbar{ display: none;}

/*HEADER*/
header{ position: fixed; width: auto; top:40px; right: 0; z-index: 100; font-family: 'Interstate-Light'; font-size: 21px; line-height: 2; padding: 0 60px;}
header.BarB::before{ content: ""; background:#004997; position: absolute; width: 100%; height: 100%; }
header img{ width: auto; height: 21px;}
header a{ position: relative; display: block; color: #fff; padding: 5px 15px;}
header ul li{ position: relative; -webkit-perspective:500px; perspective:500px;}
header span{ background:#1d1d1d; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; transform-origin: 50% 100%;}
header ul ul{ position: absolute; left: 0; top:100%; white-space: nowrap; visibility: hidden; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; transform-origin: 50% 0%; transform-style: preserve-3d;}
header ul ul a{ font-family: 'Interstate-Regular'; padding: 0 15px;}
header ul ul li{ background:#1d1d1d;}
header ul ul li:hover a{ background:#fff; color: #1d1d1d;}

nav{ background:rgba(0,0,0,0.7); position: fixed; width: 100%; height: 100%; top:0; left: 0; z-index: 110; visibility: hidden;}
nav .Social{ background: #0e4587; position: relative; width:140px; height: 100%; flex-direction:column; -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.5); box-shadow: 0 0 20px 2px rgba(0,0,0,0.5); z-index: 3;}
nav .Social a{ background: rgba(255,255,255,0); position: relative; width: 100%; padding: 20px 0; }
nav .Social a svg{ display: block; width:20px; fill:#fff; margin: 0 auto;}
nav .Social a:nth-of-type(1){ padding: 40px 0;}
nav .Social a span{ background:#1d1d1d; position: absolute; top: 0; left: -100%; font-family: 'ProximaNova-Bold'; font-size:20px; letter-spacing: 0.1em; text-transform: uppercase; color:#fff; padding: 10px 30px; visibility: hidden; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; transform-origin: 0% 50%;}
nav .Menu{ background: #1d1d1d; position: relative; height: 100%; z-index: 2; padding: 60px; font-family: 'ProximaNova-Extrabld'; font-size: 50px; line-height: 1; letter-spacing: 0.1em; white-space: nowrap;}
nav .Menu ul{ position: relative; display: block; margin-bottom: 60px;}
nav .Menu h2{ font-family: 'ProximaNova-Bold'; color:#898989; font-size: 30px; letter-spacing: 0.1em; margin-bottom: 40px;}
nav .Menu a{ color: #1b58a3;}
nav .Menu ul li::after{ content: ""; background: #838383; display: block; position: relative; width: 100%; height: 1px; margin: 10px 0;}
nav .Menu ul li:last-child::after{ display: none; margin: 0;}
nav .Menu ul ul{ font-family: 'Interstate-Regular'; font-size: 20px; letter-spacing: 0.1em; line-height: 1.6; padding-left: 10px; margin-bottom: 0px;}
nav .Menu ul ul li::after{ display: none; margin: 0;}
nav .Menu ul ul a{ color: #fff;}
nav .Menu .Bolsa{ font-size: 44px; letter-spacing: 0.1em;}
nav .Menu p{ font-family: 'Interstate-Regular'; font-size: 18px; letter-spacing: 0.1em; margin: 5px 0;}
nav .Menu .Bolsa p:nth-of-type(2){ font-size: 24px; }
nav .Menu .Bolsa p a{ font-family: 'Interstate-Bold'; text-decoration: underline;}
nav .Contact{ background: #0e4587; position: relative; height: 100%; z-index: 1; padding: 60px; font-size: 50px; line-height: 1; letter-spacing: 0px;}
nav .Contact a{ color: #fff;}
nav .Contact .Mail{ font-family: 'Interstate-Bold'; font-size: 26px; letter-spacing: 0.2em; line-height: 1.5;}
nav .Contact .Policy{ font-size: 20px; margin: 20px 0;}

/*FOOTER*/
footer{ position: fixed; flex-direction:column; left:0; top:0; width:140px; height: 100%; z-index: 102; -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.5); box-shadow: 0 0 20px 2px rgba(0,0,0,0.5); }
footer.BarB::before{ content: ""; background:#004997; position: absolute; width: 100%; height: 100%; }
footer a{ background: rgba(255,255,255,0); position: relative; width: 100%; padding: 20px 0; }
footer a svg{ display: block; width:20px; fill:#fff; margin: 0 auto;}
footer a span{ background:#1d1d1d; position: absolute; top: 0; left: -100%; font-family: 'ProximaNova-Bold'; font-size:20px; line-height: 2; letter-spacing:0.1em; text-transform: uppercase; color:#fff; padding: 10px 30px; visibility: hidden; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; transform-origin: 0% 50%;}
#Logo img{ position: relative; display: block; width:66px; margin: 0 auto;}
#Logo .Min{ display: none;}

/**/
#Contenido{ position: relative; width: 100%; height: 100%; overflow-y: scroll; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
#Contenido::-webkit-scrollbar{ display: none;}
#Contenido article{ position: relative; width: 100%; height: 100%;}

/*SLIDERS*/
.Sliders{ position: relative; width: 100%; height: 100% !important; overflow: hidden;}
.Sliders .Slide{ position: absolute; display: block; width: 100%; height: 100%; top:0; left:0; /*visibility: hidden;*/}
.Sliders #Slide0{ visibility: visible;}
.Sliders .SlidersPoints{ position: absolute; width: 100%; height: 0; bottom:0; font-size: 0; line-height: 0; z-index: 4;}
.Sliders .SlidersPoints svg{ fill:#fff;}
.Sliders .SlidersPoints .Point{ position: relative; width: 20px; height: 20px; margin: 0 6px; cursor:pointer; top: -60px;}
.Sliders .SlidersPoints .Space{ position: relative; width: 30px; height: 20px; top: -60px;}

/*HOME*/
.Home{ overflow: hidden; width: 100%; height:100%;}
.HomeFooter{ position: relative; background: #1b1b1b; width: 100%; height: 40px; z-index: 5;}
.HomeFooter .Cnt{ position: absolute; width: 100%; top:0;}
.HomeFooter .BtnHomeFooter{ background:#1b1b1b url(../_img/flecha-up.svg) no-repeat center center; position: relative; width: 100%; height: 40px; margin: 0 auto; }
.HomeFooter .BtnHomeFooter.Active{ background:#1b1b1b url(../_img/flecha-down.svg) no-repeat center center;}
.HomeFooter .Certificados{ background: #1b1b1b; width: 100%; height: auto !important; padding: 20px 150px;}
.HomeFooter .Certificados img{ width: auto; height:80px !important; margin: 20px; -webkit-filter: grayscale(1); filter: grayscale(1);}
.HomeFooter .Cedis{ background: #1b1b1b; width: 100%; height: auto !important; padding: 20px 150px; font-family: 'ProximaNova-Light'; font-size: 20px; color:#fff;}
.HomeFooter .Cedis div{ width: 214px; margin: 10px;}
.HomeFooter .Cedis div h3{ font-family: 'Interstate-Regular';}
.HomeFooter .Cedis div a{ font-family: 'ProximaNova-Bold'; color:#1670ac;}

.Home .Certificados{ background: #1b1b1b; width: 100%; height: auto !important; padding: 20px 0;}
.Home .Certificados img{ width: auto; height:70px !important; margin: 0 20px; -webkit-filter: grayscale(1); filter: grayscale(1);}

/*LOADER*/
#Loader{ display: none;}

/*COOKIES*/
.Cookies{
    background:rgba(255,255,255,0.9);
    position: fixed;
    width: 100%;
    padding: 15px;
    bottom: 0;
    left: 0;
    font-size: 16px;
    color:#1b1b1b;
    visibility: hidden;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Cookies b{ font-weight: 800; color: #0e4587;}
.Cookies a{ font-weight: 800; color: #0e4587; text-decoration: underline;}
.Cookies .Submit{ padding: 8px 10px; background: #004997; color: #fff; text-decoration: none;}
.Cookies.show{ visibility: visible;}

.Politicas{ background: #fff; font-size: 18px; line-height: 1.5;}
.Politicas .Up{ background: #004997; position: relative; width: 100%; height:auto; padding: 92px 0 40px; -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.3); box-shadow: 0 0 20px 2px rgba(0,0,0,0.3); }
.Politicas .Up .Tittle{ position: relative; width:1280px; height: 100%; margin: 0 auto;}
.Politicas .Up h1{ font-size: 80px; color: #fff; text-transform: uppercase;}
.Politicas .Down{ position: relative; width: 100%; }
.Politicas .Down h2{ font-size: 40px; margin: 15px 0; }
.Politicas .Down p{ margin: 15px 0; }
.Politicas .Down ul{ list-style: disc; list-style-position: outside; margin-left: 18px; }
.Politicas .Down li{ margin: 5px 0; }
.Politicas .Down .Result{ position: relative; width:1280px; margin: 0 auto; padding:20px 0 80px; color:#004997; }
.Politicas a{ color: #004997; text-decoration: underline;}



/*NOSOTROS*/
.AllNosotros{ background:url(../_img/nosotros-grupo-impac.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; overflow: hidden;}

.Nosotros{ position: absolute !important; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden;}
.Nosotros:nth-of-type(1){ visibility: visible;}

.Empresa{ font-size: 22px; overflow: hidden;}
.Empresa .Left{ position: relative; width: 50%; z-index: 1; text-align: right; padding: 0 40px 0 0;}
.Empresa .Right{ position: relative; width:670px; z-index: 2; padding: 0 0 0 40px;}
.Empresa h2{ font-family: 'ProximaNova-Bold'; font-size:150px; line-height: 1; color:#51d4e1; letter-spacing: -4px; z-index: 1;}
.Empresa .ImgAbs{ position: absolute; width:1920px; height: 904px; left: 50%; top: 50%; margin-left:-1326px; margin-top:-365px; z-index: 0;}

.Vision{ font-size: 45px; line-height: 1;  overflow: hidden; }
.Vision .Left{ position: relative; width: 50%; z-index: 1; text-align: right; padding: 0 40px 0 0;}
.Vision .Right{ position: relative; width:540px; z-index: 2; padding: 0 0 0 120px;}
.Vision h2{ font-family: 'ProximaNova-Bold'; font-size:150px; line-height: 1; color:#51d4e1; letter-spacing: -4px; z-index: 1;}
.Vision .ImgAbs{ position: absolute; width:1920px; height: 917px; left: 50%; top: 50%; margin-left:-960px; margin-top:-377px; z-index: 0;}
.Vision p::before{ position: relative; content: ""; background: #fff; display: block; width: 110%; height: 1px; margin: -10px 0 10px;}

.Politica{ font-size:18px; line-height: 1.2; overflow: hidden;}
.Politica .Left{ position: relative; width: 50%; z-index: 1; text-align: right; padding: 0 40px 0 0;}
.Politica .Right{ position: relative; width:696px; z-index: 2; padding: 0 0 0 40px;}
.Politica h2{ display: block; position: relative; font-family: 'ProximaNova-Bold'; font-size:100px; line-height: 0.8; color:#51d4e1; letter-spacing: -4px; z-index: 1;  }
.Politica .ImgAbs{ position: absolute; width:485px; height: 693px; left: 50%; top: 50%;   z-index: 0; transform: translate(-115%,-45%);}
.Politica p{ margin: 10px 0px;}

.Valores{ font-size: 18px; line-height: 1.2; overflow: hidden;}
.Valores .Left{ position: relative; width: 50%; z-index: 1; text-align: right; padding: 0 40px 0 0;}
.Valores .Right{ position: relative; width:760px; z-index: 2; padding: 0 0 0 40px;}
.Valores h2{ font-family: 'ProximaNova-Bold'; font-size:100px; line-height: 0.9; color:#51d4e1; letter-spacing: -4px; z-index: 1;}
.Valores .ImgAbs{ position: absolute; width:1860px; height: 802px; left: 50%; top: 50%;transform: translate(-67%,-30%); z-index: 0;}
.Valores ul{ list-style: disc; list-style-position: outside; margin-left: 18px; }
.Valores li{ margin: 5px 0; }
.Valores p{ margin: 10px 0px;}




/*
.Valores .Valor{ background:#51d4e1; position: absolute; width: 26px; height: 26px; -webkit-border-radius: 100%; border-radius: 100%; left: 50%; top: 50%;}
.Valores .Valor span{ position: absolute; display: block; width: 300px;}
.Valores #Valor1{ margin-left:-220px; margin-top:-230px;}
.Valores #Valor1 span{ right: 100%; top: 2px; text-align: right; margin-right: 16px;}
.Valores #Valor2{ margin-left:186px; margin-top:-206px;}
.Valores #Valor2 span{ left: 100%; top: 2px; text-align: left; margin-left: 16px;}
.Valores #Valor3{ margin-left:-304px; margin-top:46px;}
.Valores #Valor3 span{ right: 100%; top: 2px; text-align: right; margin-right: 16px;}
.Valores #Valor4{ margin-left:46px; margin-top:78px;}
.Valores #Valor4 span{ left: -128px; top: 32px; text-align: center;}
.Valores #Valor5{ margin-left:300px; margin-top:10px;}
.Valores #Valor5 span{ left: 100%; top: -10px; text-align: left; margin-left: 16px;}
*/

.Catalogo{ font-size: 22px; overflow: hidden;}
.Catalogo .Left{ position: relative; width: 50%; z-index: 1; text-align: right; padding: 0 40px 0 0;}
.Catalogo .Right{ position: relative; width:50%; z-index: 2; }
.Catalogo .Right p{ width:670px;}
.Catalogo h2{ font-family: 'ProximaNova-Bold'; font-size:150px; line-height: 0.8; color:#51d4e1; letter-spacing: -4px; z-index: 1;}
.Catalogo h2 span{ display: block; color:#88a4c6;}
.Catalogo .Btn{ position: relative; width: 150px; font-family: 'Interstate-Bold'; font-size: 16px; letter-spacing:2px; color: #fff; text-transform: uppercase; border: 1px #fff solid; text-align: center; z-index: 2; padding: 6px 0; margin-top: 20px;}
.Catalogo .ImgAbs{ position: absolute; width:1684px; height: 982px; left: 50%; top: 50%; margin-left:-960px; margin-top:-452px; z-index: 0;}
.Catalogo a{ color: #fff;}


.Historia{ font-size: 24px; overflow: hidden;}
.Historia .Left{ position: absolute; width:520px; height: 100%; z-index: 1; right: 50%;}
.Historia .Right{ position: absolute; width:50%; height: 100%; z-index: 2; left: 50%;}
.Historias{ display: none; position: absolute !important; width: 100%; height: 100%;}
.Historias:nth-of-type(1){ display: block; }
.Historias h2{ font-family: 'ProximaNova-Regular'; font-size:100px; line-height: 0.8; color:#fff; letter-spacing: 0px; z-index: 1;}
.Historias h2 span{ display: block; font-family: 'ProximaNova-Bold'; font-size:120px; color:#51d4e1; letter-spacing: -4px;}
.Historias p::before{ position: relative; content: ""; background: #fff; display: block; width: 100%; height: 1px; margin: 20px 0;}

#Historia1980 .ImgAbs{ width:666px; height: auto; margin-left:-40px; margin-top:40px;}
#Historia1985 .ImgAbs{ width:902px; height: auto; margin-left:-70px; margin-top:70px;}
#Historia1989 .ImgAbs{ width:571px; height: auto; margin-left:-70px; margin-top:-140px;}
#Historia2001 .ImgAbs{ width:352px; height: auto; margin-left:80px; margin-top:0;}
#Historia2004 .ImgAbs{ width:495px; height: auto; margin-left:80px; margin-top:40px;}
#Historia2005 .ImgAbs{ width:748px; height: auto; margin-left:-20px; margin-top:40px;}
#Historia2006 .ImgAbs{ width:757px; height: auto; margin-left:0px; margin-top:240px;}
#Historia2009 .ImgAbs{ width:400px; height: auto; margin-left:0; margin-top:0;}
#Historia2013 .ImgAbs{ width:800px; height: auto; margin-left:0; margin-top:0;}
#Historia2013-14 .ImgAbs{ width:560px; height: auto; margin-left:0; margin-top:0;}
#Historia2014 .ImgAbs{ width:902px; height: auto; margin-left:0; margin-top:0;}
#Historia2016 .ImgAbs{ width:560px; height: auto; margin-left:80px; margin-top:0;}
#Historia2019 .ImgAbs{ width:260px; height: auto; margin-left:80px; margin-top:0;}
#Historia2022 .ImgAbs{ width:560px; height: auto; margin-left:80px; margin-top:0;}

.BtnsHistorias{ position: absolute; width:150px; height: 58px; left: 50%; bottom: 80px; margin-left: -75px; z-index: 4;}
.OnYear{position: relative; background:#013d84; white-space: nowrap; width:150px; height: 58px; overflow: hidden; border: solid 1px #fff; border-radius: 50px; font-family: 'Interstate-Bold'; font-size: 30px; line-height: 1; z-index: 2;}
.OnYear span{ display:inline-block; width:150px; height: 30px; padding: 14px 0; text-align: center;}
.AllYear{ position: absolute; width:150px; height: 58px; top: 0; z-index: 1; white-space: nowrap;}
.AllYear a{ display:inline-block; width:150px; height: 24px; padding: 17px 0; text-align: center; color: #9fc2ec; font-family: 'Interstate-Light'; height: 24px; line-height: 1;}

.Responsabilidad{ font-size: 22px; overflow: hidden;}
.Responsabilidad .Left{ position: relative; width: 50%; z-index: 1; text-align: right; padding: 0 40px 0 0;}
.Responsabilidad .Right{ position: relative; width:50%; z-index: 2; }
.Responsabilidad .Right p{ width:638px;}
.Responsabilidad h2{ font-family: 'ProximaNova-Bold'; font-size:150px; line-height: 0.8; color:#51d4e1; letter-spacing: -4px; z-index: 1;}
.Responsabilidad h2 span{ display: block; font-size:76px; letter-spacing: 0px; color:#88a4c6;}
.Responsabilidad .ImgAbs{ position: absolute; width:1658px; height: 832px; left: 50%; top: 50%; margin-left:-960px; margin-top:-291px; z-index: 0;}

.MenuNosotros{ position: absolute; width: 40px; height: 100%; right: 40px; text-align: right; z-index: 8;}
.MenuNosotros a{ position: relative; display: block; width: 40px; height: 40px; color: #51d4e1; font-size: 18px; line-height: 1; margin: 10px 0;}
.MenuNosotros span{ display: block; position: absolute; right: 100%; white-space: nowrap; padding-right: 20px; visibility: hidden; top: 50%; margin-top: -9px;}
.MenuNosotros img{ width: 40px;}
.MenuNosotros a:hover span{ visibility: visible;}

/*DISTRIBUIDORES*/
.MenuDistribuidores{ background: #fff; position: fixed; right: 0; top: 0; width:510px; height: 100%; flex-direction:column; -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.5); box-shadow: 0 0 20px 2px rgba(0,0,0,0.5); z-index: 3; font-size: 18px; line-height:1.2; color: #000; padding: 0 40px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.MenuDistribuidores .Tittle{ position: relative; width:100%; margin-top:170px; }
.MenuDistribuidores h1{ font-size: 60px; color: #004997;}
.MenuDistribuidores .Search{ position: relative; width:100%; color:#195597;}
.MenuDistribuidores #Estado{ position: relative; width:100%; height:40px; margin: 20px 0; z-index: 2;}
.MenuDistribuidores #Ciudad{ visibility: hidden; position: relative; width:100%; height:40px; margin: 20px 0;}
.MenuDistribuidores .Select{ width:100%; height: auto; color:#004997; font-family: 'ProximaNova-Bold'; line-height: 1; letter-spacing: 0.1em; text-transform: uppercase; padding:11px 20px; white-space: nowrap; cursor: default; border:solid 1px #195597;}
.MenuDistribuidores .Select span{ display: block; width:92%; overflow: hidden;}
.MenuDistribuidores .Select::after{ content: ""; display: block; position: absolute; background:url(../_img/arrow-down.svg) no-repeat center center; width:30px; height:30px; top: 50%; right:10px; margin-top: -15px; }
.MenuDistribuidores .active .Select::after{ background:url(../_img/arrow-up.svg) no-repeat center center; }
.MenuDistribuidores .List{ background:#fff; position: absolute; width: 100%; max-height:298px; font-family: 'ProximaNova-Regular'; line-height: 1.5; color:#000; left: 0; top: 100%; visibility: hidden; border:solid 1px #195597; overflow-y: scroll;}
.MenuDistribuidores .active .List{ visibility: visible;}
.Distribuidores .List li{ padding:0 20px; cursor: default;}
.Distribuidores .List li:hover{ background:#004997; color: #fff;}
select{ position: relative; background:#fff url(../_img/arrow-down.svg) no-repeat right center; background-size:60px 30px; width:100%; color:#000; border:solid 1px #195597; padding:11px 60px 11px 10px; font-family: 'ProximaNova-Bold'; font-size:18px; line-height:1; letter-spacing: 0.1em; color:#004997; resize: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; text-transform: uppercase; display: none;}
.isMobile select{ display: block;}
.isMobile .Select{ display: none;}
.isMobile .List{ display: none;}
.Distribuidores .Result2{ position: relative; width: 100%; padding: 60px 550px 20px 190px; color:#3a3a3a; text-transform: uppercase; font-size: 22px; }
.Distribuidores .Result2 div{ position: relative; width: 100%; min-height:124px; border-bottom: 1px solid #004997; padding: 20px 180px 20px 40px; }
.Distribuidores .Result2 div a{ color:#3a3a3a;}
.Distribuidores .Result2 div .ShowMap{ display: block; position: absolute; width: 110px; height: 124px; right: 40px; top:50%; margin-top: -62px; font-family: 'ProximaNova-Bold'; font-size: 18px; color:#3a3a3a; text-transform: uppercase; letter-spacing: 0.1em; text-align: center;}
.Distribuidores .Result2 div .ShowMap img{ display: block; width:54px; margin: 10px auto;}
.Distribuidores .Result2 .Tittle{ min-height: 0 !important; border: none; font-family: 'ProximaNova-Bold'; font-size: 40px; line-height: 1; color: #004997; padding: 20px 0;}
.Distribuidores .Result2 .Submit{ padding: 8px 10px; background: #004997; color: #fff;}

.DisMap{ background: rgba(0,0,0,0.7); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 200; visibility: hidden;}
.DisMap #mapa{ position: absolute; width: 80%; height: 80%; left: 10%; top:10%;}
.DisMap a{ position: absolute; width:2vw; padding:0; right:3vw; top:3vw; }
.DisMap a svg{ display: block; width:2vw; fill:#fff; margin: 0 auto;}

/*PRODUCTOS*/
.Productos{ background: #fff; height: auto !important; min-height: 100%; font-family: 'Interstate-Regular'; font-size: 16px; line-height: 1;}
.MenuProducts{ background: #fff; position: fixed; right: 0; top: 0; width:510px; height: 100%; flex-direction:column; -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.5); box-shadow: 0 0 20px 2px rgba(0,0,0,0.5); z-index: 3; font-size: 18px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-right: 10px;}
.MenuProducts .Tittle{ position: relative; width:100%; margin-top:170px; }
.MenuProducts h1{ font-size: 80px; line-height: 0.8; color: #195597; padding: 0 10%;}
.MenuProducts h2{ font-size: 24px; line-height: 0.8; letter-spacing: 0.05em; color: #000; text-transform: uppercase; padding: 0 10%;}
.MenuProducts .Icons{ width: 100%; margin: 15px 0 0;}
.MenuProducts .Icons a{ background:#eee;}
.MenuProducts .Icons a svg *{ stroke:none !important; fill:#004a97 !important;}
.MenuProducts .Icons a.Active{ background:#004a97;}
.MenuProducts .Icons a.Active svg *{ fill:#fff !important;}
.MenuProducts .Filter{ position: relative; width: 100%; height: 60%; padding: 20px 10%; }
.MenuProducts .Filter .Select{ position: relative; width:100%; height: auto; border:solid 1px #195597; color:#195597; font-family: 'ProximaNova-Bold'; font-size: 18px; line-height: 1; letter-spacing: 0.1em; text-transform: uppercase; padding:25px 20px; white-space: nowrap; cursor: default; display: none;}
.MenuProducts .Filter .Select span{ display: block; width:328px; overflow: hidden;}
.MenuProducts .Filter .Select::after{ content: ""; display: block; position: absolute; background:url(../_img/arrow-down.svg) no-repeat center center; width:30px; height:30px; top: 50%; right:10px; margin-top: -15px; }
.MenuProducts .active .Select::after{ background:url(../_img/arrow-up.svg) no-repeat center center; }
.MenuProducts .List li{ display: block; font-family: 'Interstate-Bold'; padding: 5px 0;}
.MenuProducts .List li a{ color:#000; text-transform: uppercase;}
.MenuProducts .List ul{ width:100%; font-family: 'Interstate-Regular'; overflow: hidden;}
.MenuProducts .List ul li::before{ content: "•"; color: #474747; display: inline-block; width: 1em;}
.MenuProducts .List ul li a{ color:#474747; text-transform:none;}
.MenuProducts .List li a.Active{ color:#1b58a3;}
.MenuProducts .List li a.Plus::before{ content: "+"; display: block; position: absolute; width: 1em; margin-left: -0.8em;}
.MenuProducts .List li a.Active.Plus::before{ content: "-";}
.MenuProducts .active .List{ visibility: visible;}
.AllProducts{ position: relative; width: 100%; padding: 20px 510px 20px 140px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.AllProducts a{ display: block; width: 30%; margin: 1.2%; color:#555555; }
.AllProducts a .Image{ position: relative; margin-bottom: 10px; width: 100%; height: 26vw; overflow: hidden; }
.AllProducts a .Image img{ width: 100%; height: 100%; object-fit: cover !important;  }
.AllProducts a h3{ font-size: 22px; color:#000;}

/*SCROLL BAR*/
.ScrollBar{ position: fixed; background: #ddd; width: 10px; height: 100vh; top:0; right: 510px; }
.ScrollBar .SBar{ position: absolute; background: #aaa; width: 10px; height: 20vh; min-height: 150px; top:0; right: 0px; -webkit-border-radius: 12px; border-radius: 12px; }

/*PRODUCTO*/
.AllProducto{ overflow: hidden;}
.Arrows{ position: fixed; left:200px; top:30px; padding: 10px; border: solid 1px #fff; -webkit-border-radius: 50px; border-radius: 50px; z-index: 10; -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.3); box-shadow: 0 0 20px 2px rgba(0,0,0,0.3); line-height: 0;}
.Arrows img{ position: relative; width: 20px; height: 20px;}
.Arrows a{ position: relative; display:inline-block; margin: 0 5px;}
.AllProducto #PBarDown{ display: none; position: fixed; left:0; top:0; width:140px; height: 100%; z-index: 10;}

.Producto{ position: absolute; width: 100%; height: 100%; left: 100%; top: 0; visibility: hidden;}
.Producto.Activo{ left: 0; top: 0; visibility: visible;}
.Producto .ProductoM{ position: relative; width: 100%; height: 100%; left: 0%; top: 0; overflow: hidden;}
.Producto .Up{ position: relative;}
.Producto .Up .Image{ position: absolute; width: 50%; height: 100vh; left: 0; top: 0; }
.Producto .Up .Image img{ position: absolute; width: auto; height: 100%; right: 40px; top: 0%; }
.Producto .Up .Title{ position: absolute; width: 50%; height: 80%; left: 50%; top: 20%; font-family: 'Interstate-Regular'; font-size: 30px; line-height: 1.4; letter-spacing: 0.2em; padding: 40px 0;}
.Producto .Up .Title h2{ font-family: 'Interstate-Bold'; font-size: 58px; letter-spacing: 0px;}
.Producto .Up .Title h2 span{ display:inline-block; background:#fff; font-size: 66px; padding:5px 10px;}
.Producto .Down{position: relative; width: 100%; color:#3b3b3b;}
.Producto .Down .Title2{ display: none; position: absolute; font-family: 'Interstate-Regular'; font-size: 30px; line-height: 1; letter-spacing: 0.2em; padding: 40px 0; color:#666666;}
.Producto .Down .Title2 h2{ font-family: 'Interstate-Bold'; font-size: 58px; letter-spacing: 0px; }
.Producto .Down .Title2 h2 span{ display:inline-block; font-size: 66px; padding:0px; color:#353535;}
.Producto .Text{ position: relative; width: 580px; left: 50%; padding: 40px 0;}
.Producto .Text p{ margin-bottom: 40px; }
.Producto .BarUp{ position: absolute; width: 100%; height:60px; top:0; z-index: 10; display: none;}
.Producto .BarDown{ position: absolute; width: 100%; height:60px; bottom: 0; z-index: 10; display: none;}


.Producto .Caracteristicas li{ display: flex; flex-direction:row; align-items:center; position: relative; width: auto; height:46px; border:solid 1px #000; font-size: 16px; line-height: 1; color:#3b3b3b; margin-bottom: -1px; float:left; clear: left;}
.Producto .Caracteristicas a{ color:#3b3b3b;} 
.Producto .Caracteristicas li span{ display: inline-block; padding: 0 15px; }
.Producto .Caracteristicas li div{ position: relative; display: inline-block; width:46px; height:100%; }
.Producto .Caracteristicas li img{ position: absolute; width: 50%; left: 50%; top: 50%; margin-left: -25%; margin-top: -25%;}
.Producto .Certificados{ padding: 20px 0;}
.Producto .Certificados img{ width: auto; height:80px !important; margin: 0 15px; -webkit-filter: grayscale(0); filter: grayscale(0);}

/*FAQS*/
.Faqs{ font-size: 18px; line-height: 1.5;}
.Faqs .Up{ background: #004997; position: relative; width: 100%; height:auto; padding: 92px 0 40px; -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.3); box-shadow: 0 0 20px 2px rgba(0,0,0,0.3); }
.Faqs .Up .Tittle{ position: relative; width:1280px; height: 100%; margin: 0 auto;}
.Faqs .Up h1{ font-size: 80px; color: #fff; text-transform: uppercase;}
.Faqs .Down{ position: relative; width: 100%; }
.Faqs .Down .Result{ position: relative; width:1280px; margin: 0 auto; padding:20px 0 80px; color:#3b3b3b; }
.Faqs .Down .Result div{ position: relative; width: 100%; border-bottom: 1px solid #004997; padding: 20px 40px;}
.Faqs .Down .Result div b{ font-family: 'Interstate-Bold'; text-transform: uppercase;}

/*CATALOGO DE OBRAS*/
.Catalogos{ background:#004997; font-size: 22px; line-height: 1.6;}
.Catalogos .Up{ background: #004997; position: relative; width: 100%; height:auto; padding: 140px 0 0; }
.Catalogos .Up .Tittle{ position: relative; width:1280px; height: 100%; margin: 0 auto; padding: 0 0 60px; border-bottom: 1px solid #fff;}
.Catalogos .Up h1{ font-size: 80px; color: #fff;}
.Catalogos .Down{ position: relative; width: 100%; }
.Catalogos .Down .Result{ position: relative; width:1280px; margin: 0 auto; padding:0 0 80px; color:#ffffff; }
.Catalogos .Down .Result .Catalogo{ position: relative; width: 100%; border-bottom: 1px solid #fff; padding: 40px 0px 40px 20px;}
.Catalogos .Down .Result .Catalogo div{ width: 50%;}
.Catalogos .Down .Result .Catalogo img{ width: 50%;}
.Catalogos .Down .Result .Catalogo div:nth-of-type(1){ padding-right: 30px;}
.Catalogos .Down .Result .Catalogo h3{ font-size: 26px; text-transform: uppercase; }
.Catalogos .Down .Result .Catalogo a{ color:#51d4e1;  }

/*SOLUCIONES*/
.Soluciones{ position: absolute !important; background:#004997; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; }
.Soluciones .Left{ position: absolute; width:50%; height: 100%; right: 50%;}
.Soluciones .Right{ position: absolute; width:50%; height: 100%; left: 50%;}
.Soluciones .Left:hover{ background:#0f5895;}
.Soluciones .Right:hover{ background:#0f5895;}
.Soluciones .Txt{ position: relative; width: 66%; margin: 0 auto;}
.Soluciones h2{ font-family: 'ProximaNova-Bold'; font-size:70px; line-height: 0.8; text-transform: uppercase;}
.Soluciones h2 span{ display: block; font-family: 'ProximaNova-Extrabld'; color: #51d4e1;}
.Soluciones p{ text-align: left; margin: 20px 0;}
.Soluciones .Left .ImgAbs{ position: relative; width: 644px; height: auto; margin: 0 auto 60px;}
.Soluciones .Right .ImgAbs{ position: relative; width: 476px; height: auto; margin: 0 auto 60px;}
.Soluciones a{ font-family: 'Interstate-Bold'; font-size: 16px; letter-spacing:2px; color: #fff; text-transform: uppercase; border: 1px #fff solid; text-align: center; z-index: 2; padding: 10px 15px;}
.Hogar{ position: absolute !important; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden;}
.Profesional{ position: absolute !important; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden;}

/*CONTACTO*/
.Contacto{ background: #fff; font-size: 18px; line-height: 1.5;}
.Contacto .Up{ background: #004997; position: relative; width: 100%; height:auto; padding: 92px 0 40px; -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.3); box-shadow: 0 0 20px 2px rgba(0,0,0,0.3); }
.Contacto .Up .Tittle{ position: relative; width:1280px; height: 100%; margin: 0 auto;}
.Contacto .Up h1{ font-size: 80px; color: #fff; text-transform: uppercase;}
.Contacto .Down{ position: relative; width: 100%; }
.Contacto .Down .Result{ position: relative; width:1280px; margin: 0 auto; padding:20px 0 80px; color:#004997; }
.Contacto a{ color: #004997;}
.Contacto .Contact{ font-size: 50px; line-height: 1; letter-spacing: 0px; margin: 40px 0;}
.Contacto .Contact .Mail{ font-family: 'Interstate-Bold'; font-size: 26px; letter-spacing: 0.2em; line-height: 1.5;}
.Contacto .Redes{ margin: 40px 0;}
.Contacto .Redes a svg{ display: block; width:40px; fill:#004997; margin: 0 15px;}
.Contacto .Cedis{ width: 100%; height: auto !important; padding: 0; font-family: 'ProximaNova-Light'; font-size: 20px; margin: 40px 0;}
.Contacto .Cedis div{ width: 214px; margin: 20px; text-align: center;}
.Contacto .Cedis div h3{ font-family: 'Interstate-Regular';}
.Contacto .Cedis div a{ font-family: 'ProximaNova-Bold'; }
.Contacto .Bolsa{ font-size: 44px; line-height: 1; margin: 40px 0;}
.Contacto .Bolsa h3{ font-family: 'ProximaNova-Extrabld'; letter-spacing: 0.1em;}
.Contacto .Bolsa p{ font-size: 18px; margin: 5px 0;}
.Contacto .Bolsa p:nth-of-type(2){ font-size: 24px; }
.Contacto .Bolsa p a{ font-family: 'Interstate-Bold'; text-decoration: underline;}

/*BOLSA DE TRABAJO*/
.BolsaTrabajo{ background: #fff; font-size: 18px; line-height: 1.5;}
.BolsaTrabajo .Up{ background: #004997; position: relative; width: 100%; height:auto; padding: 92px 0 40px; -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.3); box-shadow: 0 0 20px 2px rgba(0,0,0,0.3); }
.BolsaTrabajo .Up .Tittle{ position: relative; width:1280px; height: 100%; margin: 0 auto;}
.BolsaTrabajo .Up h1{ font-size: 60px; color: #fff; text-transform: uppercase;}
.BolsaTrabajo .Down{ position: relative; width: 100%; }
.BolsaTrabajo .Down .Result{ position: relative; width:1280px; margin: 0 auto; padding:20px 0 80px; color:#004997; }
.BolsaTrabajo .FieldBlock{ position: relative; display: inline-block; margin: 5px; width: 410px;}
.BolsaTrabajo input{ display: block; font-family: 'ProximaNova-Bold'; font-size: 18px; line-height: 1; border: 1px solid #004997; color:#004997; padding: 11px 10px; width: 100%; letter-spacing: 0.1em; }
.BolsaTrabajo select{ display: block;}
.BolsaTrabajo .Small{ width:80px; }
.BolsaTrabajo .Full{ width:1260px;}
.BolsaTrabajo .Size2Cols{ width:1165px;}
.BolsaTrabajo input[type="file"]{ border: none;}
.BolsaTrabajo .Nota{ font-size: 14px;}
.BolsaTrabajo input[type="submit"]{ background: #004997; color: #fff;}
.BolsaTrabajo input[type="submit"]:active{ background: #fff; color: #004997; }
.BolsaTrabajo .MsgError{ text-align: center; color:#ff0000; margin: 15px 0; }
.BolsaTrabajo .Warning{ border: 1px solid #ff0000;}

/*SEARCH*/
.GoSearch{ background: #fff; font-size: 18px; line-height: 1.5;}
.GoSearch .Up{ background: #004997; position: relative; width: 100%; height:auto; padding: 92px 0 40px; -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.3); box-shadow: 0 0 20px 2px rgba(0,0,0,0.3); }
.GoSearch .Up .Tittle{ position: relative; width:1280px; height: 100%; margin: 0 auto;}
.GoSearch .Up h1{ font-size: 60px; color: #fff; text-transform: uppercase;}
.GoSearch .Down{ position: relative; width: 100%; }
.GoSearch .Down .Result{ position: relative; width:1280px; margin: 0 auto; padding:20px 0 80px; color:#004997; }
.GoSearch .Up input{ display: inline-block; font-family: 'ProximaNova-Bold'; font-size: 18px; line-height: 1; border: 1px solid #004997; color:#004997; padding: 11px 10px; letter-spacing: 0.1em; width: 510px; }
.GoSearch input[type="submit"]{ display: inline-block; background: #fff; color: #004997; width: 100px;}
.GoSearch input[type="submit"]:active{ background: rgba(255,255,255,0.8); }
.GoSearch .Result h2{ font-size: 40px; line-height: 1; color: #004997; padding: 20px 0;}
.GoSearch .Result .SearchProduct{ position: relative; width: 1280px; border-bottom: 1px solid #004997; padding: 20px 0; color:#3a3a3a;}
.GoSearch .Result .SearchProduct div{ margin: 0 10px;}
.GoSearch .Result .SearchProduct div:nth-of-type(1){ width:100px; height:100px; overflow: hidden;}
.GoSearch .Result .SearchProduct div:nth-of-type(2){ width:1180px;}
.GoSearch .Result .SearchProduct div img{ width: 100% !important; height: 100%; object-fit: cover !important;}
.GoSearch .Result .SearchProduct b{ font-family: 'ProximaNova-Bold'; text-transform: uppercase;}
.GoSearch .Result .SearchCatalogo{ position: relative; width: 1280px; border-bottom: 1px solid #004997; padding: 20px 0; color:#3a3a3a;}
.GoSearch .Result .SearchCatalogo div{ margin: 0 10px;}
.GoSearch .Result .SearchCatalogo div:nth-of-type(1){ width:60%;}
.GoSearch .Result .SearchCatalogo div:nth-of-type(2){ width:40%; overflow: hidden;}
.GoSearch .Result .SearchCatalogo div img{ width: 100% !important; height: 100%; object-fit: cover !important;}
.GoSearch .Result .SearchCatalogo b{ font-family: 'ProximaNova-Bold'; text-transform: uppercase;}
.GoSearch .Result .SearchDistribuidores{ position: relative; width: 1280px; border-bottom: 1px solid #004997; padding: 20px 0; color:#3a3a3a;}
.GoSearch .Result .SearchDistribuidores p{ display: block;}
.GoSearch .Result .SearchDistribuidores a{ color:#3a3a3a;}
.GoSearch .Result .SearchDistribuidores b{ font-family: 'ProximaNova-Bold'; text-transform: uppercase;}
.GoSearch .Result .SearchFaqs{ position: relative; width: 1280px; border-bottom: 1px solid #004997; padding: 20px 0; color:#3a3a3a;}
.GoSearch .Result .SearchFaqs p{ display: block;}
.GoSearch .Result .SearchFaqs b{ font-family: 'ProximaNova-Bold'; text-transform: uppercase; }

@media only screen and (max-width: 2000px){
    /*HOME*/
    .HomeFooter{ height: 2vw; }
    .HomeFooter .BtnHomeFooter{ height: 2vw; }
    .HomeFooter .Cedis{ padding: 1vw 10vw; font-size: 1vw;}
    .HomeFooter .Cedis div{ width: 10.7vw; margin: 0.5vw;}    
    .Home .Certificados{ padding: 1vw 0;}
    .Home .Certificados img{ height:3.5vw !important; margin: 0 1vw; }
    
    /*NOSOTROS*/
    .Empresa{ font-size: 1.1vw;}
    .Empresa .Left{ padding: 0 2vw 0 0;}
    .Empresa .Right{ width:33.5vw; padding: 0 0 0 2vw;}
    .Empresa h2{ font-size:7.5vw; letter-spacing: -0.2vw;}
    .Empresa .ImgAbs{ width:96vw; height: 45.2vw; margin-left:-66.3vw; margin-top:-18.25vw;}
    
    .Vision{ font-size: 2.3vw;}
    .Vision .Left{ padding: 0 2vw 0 0;}
    .Vision .Right{ width:26vw; padding: 0 0 0 6vw;}
    .Vision h2{ font-size:7.5vw; letter-spacing: -0.2vw; }
    .Vision .ImgAbs{ width:96vw; height: 45.85vw; margin-left:-48vw; margin-top:-18.85vw; }
    .Vision p::before{ margin: -0.5vw 0 0.5vw;}

    .Politica{ font-size:1vw;}
    .Politica .Left{ padding: 0 2vw 0 0;}
    .Politica .Right{ width:38.5vw; padding: 0 0 0 2vw;}
    .Politica h2{ font-size:5.5vw; }
    .Politica .ImgAbs{ width:24vw; height: 35vw;}
    .Politica p{ margin: 0.7vw 0px;}

    .Valores{ font-size:1vw;}
    .Valores .Left{ padding: 0 2vw 0 0;}
    .Valores .Right{ width:40vw; padding: 0 0 0 2vw;}
    .Valores h2{ font-size:5vw; }
    .Valores .ImgAbs{ width:93vw; height: 40.1vw;}
    .Valores ul{ margin-left: 1vw; }
    .Valores li{ margin: 0.3vw 0; }
    .Valores p{ margin: 0.5vw 0px;}


    /*.Valores{ font-size: 1.1vw;}
    .Valores h2{ font-size:7.5vw; letter-spacing: -0.2vw; margin-top:-7.5vw;}
    .Valores .ImgAbs{ width:93vw; height: 40.1vw; margin-right:-46.5vw; margin-top:-13.1vw; }
    .Valores .Valor{ width: 1.3vw; height: 1.3vw; }
    .Valores .Valor span{ width: 15vw;}
    .Valores #Valor1{ margin-left:-11vw; margin-top:-11.5vw;}
    .Valores #Valor1 span{ top: 0.1vw; margin-right: 0.8vw;}
    .Valores #Valor2{ margin-left:9.3vw; margin-top:-10.3vw;}
    .Valores #Valor2 span{ top: 0.1vw; margin-left: 0.8vw;}
    .Valores #Valor3{ margin-left:-15.2vw; margin-top:2.3vw;}
    .Valores #Valor3 span{ top: 0.1vw; margin-right: 0.8vw;}
    .Valores #Valor4{ margin-left:2.3vw; margin-top:3.9vw;}
    .Valores #Valor4 span{ left: -6.4vw; top: 1.6vw; }
    .Valores #Valor5{ margin-left:15vw; margin-top:0.5vw;}
    .Valores #Valor5 span{ top: -0.5vw; margin-left: 0.8vw;}*/
    
    .Catalogo{ font-size: 1.1vw;}
    .Catalogo .Left{ padding: 0 2vw 0 0;}
    .Catalogo .Right p{ width:33.5vw;}
    .Catalogo h2{ font-size:7.5vw; letter-spacing: -0.2vw; }
    .Catalogo .Btn{ width: 7.5vw; font-size: 0.8vw; letter-spacing:0.1vw; padding: 0.3vw 0; margin-top: 1vw;}
    .Catalogo .ImgAbs{ width:84.2vw; height: 49.1vw; margin-left:-48vw; margin-top:-22.6vw;}
    
    .Historia{ font-size: 1.2vw;}
    .Historia .Left{ width:26vw;}
    .Historias h2{ font-size:5vw;}
    .Historias h2 span{ font-size:6vw; letter-spacing: -0.2vw;}
    .Historias p::before{ margin: 1vw 0;}

    #Historia1980 .ImgAbs{ width:33.3vw; margin-left:-2vw; margin-top:2vw;}
    #Historia1985 .ImgAbs{ width:45.1vw; margin-left:-3.5vw; margin-top:3.5vw;}
    #Historia1989 .ImgAbs{ width:28.6vw; margin-left:-3.5vw; margin-top:-7vw;}
    #Historia2001 .ImgAbs{ width:17.6vw; margin-left:4vw;}
    #Historia2004 .ImgAbs{ width:24.8vw; margin-left:4vw; margin-top:2vw;}
    #Historia2005 .ImgAbs{ width:37.4vw; margin-left:-1vw; margin-top:2vw;}
    #Historia2006 .ImgAbs{ width:37.9vw; margin-left:0px; margin-top:12vw;}
    #Historia2009 .ImgAbs{ width:20vw; }
    #Historia2013 .ImgAbs{ width:40vw;}
    #Historia2013-14 .ImgAbs{ width:28vw;}    
    #Historia2014 .ImgAbs{ width:45.1vw;}
    #Historia2016 .ImgAbs{ width:28vw; margin-left:4vw;}
    #Historia2019 .ImgAbs{ width:13vw; margin-left:4vw;}
    #Historia2022 .ImgAbs{ width:22vw; margin-left:4vw;}
    
    .BtnsHistorias{ width:7.5vw; height: 2.9vw; bottom: 10vh; margin-left: -3.75vw; }
    .OnYear{ width:7.5vw; height: 2.9vw; border-radius: 2.5vw; font-size: 1.5vw;}
    .OnYear span{ width:7.5vw; height: 1.5vw; padding: 0.7vw 0;}
    .AllYear{ width:7.5vw; height: 2.9vw;}
    .AllYear a{ width:7.5vw; height: 1.2vw; padding: 0.85vw 0; height: 1.2vw;}    
    
    .Responsabilidad{ font-size: 1.1vw;}
    .Responsabilidad .Left{ padding: 0 2vw 0 0;}
    .Responsabilidad .Right p{ width:31.9vw;}
    .Responsabilidad h2{ font-size:7.5vw; letter-spacing: -0.2vw;}
    .Responsabilidad h2 span{ font-size:3.8vw;}
    .Responsabilidad .ImgAbs{ width:82.9vw; height: 41.6vw; margin-left:-48vw; margin-top:-14.55vw; }
    
    .MenuNosotros{ width: 2vw; right: 2vw;}
    .MenuNosotros a{ width: 2vw; height: 2vw; font-size: 1vw; margin: 0.5vw 0;}
    .MenuNosotros span{ padding-right: 1vw; margin-top: -0.5vw;}
    .MenuNosotros img{ width: 2vw;}
    
    /*SOLUCIONES*/
    .Soluciones h2{ font-size:3.5vw;}
    .Soluciones p{ margin: 1vw 0;}
    .Soluciones .Left .ImgAbs{ width: 32.2vw; margin: 0 auto 3vw;}
    .Soluciones .Right .ImgAbs{ width: 23.8vw;margin: 0 auto 3vw;}
    .Soluciones a{ font-size: 0.8vw; letter-spacing:0.1vw; padding: 0.5vw 0.75vw;}
}
@media only screen and (max-height:1000px){    
    /*PRODUCTO*/    
    .Arrows{ padding: 1vh; }
    .Arrows img{ width: 2vh; height: 2vh;}
    .Arrows a{ margin: 0 0.5vh;}
    
    .Producto{ font-size: 2.4vh;}
    .Producto .Up .Image img{ right: 4vh; }
    .Producto .Up .Title{ font-size: 3vh; letter-spacing: 0.2vh; padding: 4vh 0;}
    .Producto .Up .Title h2{ font-size: 5.8vh;}
    .Producto .Up .Title h2 span{ font-size: 6.6vh; padding:0.5vh 1vh;}
    .Producto .Text{ width: 58vh; padding: 4vh 0;}
    .Producto .Text p{ margin-bottom: 4vh; }
    
    .Producto .Caracteristicas li{ height:4.6vh; font-size: 1.6vh;}
    .Producto .Caracteristicas li span{ padding: 0 1.5vh; }
    .Producto .Caracteristicas li div{ width:4.6vh; }
    .Producto .Certificados{ padding: 2vh 0;}
    .Producto .Certificados img{ height:8vh !important; margin: 0 1.5vh;}
}
@media only screen and (max-width: 1800px){/* 0.8 */
    body{ font-size: 19px;}
    
    /*HEADER*/
    header{ top:32px; font-size: 18px; padding: 0 48px;}
    header img{ height: 18px;}
    header a{ padding: 4px 12px;}
    header ul ul a{ padding: 0 12px;}
    
    nav .Social{ width:112px;}
    nav .Social a{ padding: 16px 0; }
    nav .Social a svg{ width:16px; }
    nav .Social a:nth-of-type(1){ padding: 32px 0;}
    nav .Social a span{ font-size:16px; padding: 8px 24px; }
    nav .Menu{ padding: 48px; font-size: 40px;}
    nav .Menu ul{ margin-bottom: 48px;}
    nav .Menu h2{ font-size: 24px; margin-bottom: 32px;}
    nav .Menu ul li::after{ margin: 8px 0;}
    nav .Menu ul ul{ font-size: 16px; padding-left: 8px;}
    nav .Menu .Bolsa{ font-size: 36px;}
    nav .Menu p{ font-size: 15px; margin: 4px 0;}
    nav .Menu .Bolsa p:nth-of-type(2){ font-size: 19px; }
    nav .Contact{ padding:48px; font-size:40px;}
    nav .Contact .Mail{ font-size: 21px;}    
    nav .Contact .Policy{ font-size: 16px; margin: 16px 0;}

    /*FOOTER*/
    footer{ width:112px;}
    footer a{ padding:16px 0;}
    footer a svg{ width:16px;}
    footer a span{ font-size:16px; padding: 8px 24px;}
    #Logo img{ width:53px;}
    
    /*SLIDERS*/
    .Sliders .SlidersPoints .Point{ width: 16px; height: 16px; margin: 0 5px; top: -48px;}
    .Sliders .SlidersPoints .Space{ width:24px; height:16px; top: -48px;}

    /*DISTRIBUIDORES*/
    .MenuDistribuidores{ width:408px; font-size: 14px; padding: 0 32px;}
    .MenuDistribuidores .Tittle{ margin-top:136px; }
    .MenuDistribuidores h1{ font-size: 48px;}
    .MenuDistribuidores #Estado{ height:32px; margin: 16px 0;}
    .MenuDistribuidores #Ciudad{ height:32px; margin: 16px 0;}
    .MenuDistribuidores .Select{ padding:9px 16px; }
    .MenuDistribuidores .Select::after{ width:24px; height:24px; right:8px; margin-top: -12px; }
    .MenuDistribuidores .List{ max-height:238px;}
    .Distribuidores .List li{ padding:0 16px; }
    select{ background-size:48px 24px; padding:9px 48px 9px 8px; font-size:14px;}
    .Distribuidores .Result2{ padding: 32px 440px 16px 152px; font-size: 17px; }
    .Distribuidores .Result2 div{ min-height:99px; padding: 16px 144px 16px 32px;}
    .Distribuidores .Result2 div .ShowMap{ width: 88px; height: 99px; right: 32px; margin-top: -49px; font-size: 14px;}
    .Distribuidores .Result2 div .ShowMap img{ width:43px; margin: 8px auto;}
    .Distribuidores .Result2 .Tittle{ font-size: 32px; padding: 16px 0;}
    .Distribuidores .Result2 .Submit{ padding: 6px 8px; }

    /*PRODUCTOS*/
    .Productos{ font-size: 13px;}
    .MenuProducts{ width:408px; font-size: 14px;}
    .MenuProducts .Tittle{ margin-top:136px;}
    .MenuProducts h1{ font-size: 64px;}
    .MenuProducts h2{ font-size: 19px;}
    .MenuProducts .Icons{ margin: 12px 0 0;}    
    .MenuProducts .Filter{ padding: 16px 10%;}
    .MenuProducts .Filter .Select{ font-size: 14px; padding:20px 16px;}
    .MenuProducts .Filter .Select span{ width:262px; }
    .MenuProducts .Filter .Select::after{ width:24px; height:24px; right:8px; margin-top: -12px; }
    .MenuProducts .List li{ padding: 4px 0;}
    .AllProducts{  padding: 16px 408px 16px 112px; }
    .AllProducts a .Image{ margin-bottom: 8px;}
    .AllProducts a h3{ font-size: 17px;}
    
    /*SCROLL BAR*/
    .ScrollBar{ right: 408px;}
    
    /*PRODUCTO*/
    .Arrows{ left: 160px; top:24px; }
    /*.AllProducto .ArrowClose{ left: 128px; top:24px; } */      
    .AllProducto #PBarDown{ width:112px;}
    
    /*FAQS*/
    .Faqs{ font-size: 16px;}
    .Faqs .Up{ padding: 74px 0 32px; }
    .Faqs .Up .Tittle{ width:1024px;}
    .Faqs .Up h1{ font-size: 64px; }
    .Faqs .Down .Result{ width:1024px; padding:16px 0 64px; }
    .Faqs .Down .Result div{ padding: 16px 32px;}
    
    /*CATALOGO DE OBRAS*/
    .Catalogos{ font-size: 18px;}
    .Catalogos .Up{ padding: 112px 0 0; }
    .Catalogos .Up .Tittle{ width:1024px; padding: 0 0 48px;}
    .Catalogos .Up h1{ font-size: 64px;}
    .Catalogos .Down .Result{ width:1024px; padding:0 0 64px; }
    .Catalogos .Down .Result .Catalogo{ padding: 32px 0px 32px 16px;}
    .Catalogos .Down .Result .Catalogo div:nth-of-type(1){ padding-right: 24px;}
    .Catalogos .Down .Result .Catalogo h3{ font-size: 21px; }
    
    /*CONTACTO*/
    .Contacto{ font-size: 16px;}
    .Contacto .Up{ padding: 74px 0 32px; }
    .Contacto .Up .Tittle{ width:1024px;}
    .Contacto .Up h1{ font-size: 64px;}
    .Contacto .Down .Result{ width:1024px; padding:16px 0 64px; }
    .Contacto .Contact{ font-size: 40px; margin: 32px 0;}
    .Contacto .Contact .Mail{ font-size: 21px; }
    .Contacto .Redes{ margin: 32px 0;}
    .Contacto .Redes a svg{ width:32px; margin: 0 12px;}
    .Contacto .Cedis{ font-size: 16px; margin: 32px 0;}
    .Contacto .Cedis div{ width: 171px; margin: 16px;}
    .Contacto .Bolsa{ font-size: 35px; margin: 32px 0;}
    .Contacto .Bolsa p{ font-size: 14px; margin: 4px 0;}
    .Contacto .Bolsa p:nth-of-type(2){ font-size: 19px;}
    
    /*BOLSA DE TRABAJO*/
    .BolsaTrabajo{ font-size: 16px; }
    .BolsaTrabajo .Up{ padding: 74px 0 32px; }
    .BolsaTrabajo .Up .Tittle{ width:1024px;}
    .BolsaTrabajo .Up h1{ font-size: 48px; }
    .BolsaTrabajo .Down .Result{ width:1024px; padding:16px 0 64px; }

    .BolsaTrabajo .FieldBlock{ margin: 4px; width: 328px;}
    .BolsaTrabajo input{ font-size: 16px; padding: 8px 8px; }
    .BolsaTrabajo .Small{ width:64px; }
    .BolsaTrabajo .Full{ width:1008px;}
    .BolsaTrabajo .Size2Cols{ width:932px;}
    .BolsaTrabajo .Nota{ font-size: 12px;}
    .BolsaTrabajo .MsgError{ margin: 12px 0; }
    
    /*SEARCH*/
    .GoSearch{ font-size: 16px; }
    .GoSearch .Up{ padding: 74px 0 32px; }
    .GoSearch .Up .Tittle{ width:1024px;}
    .GoSearch .Up h1{ font-size: 48px; }
    .GoSearch .Down .Result{ width:1024px; padding:16px 0 64px; }
    .GoSearch .Up input{ font-size: 16px; padding: 8px 8px; width:408px; }
    .GoSearch input[type="submit"]{ width: 80px;}    
    .GoSearch .Result h2{ font-size: 32px; padding: 16px 0;}    
    .GoSearch .Result .SearchProduct{ width: 1024px; padding: 16px 0;}
    .GoSearch .Result .SearchProduct div{ margin: 0 8px;}
    .GoSearch .Result .SearchProduct div:nth-of-type(1){ width:80px; height:80px; }
    .GoSearch .Result .SearchProduct div:nth-of-type(2){ width:944px;}
    .GoSearch .Result .SearchCatalogo{ width: 1024px; padding: 16px 0; }
    .GoSearch .Result .SearchCatalogo div{ margin: 0 8px;}
    .GoSearch .Result .SearchDistribuidores{ width: 1024px; padding: 16px 0;}
    .GoSearch .Result .SearchFaqs{ width: 1024px; padding: 16px 0;}
    
}
@media only screen and (max-width: 1400px){/* 0.8 */
    body{ font-size: 15px;}
    
    /*HEADER*/
    header{ top:25px; font-size: 14px; padding: 0 38px;}
    header img{ height: 14px;}
    header a{ padding: 3px 9px;}
    header ul ul a{ padding: 0 9px;}
    
    nav .Social{ width:90px;}
    nav .Social a{ padding: 13px 0; }
    nav .Social a svg{ width:13px; }
    nav .Social a:nth-of-type(1){ padding: 25px 0;}
    nav .Social a span{ font-size:13px; padding: 7px 19px; }
    nav .Menu{ padding: 38px; font-size: 32px;}
    nav .Menu ul{ margin-bottom: 38px;}
    nav .Menu h2{ font-size: 19px; margin-bottom: 25px;}
    nav .Menu ul li::after{ margin: 6px 0;}
    nav .Menu ul ul{ font-size: 13px; padding-left: 6px;}
    nav .Menu .Bolsa{ font-size:28px;}
    nav .Menu p{ font-size: 12px; margin: 3px 0;}
    nav .Menu .Bolsa p:nth-of-type(2){ font-size: 15px; }
    nav .Contact{ padding:38px; font-size:32px;}
    nav .Contact .Mail{ font-size:16px;}    
    nav .Contact .Policy{ font-size: 13px; margin: 13px 0;}

    /*FOOTER*/
    footer{ width:89px;}
    footer a{ padding:13px 0;}
    footer a svg{ width:13px;}
    footer a span{ font-size:13px; padding: 6px 19px;}
    #Logo img{ width:42px;}
    
    /*SLIDERS*/
    .Sliders .SlidersPoints .Point{ width:13px; height:13px; margin: 0 4px; top: -38px;}
    .Sliders .SlidersPoints .Space{ width:19px; height:13px; top: -38px;}
    
    /*DISTRIBUIDORES*/
    .MenuDistribuidores{ width:326px; font-size: 12px; padding: 0 26px;}
    .MenuDistribuidores .Tittle{ margin-top:109px; }
    .MenuDistribuidores h1{ font-size: 38px;}
    .MenuDistribuidores #Estado{ height:26px; margin: 13px 0;}
    .MenuDistribuidores #Ciudad{ height:26px; margin: 13px 0;}
    .MenuDistribuidores .Select{ padding:7px 13px; }
    .MenuDistribuidores .Select::after{ width:19px; height:19px; right:6px; margin-top: -9px; }
    .MenuDistribuidores .List{ max-height:190px;}
    .Distribuidores .List li{ padding:0 13px; }
    select{ background-size:38px 19px; padding:7px 38px 7px 6px; font-size:12px;}
    .Distribuidores .Result2{ padding: 26px 352px 13px 121px; font-size: 14px; }
    .Distribuidores .Result2 div{ min-height:79px; padding: 13px 115px 13px 25px;}
    .Distribuidores .Result2 div .ShowMap{ width: 70px; height: 79px; right: 25px; margin-top: -39px; font-size: 12px;}
    .Distribuidores .Result2 div .ShowMap img{ width:34px; margin: 6px auto;}
    .Distribuidores .Result2 .Tittle{ font-size: 25px; padding: 13px 0;}
    .Distribuidores .Result2 .Submit{ padding: 5px 6px; }
    
    /*PRODUCTOS*/
    .Productos{ font-size: 10px;}
    .MenuProducts{ width:326px; font-size: 11px;}
    .MenuProducts .Tittle{ margin-top:108px;}
    .MenuProducts h1{ font-size: 51px;}
    .MenuProducts h2{ font-size: 15px;}
    .MenuProducts .Icons{ margin: 6px 0 0;}    
    .MenuProducts .Filter{ padding: 13px 10%;}
    .MenuProducts .Filter .Select{ font-size: 11px; padding:16px 13px;}
    .MenuProducts .Filter .Select span{ width:209px;}
    .MenuProducts .Filter .Select::after{ width:19px; height:19px; right:6px; margin-top: -9px; }
    .MenuProducts .List li{ padding: 3px 0;}
    .AllProducts{  padding: 13px 326px 13px 89px; }
    .AllProducts a .Image{ margin-bottom: 6px;}
    .AllProducts a h3{ font-size: 13px;}

    /*SCROLL BAR*/
    .ScrollBar{ right: 326px;}
    
    /*PRODUCTO*/
    .Arrows{ left: 128px; top:19px; }
    .AllProducto #PBarDown{ width:89px;}
    
    /*FAQS*/
    .Faqs{ font-size: 14px;}
    .Faqs .Up{ padding: 59px 0 26px; }
    .Faqs .Up .Tittle{ width:820px;}
    .Faqs .Up h1{ font-size: 51px; }
    .Faqs .Down .Result{ width:820px; padding:13px 0 51px; }
    .Faqs .Down .Result div{ padding: 13px 26px;}

    /*CATALOGO DE OBRAS*/
    .Catalogos{ font-size: 14px;}
    .Catalogos .Up{ padding: 90px 0 0; }
    .Catalogos .Up .Tittle{ width:820px; padding: 0 0 38px;}
    .Catalogos .Up h1{ font-size: 51px;}
    .Catalogos .Down .Result{ width:820px; padding:0 0 51px; }
    .Catalogos .Down .Result .Catalogo{ padding: 25px 0px 25px 13px;}
    .Catalogos .Down .Result .Catalogo div:nth-of-type(1){ padding-right:19px;}
    .Catalogos .Down .Result .Catalogo h3{ font-size: 17px; }
    
    /*CONTACTO*/
    .Contacto{ font-size: 14px;}
    .Contacto .Up{ padding: 59px 0 26px; }
    .Contacto .Up .Tittle{ width:820px;}
    .Contacto .Up h1{ font-size: 51px; }
    .Contacto .Down .Result{ width:820px; padding:13px 0 51px; }
    .Contacto .Contact{ font-size: 32px; margin: 26px 0;}
    .Contacto .Contact .Mail{ font-size: 17px; }
    .Contacto .Redes{ margin: 26px 0;}
    .Contacto .Redes a svg{ width:26px; margin: 0 10px;}
    .Contacto .Cedis{ font-size: 14px; margin:26px 0;}
    .Contacto .Cedis div{ width: 144px; margin: 10px;}
    .Contacto .Bolsa{ font-size: 28px; margin: 26px 0;}
    .Contacto .Bolsa p{ font-size: 12px; margin: 3px 0;}
    .Contacto .Bolsa p:nth-of-type(2){ font-size: 15px; }
    
    /*BOLSA DE TRABAJO*/
    .BolsaTrabajo{ font-size: 14px;}
    .BolsaTrabajo .Up{ padding: 59px 0 26px; }
    .BolsaTrabajo .Up .Tittle{ width:820px;}
    .BolsaTrabajo .Up h1{ font-size: 38px; }
    .BolsaTrabajo .Down .Result{ width:820px; padding:13px 0 51px; }

    .BolsaTrabajo .FieldBlock{ margin: 3px; width: 262px;}
    .BolsaTrabajo input{ font-size: 13px; padding: 7px 6px; }
    .BolsaTrabajo .Small{ width:51px; }
    .BolsaTrabajo .Full{ width:806px;}
    .BolsaTrabajo .Size2Cols{ width:745px;}
    .BolsaTrabajo .Nota{ font-size: 10px;}
    .BolsaTrabajo .MsgError{ margin: 10px 0; }
    
    /*SEARCH*/
    .GoSearch{ font-size: 14px; }
    .GoSearch .Up{ padding: 59px 0 26px; }
    .GoSearch .Up .Tittle{ width:820px;}
    .GoSearch .Up h1{ font-size: 38px; }
    .GoSearch .Down .Result{ width:820px; padding:13px 0 51px; }
    .GoSearch .Up input{ font-size: 13px; padding: 7px 6px; width:327px; }
    .GoSearch input[type="submit"]{ width: 64px;}
    .GoSearch .Result h2{ font-size:26px; padding: 13px 0;}    
    .GoSearch .Result .SearchProduct{ width: 820px; padding: 13px 0;}
    .GoSearch .Result .SearchProduct div{ margin: 0 6px;}
    .GoSearch .Result .SearchProduct div:nth-of-type(1){ width:64px; height:64px; }
    .GoSearch .Result .SearchProduct div:nth-of-type(2){ width:756px;}
    .GoSearch .Result .SearchCatalogo{ width: 820px; padding: 13px 0; }
    .GoSearch .Result .SearchCatalogo div{ margin: 0 6px;}
    .GoSearch .Result .SearchDistribuidores{ width: 820px; padding: 13px 0;}
    .GoSearch .Result .SearchFaqs{ width: 820px; padding: 13px 0;}
}
@media only screen and (max-width: 1000px){/* /10vw */
    body{ font-size: 1.5vw;}
    
    /*HEADER*/
    header{ top:2.5vw; font-size: 1.4vw; padding: 0 3.8vw;}
    header img{ height: 1.4vw;}
    header a{ padding: 0.3vw 0.9vw;}
    header ul ul a{ padding: 0 0.9vw;}
    
    nav .Social{ width:9vw;}
    nav .Social a{ padding: 1.3vw 0; }
    nav .Social a svg{ width:1.3vw; }
    nav .Social a:nth-of-type(1){ padding: 2.5vw 0;}
    nav .Social a span{ font-size:1.3vw; padding: 0.7vw 1.9vw; }
    nav .Menu{ padding: 3.8vw; font-size: 3.2vw;}
    nav .Menu ul{ margin-bottom: 3.8vw;}
    nav .Menu h2{ font-size: 1.9vw; margin-bottom: 2.5vw;}
    nav .Menu ul li::after{ margin: 0.6vw 0;}
    nav .Menu ul ul{ font-size: 1.3vw; padding-left: 0.6vw;}
    nav .Menu .Bolsa{ font-size:2.8vw;}
    nav .Menu p{ font-size: 1.2vw; margin: 0.3vw 0;}
    nav .Menu .Bolsa p:nth-of-type(2){ font-size: 1.5vw; }
    nav .Contact{ padding:3.8vw; font-size:3.2vw;}
    nav .Contact .Mail{ font-size:1.6vw;}
    nav .Contact .Policy{ font-size: 1.3vw; margin: 1.3vw 0;}
    
    /*FOOTER*/
    footer{ width:8.9vw;}
    footer a{ padding:1.3vw 0;}
    footer a svg{ width:1.3vw;}
    footer a span{ font-size:1.3vw; padding: 0.6vw 1.9vw;}
    #Logo img{ width:4.2vw;}
    
    /*SLIDERS*/
    .Sliders .SlidersPoints .Point{ width:1.3vw; height:1.3vw; margin: 0 0.4vw; top: -3.8vw;}
    .Sliders .SlidersPoints .Space{ width:1.9vw; height:1.3vw; top: -3.8vw;}    
    
    /*DISTRIBUIDORES*/
    .MenuDistribuidores{ width:32.6vw; font-size: 1.2vw; padding: 0 2.6vw;}
    .MenuDistribuidores .Tittle{ margin-top:10.9vw; }
    .MenuDistribuidores h1{ font-size: 3.8vw;}
    .MenuDistribuidores #Estado{ height:2.6vw; margin: 1.3vw 0;}
    .MenuDistribuidores #Ciudad{ height:2.6vw; margin: 1.3vw 0;}
    .MenuDistribuidores .Select{ padding:0.7vw 1.3vw; }
    .MenuDistribuidores .Select::after{ width:1.9vw; height:1.9vw; right:0.6vw; margin-top: -0.9vw; }
    .MenuDistribuidores .List{ max-height:19vw;}
    .Distribuidores .List li{ padding:0 1.3vw; }
    select{ background-size:3.8vw 1.9vw; padding:0.7vw 3.8vw 0.7vw 0.6vw; font-size:1.2vw;}
    .Distribuidores .Result2{ padding: 2.6vw 35.2vw 1.3vw 12.1vw; font-size: 1.4vw; }
    .Distribuidores .Result2 div{ min-height:7.9vw; padding: 1.3vw 11.5vw 1.3vw 2.5vw;}
    .Distribuidores .Result2 div .ShowMap{ width: 7vw; height: 7.9vw; right: 2.5vw; margin-top: -3.9vw; font-size: 1.2vw;}
    .Distribuidores .Result2 div .ShowMap img{ width:3.4vw; margin: 0.6vw auto;}
    .Distribuidores .Result2 .Tittle{ font-size: 2.5vw; padding: 1.3vw 0;}
    .Distribuidores .Result2 .Submit{ padding: 0.5vw 0.6vw; }
    
    /*PRODUCTOS*/
    .Productos{ font-size: 1vw;}
    .MenuProducts{ width:32.6vw; font-size: 1.1vw;}
    .MenuProducts .Tittle{ margin-top:10.8vw;}
    .MenuProducts h1{ font-size: 5.1vw;}
    .MenuProducts h2{ font-size: 1.5vw;}
    .MenuProducts .Icons{ margin: 0.6vw 0 0;}    
    .MenuProducts .Filter{ padding: 1.3vw 10%;}
    .MenuProducts .Filter .Select{ font-size: 1.1vw; padding:1.6vw 1.3vw;}
    .MenuProducts .Filter .Select span{ width:20.9vw;}
    .MenuProducts .Filter .Select::after{ width:1.9vw; height:1.9vw; right:0.6vw; margin-top: -0.9vw; }
    .MenuProducts .List li{ padding: 0.3vw 0;}
    .AllProducts{ padding: 1.3vw 32.6vw 1.3vw 8.9vw; }
    .AllProducts a{ width: 46%; }
    .AllProducts a .Image{ margin-bottom: 0.6vw; height: 40vw;}
    .AllProducts a h3{ font-size: 1.3vw;}

    /*SCROLL BAR*/
    .ScrollBar{ right: 32.6vw;}
    
    /*PRODUCTO*/    
    .AllProducto .Arrows{ left: 12.8vw; top:1.9vw; }
    .AllProducto #PBarDown{ width:8.9vw;}
    
    /*FAQS*/
    .Faqs{ font-size: 1.4vw;}
    .Faqs .Up{ padding: 5.9vw 0 2.6vw; }
    .Faqs .Up .Tittle{ width:66vw;}
    .Faqs .Up h1{ font-size: 5.1vw; }
    .Faqs .Down .Result{ width:66vw; padding:1.3vw 0 5.1vw; }
    .Faqs .Down .Result div{ padding: 1.3vw 2.6vw;}

    /*CATALOGO DE OBRAS*/
    .Catalogos{ font-size: 1.4vw;}
    .Catalogos .Up{ padding: 9vw 0 0; }
    .Catalogos .Up .Tittle{ width:66vw; padding: 0 0 3.8vw;}
    .Catalogos .Up h1{ font-size: 5.1vw;}
    .Catalogos .Down .Result{ width:66vw; padding:0 0 5.1vw; }
    .Catalogos .Down .Result .Catalogo{ padding: 2.5vw 0px 2.5vw 1.3vw;}
    .Catalogos .Down .Result .Catalogo div:nth-of-type(1){ padding-right:1.9vw;}
    .Catalogos .Down .Result .Catalogo h3{ font-size: 1.7vw; }    
    
    /*CONTACTO*/
    .Contacto{ font-size: 1.4vw;}
    .Contacto .Up{ padding: 5.9vw 0 2.6vw; }
    .Contacto .Up .Tittle{ width:66vw;}
    .Contacto .Up h1{ font-size: 5.1vw; }
    .Contacto .Down .Result{ width:66vw; padding:1.3vw 0 5.1vw; }
    .Contacto .Contact{ font-size: 3.2vw; margin: 2.6vw 0;}
    .Contacto .Contact .Mail{ font-size: 1.7vw; }
    .Contacto .Redes{ margin: 2.6vw 0;}
    .Contacto .Redes a svg{ width:2.6vw; margin: 0 1vw;}
    .Contacto .Cedis{ font-size: 1.4vw; margin:2.6vw 0;}
    .Contacto .Cedis div{ width: 14.4vw; margin: 1vw;}
    .Contacto .Bolsa{ font-size: 2.8vw; margin: 2.6vw 0;}
    .Contacto .Bolsa p{ font-size: 1.2vw; margin: 0.3vw 0;}
    .Contacto .Bolsa p:nth-of-type(2){ font-size: 1.5vw; }
    
    /*BOLSA DE TRABAJO*/
    .BolsaTrabajo{ font-size: 1.4vw;}
    .BolsaTrabajo .Up{ padding: 5.9vw 0 2.6vw; }
    .BolsaTrabajo .Up .Tittle{ width:70vw;}
    .BolsaTrabajo .Up h1{ font-size: 3.8vw; }
    .BolsaTrabajo .Down .Result{ width:70vw; padding:1.3vw 0 5.1vw; }
    .BolsaTrabajo .FieldBlock{ margin: 0.3vw; width: 22.3vw;}
    .BolsaTrabajo input{ font-size: 1.3vw; padding: 0.7vw 0.6vw; }
    .BolsaTrabajo .Small{ width:5.1vw; }
    .BolsaTrabajo .Full{ width:68.7vw;}
    .BolsaTrabajo .Size2Cols{ width:62.4vw;}
    .BolsaTrabajo .Nota{ font-size: 1vw;}
    .BolsaTrabajo .MsgError{ margin: 1vw 0; }
    
    /*SEARCH*/
    .GoSearch{ font-size: 1.4vw; }
    .GoSearch .Up{ padding: 5.9vw 0 2.6vw; }
    .GoSearch .Up .Tittle{ width:70vw;}
    .GoSearch .Up h1{ font-size: 3.8vw; }
    .GoSearch .Down .Result{ width:70vw; padding:1.3vw 0 5.1vw; }
    .GoSearch .Up input{ font-size: 1.3vw; padding: 0.7vw 0.6vw; width:32.7vw; }
    .GoSearch input[type="submit"]{ width: 6.4vw;}
    .GoSearch .Result h2{ font-size:2.6vw; padding: 1.3vw 0;}    
    .GoSearch .Result .SearchProduct{ width: 70vw; padding: 1.3vw 0;}
    .GoSearch .Result .SearchProduct div{ margin: 0 0.6vw;}
    .GoSearch .Result .SearchProduct div:nth-of-type(1){ width:12vw; height:12vw; }
    .GoSearch .Result .SearchProduct div:nth-of-type(2){ width:58vw;}
    .GoSearch .Result .SearchCatalogo{ width: 70vw; padding: 1.3vw 0; }
    .GoSearch .Result .SearchCatalogo div{ margin: 0 0.6vw;}
    .GoSearch .Result .SearchDistribuidores{ width: 70vw; padding: 1.3vw 0;}
    .GoSearch .Result .SearchFaqs{ width: 70vw; padding: 1.3vw 0;}
}
@media screen and (orientation: portrait){/* 1.6 */
    body{ font-size: 3.8vw;}
    
    /*HEADER*/
    header{ visibility: hidden; display: none;}    
    nav{ display: block !important; height: 100%;}
    nav .Social{ position: fixed; width:100%; height: auto; flex-direction:row; justify-content: space-around; left:0; top:auto; bottom: 0; }
    nav .Social a{ width:auto; height: 100%; padding: 1.5vh 2vh; }
    nav .Social a svg{ width:2vh;}
    nav .Social a:nth-of-type(1){ position: fixed; top: 2vh; right: 2vh; padding: 0vh;}    
    nav .Menu{ width:100%; height: auto; padding: 9.6vw; font-size: 8vw;}
    nav .Menu ul{ margin-bottom: 9.6vw;}
    nav .Menu h2{ font-size: 4.8vw; margin-bottom: 6.4vw;}
    nav .Menu ul li::after{ margin: 1.6vw 0;}
    nav .Menu ul ul{ font-size: 3.2vw; padding-left: 1.6vw; }
    nav .Menu .Bolsa{ font-size: 7vw; }
    nav .Menu p{ font-size: 2.8vw; margin: 0.8vw 0;}
    nav .Menu .Bolsa p:nth-of-type(2){ font-size: 3.8vw; }    
    nav .Contact{ width:100%; height: auto; padding: 9.6vw; font-size: 8vw; margin-bottom:4vh;}
    nav .Contact .Mail{ font-size: 4.1vw;}
    nav .Contact .Policy{ font-size: 2.6vw; margin: 2.6vw 0;}
    
    /*FOOTER*/
    footer{ background:#0e4587; flex-direction:row; justify-content:space-around; left:0; top:auto; bottom: 0; width:100%; height:auto; z-index: 100; padding: 0;}
    footer a{ width: auto; height: 100%; padding: 1.5vh 2vh;}
    footer a svg{ width:2vh;}
    #Menu{ position: fixed; left: 2vh; top: 2vh; width: auto; height: auto; padding:0;}
    #Logo{ position: fixed; left: 6vh; top: 2vh; width: auto; height: auto; padding:0;}
    #Logo img{ width:auto; height: 2vh;}
    #Logo .Full{ display: none;}
    #Logo .Min{ display: block;}
    .BarTrans{ background:none;}
    
    /*SLIDERS*/
    .Sliders .SlidersPoints .Point{ width: 1.6vh; height: 1.6vh; margin: 0 0.6vh; top: -6vh;}
    .Sliders .SlidersPoints .Space{ width: 2.4vh; height: 1.6vh; top: -6vh;}
    .Sliders .SlidersPoints{ bottom:-2vh;}
    
    /*HOME*/
    .HomeFooter{ height: 4vh; padding:0 0 9vh;}
    .HomeFooter .BtnHomeFooter{ height: 4vh;}
    .HomeFooter .Certificados{ padding: 2vw;}
    .HomeFooter .Certificados img{ height:8vw !important; margin: 2vw;}
    .HomeFooter .Cedis{ padding: 2vw; font-size: 2.6vw;}
    .HomeFooter .Cedis div{ width: 45%; margin: 1vw;} 
    .Home .Certificados{ padding: 1vh 0 8vh; }
    .Home .Certificados img{ height:4vh !important; margin: 1vh;}
    
    /*NOSOTROS*/
    .AllNosotros{ background:#004997;}
    .Empresa{ height: auto; font-size: 1.8vh; flex-direction: column; justify-content: center; padding: 7vh 0 5vh;}
    .Empresa .Left{ width: 100%; height: auto; text-align: center; padding: 2vw 0;}
    .Empresa .Right{ width: 90%; height: auto; padding:0; left: 5%;}
    .Empresa h2{ font-size:16vw; letter-spacing: -0.2vw;}
    .Empresa .ImgAbs{ width:153.6vh; height: 72.32vh; margin-left:-76.8vh; margin-top:-30.5vh;}
    
    .Vision{ height: auto; font-size: 4vh; flex-direction: column; justify-content: center; padding-bottom: 5vh;} 
    .Vision .Left{ width: 100%; height: auto; text-align: center; padding: 2vw 0;}
    .Vision .Right{ width: 80%; padding: 0; left: 10%;} 
    .Vision h2{ font-size:24vw; letter-spacing: -0.2vw; text-align: center;}  
    .Vision .ImgAbs{ width:153.6vh; height: 73.36vh; margin-left:-56.8vh; margin-top:-30.16vh; }
    .Vision p::before{ width: 100%; margin: -0.5vh 0 1vh;}
    
    .Politica{ height: auto; font-size: 1.4vh; flex-direction: column; justify-content: center; padding: 7vh 0 5vh;}
    .Politica .Left{ width: 100%; height: auto; text-align: center; padding: 2vw 0;}
    .Politica .Right{ width: 90%; height: auto; padding:0; left: 5%;}
    .Politica h2{ font-size:17vw; letter-spacing: -0.2vw;  }
    .Politica .ImgAbs{ width:48.5vh; height: 69.3vh; transform: translate(-50%,-50%); }
    .Politica p{ margin: 1vh 0px;}

    .Valores{ height: auto; font-size: 1.4vh; flex-direction: column; justify-content: center; padding: 6vh 0 4vh;}
    .Valores .Left{ width: 100%; height: auto; text-align: center; padding: 2vw 0;}
    .Valores .Right{ width: 90%; height: auto; padding:0; left: 5%;}
    .Valores h2{ font-size:13vw; letter-spacing: -0.2vw; }
    .Valores .ImgAbs{ width:290vw; height: 125.25vw; transform: translate(-50%,-30%);}
    .Valores ul{ margin-left: 1vw; }
    .Valores li{ margin: 0.5vh 0; }
    .Valores p{ margin: 1vh 0px;}

    /*
    .Valores{ font-size: 2vh;}
    .Valores h2{ font-size:16vw; letter-spacing: -0.2vw; width: 100%; right: 0%; margin-top:-28vw; text-align: center;}
    .Valores .ImgAbs{ width:290vw; height: 125.25vw; margin-right:-143.8vw; margin-top:-48vw; }
    .Valores .Valor{ width: 4vw; height: 4vw; }
    .Valores .Valor span{ width: 50vw;}
    .Valores #Valor1{ margin-left:-35vw; margin-top:-43vw;}
    .Valores #Valor1 span{ right: auto; left: 100%; top: 50%; margin-top: -1.1vh; text-align: left; margin-right:0; margin-left:2vw;}
    .Valores #Valor2{ margin-left:28vw; margin-top:-39vw;}
    .Valores #Valor2 span{ right: 100%; left:auto; top: 50%; margin-top: -1.1vh; text-align: right; margin-left: 0; margin-right: 2vw;}
    .Valores #Valor3{ margin-left:-48vw; margin-top:-1vw;}
    .Valores #Valor3 span{ right: auto; left: 100%; top: 50%; margin-top: -1.1vh; text-align: left; margin-right:0; margin-left:2vw;}
    .Valores #Valor4{ margin-left:5.7vw; margin-top:6.4vw;}
    .Valores #Valor4 span{ left: -21vw; top: 5vw;}
    .Valores #Valor5{ margin-left:45vw; margin-top:-6vw;}
    .Valores #Valor5 span{ right: 100%; left:auto; top: 50%; margin-top: -2.2vh; text-align: right; margin-left: 0; margin-right: 2vw;}*/
    
    .Catalogo{ height: auto; font-size: 2vh; flex-direction: column; justify-content: center; padding-bottom: 5vh;}
    .Catalogo .Left{ width:100%; height: auto; text-align: center;}
    .Catalogo .Right{ width:80%; height: auto; padding:0; left: 10%;}
    .Catalogo .Right p{ width:100%;}
    .Catalogo h2{ font-size:16vw; letter-spacing: -0.2vw;}
    .Catalogo .Btn{ width:15vh; font-size: 1.6vh; letter-spacing:0.2vh; padding: 1vh; margin: 1vh 0;}
    .Catalogo .ImgAbs{ width:134.72vh; height: 78.56vh; margin-left:-56.8vh; margin-top:-36.16vh;}
    
    .Historia{ font-size: 2vh;}
    .Historia .Left{ width:90%; height:50%; right: 5%; bottom: 5%; justify-content:flex-start; }
    .Historia .Right{ width:100%; height: 44%; left:0%; top:0;}
    .Historias h2{ font-size:8vh;}
    .Historias h2 span{ font-size:9vh; letter-spacing: -0.8vw;}
    .Historias p::before{ margin: 2vh 0;}

    #Historia1980 .ImgAbs{ position: absolute; width:40vh; left:50%; bottom: 0; margin-left:-20vh; margin-top:0px; }
    #Historia1985 .ImgAbs{ position: absolute; width:54.1vh; left:50%; bottom: 0; margin-left:-24.5vh; margin-top:0;}
    #Historia1989 .ImgAbs{ position: absolute; width:32vh; left:50%; bottom: 0; margin-left:-19vh; margin-top:0;}
    #Historia2001 .ImgAbs{ position: absolute; width:21.2vh; left:50%; bottom: 0; margin-left:-10.6vh; margin-top:0;}
    #Historia2004 .ImgAbs{ position: absolute; width:28vh; left:50%; bottom: 0; margin-left:-11vh; margin-top:0;}
    #Historia2005 .ImgAbs{ position: absolute; width:44.8vh; left:50%; bottom: 0; margin-left:-22.4vh; margin-top:0;}
    #Historia2006 .ImgAbs{ position: absolute; width:45.5vh; left:50%; bottom: 0; margin-left:-17.4vh; margin-top:0; margin-bottom: -7vh;}
    #Historia2009 .ImgAbs{ position: absolute; width:24vh; left:50%; bottom: 0; margin-left:-12vh; margin-top:0; margin-bottom: 7vh;}
    #Historia2013 .ImgAbs{ position: absolute; width:60vh; left:50%; bottom: 0; margin-left:-26vh; margin-bottom: -3vh;}
    #Historia2013-14 .ImgAbs{ position: absolute; width:34vh; left:50%; bottom: 0; margin-left:-17vh; margin-bottom: 0vh;}
    #Historia2014 .ImgAbs{ position: absolute; width:55vh; left:50%; bottom: 0; margin-left:-24vh; margin-bottom: 0vh;}
    #Historia2016 .ImgAbs{ position: absolute; width:42vh; left:50%; bottom: 0; margin-left:-19vh; margin-bottom: 0vh;}
    #Historia2019 .ImgAbs{ position: absolute; width:16vh; left:50%; bottom: 0; margin-left:-8vh; margin-bottom: 4vh;}
    #Historia2022 .ImgAbs{ position: absolute; width:42vh; left:50%; bottom: 0; margin-left:-21vh; margin-bottom: 4vh;}
    
    .BtnsHistorias{ width:15vh; height: 5.8vh; bottom: 12vh; margin-left: -7.5vh;}
    .OnYear{ width:15vh; height: 5.8vh; border-radius: 5vh; font-size: 3vh;}
    .OnYear span{ width:15vh; height: 3vh; padding: 1.4vh 0; }
    .AllYear{ width:15vh; height: 5.8vh;}
    .AllYear a{ width:15vh; height: 2.4vh; padding: 1.7vh 0; height: 2.4vh;}
    
    .Responsabilidad{ height: auto; font-size: 2vh; flex-direction: column; justify-content: center; padding-bottom: 5vh;}
    .Responsabilidad .Left{ width: 100%; height:auto; text-align: center; padding: 2vw 0;}
    .Responsabilidad .Right{ width: 90%; height:auto; padding: 0; left: 5%;}
    .Responsabilidad .Right p{ width:100%;}
    .Responsabilidad h2{ font-size:16vw; letter-spacing: -0.2vw;}
    .Responsabilidad h2 span{ font-size:8vw;}
    .Responsabilidad .ImgAbs{ width:132.64vh; height: 66.56vh; margin-left:-51.3vh; margin-top:-23.28vh;}
    
    .MenuNosotros{ width: 100%; height: 3vh; top: 7vh; right: 0; flex-direction: row;}
    .MenuNosotros a{ width: 3vh; height: 3vh; margin: 0 1.2vh;}
    .MenuNosotros img{ width: 3vh;}
    .MenuNosotros a:hover span{ visibility: hidden;}
    
    /*DISTRIBUIDORES*/
    .MenuDistribuidores{ background: #004997; position: fixed; right: 0; top: 0; width:100%; height: auto; font-size: 2.4vw; color: #fff; padding: 0 4vw;}
    .MenuDistribuidores .Tittle{ margin-top:6vh; }
    .MenuDistribuidores h1{ font-size: 10vw; color: #fff;}
    .MenuDistribuidores #Estado{ background:#fff; height:4.5vw; margin: 4vw 0;}
    .MenuDistribuidores .Select{ padding:1vw 2vw; }
    .MenuDistribuidores .Select::after{ width:4vw; height:4vw; right:2vw; margin-top: -2vw;}
    .MenuDistribuidores .List{ max-height:30vw;}
    .Distribuidores .List li{ padding:0 2vw;}
    select{ background-size:7vw 4vw; padding:1.1vw 6vw 1.1vw 1vw; font-size:2.4vw;}
    .Distribuidores .Result2{ padding: 2vh 2vw 10vh; font-size: 2.4vw; }
    .Distribuidores .Result2 div{ min-height:12.4vw; padding: 2vw;}
    .Distribuidores .Result2 div .ShowMap{ width: 11vw; height: 12.4vw; right: 4vw; margin-top: -6.2vw; font-size: 1.8vw;}
    .Distribuidores .Result2 div .ShowMap img{ width:5.4vw; margin: 1vw auto;}
    .Distribuidores .Result2 .Tittle{ font-size: 4vw; padding: 2vw 0;}
    .Distribuidores .Result2 .Submit{ padding: 0.8vw 1vw; }
    
    /*PRODUCTOS*/
    .Productos{ font-size: 1.4vh;}
    .MenuProducts{ width:100%; height:auto; font-size: 1.7vh; -webkit-box-shadow:none; box-shadow:none; padding-right: 0;}
    .MenuProducts .Tittle{ background:#004997; margin-top:0; }
    .MenuProducts h1{ display:none;}
    .MenuProducts h2{ width: 80vw; height:6vh; margin-left: 20vw; font-size: 1.6vh; text-align: right; line-height: 1; color: #fff; padding: 2.2vh 2vh;}
    .MenuProducts .Icons{ background:#fff; margin:0;}
    .MenuProducts .Filter{ height:auto; padding: 3.2vw 10%; overflow: visible;}
    .MenuProducts .Filter .Select{ font-size:1.7vh; padding:1.4vh; display: block;}
    .MenuProducts .Filter .Select span{ width:95%;}
    .MenuProducts .Filter .Select::after{ width:3vh; height:3vh; right:1vh; margin-top: -1.5vh; }
    .MenuProducts .active .Select::after{ background:url(../_img/arrow-up.svg) no-repeat center center; }
    .MenuProducts .List{ background:#fff; position: absolute; width: 80%; height:40vh; border:solid 1px #195597; padding: 1vw 4vw; overflow: hidden; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -webkit-overflow-scrolling: touch;}
    .MenuProducts .List::-webkit-scrollbar{ display: none;}
    .MenuProducts .List li{ padding: 0.8vw 0;} 
    .isMobile .MenuProducts .List{ display: block;}
    .AllProducts{ padding: 0 0 8vh; }
    .AllProducts a{ width: 45%; margin: 2% 2.5%; }
    .AllProducts a .Image{ margin-bottom: 1vw; height: 66vw;}
    .AllProducts a h3{ font-size: 1.8vh;}
    
    /*SCROLL BAR*/
    .ScrollBar{ display: none;}
    
    /*PRODUCTO*/    
    .Arrows{ left:auto !important; right: 3vh; top:1vh; padding: 1vh;}
    .Arrows img{ width: 2vh; height: 2vh;}
    .Arrows a{ margin: 0 1vh;}

    .AllProducto #PBarDown{ display: none;}
    
    .Producto .ProductoM{ overflow-y: scroll; scrollbar-width: none; -webkit-overflow-scrolling: touch;}
    .Producto .ProductoM::-webkit-scrollbar{ display: none;}
    .Producto .Up .Image{ position: relative; width: 100%; height: 47vw; left: 0%; top: 0; }
    .Producto .Up .Image img{ position: absolute; width: 100%; height: auto; right: 50%; top: 100%; margin-right: -25%; margin-top: -50%;}    
    .Producto .Up .Title{ display: none;}
    .Producto .Down{ top: 40vw; overflow: visible; padding-bottom:8vh;}
    .Producto .Down .Title2{ position: relative; display: block; width: 80%; margin: 0 auto; font-size: 4.5vw; line-height: 1; letter-spacing: 0.3vw; padding: 0; }
    .Producto .Down .Title2 h2{ font-size:8.7vw; letter-spacing: 0px; }
    .Producto .Down .Title2 h2 span{ font-size:9.9vw;}
    .Producto .Text{ position: relative; width: 80%; left: 0; padding: 0; margin: 0 auto;}    
    .Producto .Text p{ margin-bottom: 6vw;}
    .Producto .Caracteristicas{ font-size: 2.4vw;}
    .Producto .Caracteristicas span{ padding: 2.25vw; }
    .Producto .Caracteristicas div{ width:6.9vw;}
    .Producto .BarUp{ height:6vh; display:block;}
    .Producto .BarDown{ height:5vh; display: block;} 
        
    /*FAQS*/
    .Faqs{ font-size: 1.6vh; }
    .Faqs .Up{ padding: 8vh 0 3vh; }
    .Faqs .Up .Tittle{ width:90%; }
    .Faqs .Up h1{ font-size: 6.4vh;}
    .Faqs .Down .Result{ width:90%; padding:2vh 0 8vh; }
    .Faqs .Down .Result div{ padding: 2vh;}
        
    /*CATALOGO DE OBRAS*/
    .Catalogos{ font-size: 2.2vh;}
    .Catalogos .Up{ padding: 8vh 0 0; }
    .Catalogos .Up .Tittle{ width:90%; height: 100%; padding: 0 0 4vh;}
    .Catalogos .Up h1{ font-size: 6.4vh;}
    .Catalogos .Down .Result{ width:90%; padding:0 0 12vh; }
    .Catalogos .Down .Result .Catalogo{ padding: 2vh 0;}
    .Catalogos .Down .Result .Catalogo div{ width: 100%;}
    .Catalogos .Down .Result .Catalogo img{ width: 100%;}
    .Catalogos .Down .Result .Catalogo div:nth-of-type(1){ padding: 0 2vh 2vh;}
    .Catalogos .Down .Result .Catalogo div:nth-of-type(2){ height: 30vh;}
    .Catalogos .Down .Result .Catalogo h3{ font-size: 26px; text-transform: uppercase; }
    
    /*SOLUCIONES*/
    .Soluciones{ font-size: 2vh; }
    .Soluciones .Left{ position: absolute; justify-content: flex-start; width:100%; height:48%; right: auto; left: 0; top:0%; padding-top: 8vh;}
    .Soluciones .Right{ position: absolute; justify-content: flex-start;  width:100%; height:48%; right: auto; left: 0; top:48%; padding-top: 4vh;}
    .Soluciones .Txt{ width: 90%;}
    .Soluciones h2{ font-size:4vh;}
    .Soluciones p{ margin: 2vh 0;}
    .Soluciones .Left .ImgAbs{ position: absolute; width: 70vw; margin: 0; right: 2vh; bottom: 4vh;}
    .Soluciones .Right .ImgAbs{ position: absolute; width:55vw; margin: 0; right: 2vh; bottom: 4vh;}
    .Soluciones a{ font-size: 1.6vh; letter-spacing:0.2vh; padding: 1vh 1.5vh;}
    
    /*CONTACTO*/
    .Contacto{ font-size: 1.6vh;}
    .Contacto .Up{ padding: 8vh 0 3vh; }
    .Contacto .Up .Tittle{ width:90%; }
    .Contacto .Up h1{ font-size: 6.4vh;}
    .Contacto .Down .Result{ width:90%; padding:2vh 0 8vh; }

    .Contacto .Contact{ font-size: 5vh; margin: 4vh 0;}
    .Contacto .Contact .Mail{ font-size: 2.6vh;}

    .Contacto .Redes{ margin: 4vh 0;}
    .Contacto .Redes a svg{ width:4vh; margin: 0 1.5vh;}

    .Contacto .Cedis{ font-size: 2vh; margin: 4vh 0;}
    .Contacto .Cedis div{ width: 50%; margin: 2vh 0;}

    .Contacto .Bolsa{ font-size: 4.4vh; margin: 4vh 0;}
    .Contacto .Bolsa p{ font-size: 1.8vh; margin: 0.5vh 0;}
    .Contacto .Bolsa p:nth-of-type(2){ font-size: 2.4vh; }
    
    /*BOLSA DE TRABAJO*/
    .BolsaTrabajo{ font-size: 1.6vh;}
    .BolsaTrabajo .Up{ padding: 8vh 0 3vh; }
    .BolsaTrabajo .Up .Tittle{ width:90%; }
    .BolsaTrabajo .Up h1{ font-size: 4.8vh;}
    .BolsaTrabajo .Down .Result{ width:90%; padding:2vh 0 8vh; }

    .BolsaTrabajo .FieldBlock{ margin: 0.5vh 0; width:100%;}
    .BolsaTrabajo input{ font-size: 1.8vh; padding: 1vh; width: 100%; letter-spacing: 0.1em; }
    .BolsaTrabajo select{ display: block; font-size: 1.8vh !important; padding: 1vh !important;}
    .BolsaTrabajo .Small{ width:100%; }
    .BolsaTrabajo .Full{ width:100%;}
    .BolsaTrabajo .Size2Cols{ width:100%;}
    .BolsaTrabajo .Nota{ font-size: 1.4vh;}    
    .BolsaTrabajo .MsgError{ margin: 1.5vh 0; }
    
    /*SEARCH*/
    .GoSearch{ font-size: 1.8vh;}
    .GoSearch .Up{ padding: 8vh 0 3vh; }
    .GoSearch .Up .Tittle{ width:90%; }
    .GoSearch .Up h1{ font-size: 4.8vh;}
    .GoSearch .Down .Result{ width:90%; padding:2vh 0 8vh; }
    .GoSearch .Up input{ font-size: 1.8vh; padding: 1.1vh 1vh; width: 100%; }
    .GoSearch input[type="submit"]{ width: 100%;}
    .GoSearch .Result h2{ font-size: 4vh; padding: 2vh 0;}
    .GoSearch .Result .SearchProduct{ width: 90%; padding: 2vh 0;}
    .GoSearch .Result .SearchProduct div{ margin: 0 1vh;}
    .GoSearch .Result .SearchProduct div:nth-of-type(1){ width:20vw; height:20vw;}
    .GoSearch .Result .SearchProduct div:nth-of-type(2){ width:70vw;}
    .GoSearch .Result .SearchCatalogo{ width: 90%; padding: 2vh 0; flex-wrap: wrap;}
    .GoSearch .Result .SearchCatalogo div{ margin: 0 1vh;}
    .GoSearch .Result .SearchCatalogo div:nth-of-type(1){ width:100%; margin-bottom: 1vh;}
    .GoSearch .Result .SearchCatalogo div:nth-of-type(2){ width:100%; height: 42vh; overflow: hidden;}
    .GoSearch .Result .SearchDistribuidores{ width: 90%; padding: 2vh 0; }
    .GoSearch .Result .SearchFaqs{ width: 90%; padding: 2vh 0; }
}