@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&display=swap');
body{margin:0px;padding:0px;font-family:'Barlow',sans-serif;position:relative;}
p,li,h1,h2,h3,h4,h5,h6,section,aside,div{box-sizing:border-box;margin:0px;vertical-align:middle;}
p,li,h1,h2,h3,h4,h5,h6,a,span,img{position:relative;z-index:10;letter-spacing:1px;}
h1{margin-bottom:50px;}
h1 span{color:#f10000;}
h3{font-size:50px;font-weight:700;}
h4{font-size:25px;}
h5{font-size:20px;}
p{font-size:22px;font-weight:400;}
a{color:inherit;text-decoration:none;box-sizing:border-box;cursor:pointer;}
img{vertical-align:middle;}
.container{display:flex;flex-direction:column;min-height:100vh;}
.container .content{flex-grow:1;}
.clearfix{overflow:auto;}
.clear{clear:both;}
.center{width:100%;max-width:1240px;box-sizing:border-box;padding:0px 20px;margin:0px auto;}
.centerm{width:100%;max-width:1240px;box-sizing:border-box;padding:0px 20px;}
.center0{width:100%;max-width:1200px;margin:0px auto;}
.center0m{width:100%;max-width:1200px;}
.movil{display:none;}
.txtbanner{position:absolute;margin:0px auto;color:#fff;z-index:10;width:100%;margin-top:-25%;}
.txtbanner h3{max-width:600px;}
.txtbanner h3 span{color:#f10000;}
.flexwrap{display:flex;flex-wrap:wrap;}
.animation{overflow:hidden;max-width:100%;position:relative;max-height:100%;}
.animation div{position:relative;}
.mouse{background-repeat:no-repeat;position:absolute;border-top-left-radius:90px;border-top-right-radius:90px;border-bottom-left-radius:90px;border-bottom-right-radius:90px;border:solid #f5f 2px;}
#canvas {width:100%;height:100vh;margin:0;position:fixed;top:0;z-index:3;}
.titulos{font-size:70px;line-height:1em;line-height:1;}
.titulos span{display:table;margin:0px auto;}
.titulos span:first-child{font-size:15px;color:#f10000;font-weight:500;}
.titulos span:last-child{font-size:30px;color:#333;font-weight:600;}


/**/
n.odd:nth-child(odd){}
n.even:nth-child(even){}
n.n:nth-child(2n+3){}


/*--HEAD--*/
.head{background:#fff;border-top:solid 2px #f10000;padding:10px 0px 12px;color:#000;position:fixed;width:100%;z-index:99;}
.head .center{align-items:flex-end;min-height:20px;}
.head .center section{flex:1;}
.menu{}
.menu div{margin-bottom:12px;text-align:right;}
.menu .linkmenu a{padding-left:0px;margin-left:45px;}
.menu div a img{width:30px;}
.menu a{display:inline-block;font-size:14px;padding-left:5px;margin-left:10px;text-transform:uppercase;}
.submenu{top:85px;background:#fff;width:150px;z-index:99;position:fixed;display:none;padding:1px 0px;}
.submenu a{display:block;padding:5px 0px;margin:15px 0px;font-size:14px;text-align:center;}
.clearhead{height:85px;clear:both;}


/*--INICIO--*/
.linkmenu .link{color:#f10000}
.black{height:1000px;background:#000;width:100%;}
.growl{position:fixed;width:100%;height:100vh;z-index:5;display:flex;align-items:center;top:0;overflow:hidden;transition:.1s ease-in;}
.growl section{position:relative;background-position:center center;position:relative;z-index:4;margin:0px auto;color:#fff;text-align:center;}
.growl section img{transition:.1s linear;width:100%;max-width:600px;margin-left:-35px;}
.cont{padding:200px 0px 150px;position:fixed;top:0;width:100%;z-index:5;}
.paddingtop{width:100%;background-color:#000;}
.txtin{background-image:url(../../la-assets/img/Banner-placeholder.jpg);background-size:100%;padding:300px 0px 150px;opacity:0;position:relative;z-index:5;transition:.1s linear;transform:scale(0);background-repeat:no-repeat;background-position:center center;}
.txtin section{width:100%;max-width:500px;text-align:right;color:#fff;margin-left:auto;}
.prodin{color:#fff;background:#000;padding:150px 0px;}
.prodin .center{display:flex;flex-wrap:wrap;}
.prodin .center div{width:30%;margin-right:5%;background:#121212;padding-bottom:30px;position:relative;z-index:5;}
.prodin .center div:last-child{margin-right:0;}
.prodin img{width:100%;}
.prodin h3{text-align:center;width:100%;margin-bottom:50px;}
.prodin h4 {margin:50px 0px 15px;padding:0px 25px;}
.prodin h5 {color:#f10000;padding:0px 25px;margin-top:15px;font-size:12px;}
.prodin p {padding:0px 25px;}
.topblanco{position:relative;z-index:5;background:#fff;}
.advantage{padding:100px 20px;text-align:center;}
.advantage h3{margin-bottom:20px;}
.advantage h3 span{display:none;}
.advantage h3 span:last-child{border-right:#000 1px solid;}
.advantage section{opacity:0;transition:.5s;position:relative;top:150px;}
.quality{display:flex;align-content:center;align-items:center;padding:150px 0px;}
.quality section{flex:1;position:relative;transition:.2s linear;opacity:0;}
.quality section:first-child{text-align:right;}
.quality div{padding:0px 30px;text-align:center;max-width:500px;width:50%;}
.quality div h3{margin-bottom:20px;}
.quality img{position:relative;max-width:100%;}
.quality aside{position:absolute;z-index:20;width:0;height:0;}
.quality .left aside{border-left:300px solid transparent;right:0;}
.quality .right aside{border-right:300px solid transparent;left:0;}
.quality aside:first-child{top:0;}
.quality aside:last-child{bottom:0;}
.left{top:-200px;}
.right{top:200px;}
.valores{padding:150px 0px;background:#000;color:#fff;}
.valores .center{display:flex;justify-content:space-between;}
.valores .center section{width:40%;text-align:center;}
.valores h3{font-size:50px;}
.valores h4{display:table;width:100px;margin:10px auto;background:#f10000;height:1px;}


/*--PROJECTS--*/
.proyects{padding:100px 0px;}
.proyects:nth-child(2n+1){background:#e6e6e6;}
.proyects .center h3{font-size:38px;margin-bottom:20px;}
.proyects .center div{display:flex;align-items:center;}
.proyects .center div section{width:70%;}
.proyects .center div section:first-child{width:30%;}
.proyects .center div section h3{margin:0px;}
.proyects .center div section h4{display:table;border-radius:20px;background:#f10000;color:#fff;margin:0px;padding:5px 10px;font-size:18px;}
.proyects .center div section img{max-width:100%;}
.proyects .center div section p{margin:15px 0px;}
.proyects .center aside{text-align:center;margin-top:100px;}
.prodtitulos{position:absolute;width:100%;}
.prodtitulos h4{display:table;padding:5px 10px;color:#fff;background:#f10000;}



/*--PROJECT--*/
.product .center{display:flex;align-items:flex-start;}
.product aside{background:#fff;width:300px;padding:30px;}
.product section{flex:1;}
.product section div{max-width:850px;margin-left:auto;padding:0px 20px;}
.product h5{display:table;color:#fff;background:#f10000;border-radius:30px;padding:5px 10px;font-size:16px;}
.productblack{background:#000;}
.productblack .center section{padding:20px;color:#fff;}
.productwhite{background:#fff;padding-bottom:100px;}
.productwhite .center aside{background:#000;color:#fff;}
.productwhite aside h5{margin:30px auto;}
.productwhite .center section{padding:10px 0px;}
.productwhite h3{margin-top:50px;}
.productwhite section h5{margin-top:30px;}
.line{width:70px;height:2px;display:table;background:#f10000;margin:0px 0px 15px;}



/*--CONTACTO--*/
.contcont{position:relative;}
.simpleParallax{position:absolute;width:100%;height:100%;z-index:-1;}
.bgcont{padding:100px 0px;background-repeat:no-repeat;background-size:cover;}
#con{color:#fff;}
.con{display:flex;color:#fff;padding:100px 0px;}
.contacto{background:#000;padding:150px 0px;}
.datos{width:47.5%;margin-right:5%;}
.datos p{margin-top:30px;}
.con h3{margin-bottom:30px;}
.mensaje{width:47.5%;}
.mensaje p{margin:15px 0px 5px;}
.form{border:none;padding:5px;box-sizing:border-box;width:100%;height:45px;margin:0px 0px 10px;border-radius:5px;}
.txtarea{border:none;padding:5px;box-sizing:border-box;width:100%;height:145px;margin:0px 0px 10px;resize:none;border-radius:5px;}
.sendBtn{background:#f10000;display:table;border-radius:30px;padding:5px 15px;border:none;color:#fff;}
.g-recaptcha{width:304px;display:block;margin-bottom:15px;}
::placeholder {color:#fff;}