body{--grey:#424242;--light-grey:#717a85;--white:#fff;--black:#000;--main:#43358B;--red:#C41426;--blue:#0293ba;--yellow:#f89a2e;--orange:#f26323}body{background-color:var(--white);color:var(--grey)}body .container{position:relative;max-width:1292px;margin:0 auto;padding:0;width:100%}@media screen and (max-width: 1280px){body .container{max-width:1127px}}@media screen and (max-width: 768px){body .container{padding:0 20px}}body ::-webkit-scrollbar{display:none}body .button{border-radius:0.5rem;transition:background-color 0.1s;position:relative;display:inline-block;padding:1.125rem 1.875rem;border-width:0;cursor:pointer;font-size:0.85rem;line-height:1.5;text-align:center;font-weight:500;letter-spacing:2px}body .button.primary{background-color:var(--main);color:var(--white)}body .button.primary:hover{opacity:0.8}body .button.red{background-color:var(--red);color:var(--white)}body .button.red:hover{opacity:0.8}body .button.blue{background-color:var(--blue);color:var(--white)}body .button.blue:hover{opacity:0.8}body .button.yellow{background-color:var(--yellow);color:var(--black)}body .button.yellow:hover{opacity:0.8}body .button.red-border{border:1px solid var(--grey);background-color:var(--red);color:var(--grey)}body .button.red-border:hover{background-color:var(--red);color:var(--white);border:1px solid var(--red)}body .button.blue-border{border:1px solid var(--grey);background-color:var(--blue);color:var(--grey)}body .button.blue-border:hover{background-color:var(--blue);color:var(--white);border:1px solid var(--blue)}body .button.yellow-border{border:1px solid var(--grey);background-color:var(--yellow);color:var(--grey)}body .button.yellow-border:hover{background-color:var(--yellow);color:var(--black);border:1px solid var(--yellow)}header{position:fixed;top:0;left:0;z-index:3;width:100%;min-height:80px;-webkit-transform:translate3d(0, 2.1875rem, 0);transform:translate3d(0, 2.1875rem, 0);transition:-webkit-transform 0.1s;transition:transform 0.1s;transition:transform 0.1s, -webkit-transform 0.1s;display:flex;align-items:center}header .container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}header .logo-area img{width:auto;height:5rem}@media screen and (max-width: 560px){header .logo-area img{height:3rem}}@media screen and (max-width: 768px){header nav{display:none}}header nav a{font-size:1.1rem;font-weight:500;padding:1rem;margin-right:1rem;color:var(--grey)}header nav a:hover{color:var(--main)}header nav a:last-child{margin-right:0}header .mobile-navbar{display:none}@media screen and (max-width: 768px){header .mobile-navbar{display:block;width:100%}header .mobile-navbar .target-burger{position:relative;display:block;width:52px;height:52px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;margin-left:auto}header .mobile-navbar .target-burger ul{position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-12px 0 0 -12px;padding:0;-webkit-transition:-webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1),color 1s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1),color 1s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform:translateZ(0);transform:translateZ(0)}header .mobile-navbar .target-burger ul li{position:absolute;top:50%;width:100%;height:2px;margin-top:-0.75px;background-color:var(--grey);-webkit-transform:translateY(-3.75px) translateZ(0);transform:translateY(-3.75px) translateZ(0);-webkit-transition:-webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1),background-color 1s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1),background-color 1s cubic-bezier(0.23, 1, 0.32, 1)}header .mobile-navbar .target-burger ul li:last-child{-webkit-transform:translateY(3.75px) translateZ(0);transform:translateY(3.75px) translateZ(0)}header .mobile-navbar .target-burger:hover{opacity:0.5}header .mobile-navbar .target-burger.toggled ul li{-webkit-transform:rotate(45deg) translateZ(0);transform:rotate(45deg) translateZ(0)}header .mobile-navbar .target-burger.toggled ul li:last-child{-webkit-transform:rotate(-45deg) translateZ(0);transform:rotate(-45deg) translateZ(0)}header .mobile-navbar .main-nav{display:none;position:fixed;left:0;z-index:0;height:calc(100vh - 80px);width:100%;padding:20px;-webkit-opacity:0;-moz-opacity:0;opacity:0}header .mobile-navbar .main-nav.toggled{display:block;background-color:var(--white);z-index:10;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}header .mobile-navbar .main-nav>ul{flex-direction:column;text-align:left}header .mobile-navbar .main-nav>ul li{display:flex;justify-content:flex-start;transition:0.2s}header .mobile-navbar .main-nav>ul li a{padding:15px 10px;font-size:20px;font-weight:600;color:var(--grey)}}header.navbar-fixed{background-color:rgba(255,255,255,0.95);transition:0.2s;-webkit-transition:0.2s;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 5px 10px rgba(0,0,0,0.1)}header.navbar-fixed .logo-area img{height:3rem}main section{position:relative;text-align:left;margin:5rem 0}@media screen and (max-width: 560px){main section{text-align:center}}main section .section-title{color:var(--blue);text-transform:uppercase;font-size:1.2rem;margin-bottom:2rem}@media screen and (max-width: 768px){main section .section-title{font-size:1.1rem}}main section.headline{margin:0}@media screen and (max-width: 560px){main section.headline{height:auto;margin-top:120px}}main section.product{margin-top:6rem}@media screen and (max-width: 560px){main section.product{margin-top:3rem}}main section.product .container{display:flex;flex-direction:column}main section.product .container .title{font-weight:500;margin-bottom:2rem}main section.product .container .item{display:flex;align-items:center;flex-direction:column}main section.product .container .item .img-area{height:150px}main section.product .container .item .img-area img{height:100%;width:auto}main section.product .container .item .product-name{margin-top:1rem;font-size:1.2rem;text-align:center}main section.product .container .owl-nav .owl-prev{position:absolute;left:0;top:75px}main section.product .container .owl-nav .owl-prev span{font-size:2rem}main section.product .container .owl-nav .owl-next{position:absolute;right:0;top:75px}main section.product .container .owl-nav .owl-next span{font-size:2rem}main section.contact .container:before{content:"";position:absolute;top:50%;right:0;display:block;z-index:-1;background-image:url(../img/pen.webp);background-position:50%;background-repeat:no-repeat;background-size:100% auto;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:200px;height:200px}@media screen and (max-width: 768px){main section.contact .container:before{height:150px;width:150px}}@media screen and (max-width: 560px){main section.contact .container:before{display:none}}main section.contact .headline-content{height:100%;max-width:70%;width:100%}@media screen and (max-width: 768px){main section.contact .headline-content{max-width:70%}}@media screen and (max-width: 560px){main section.contact .headline-content{max-width:100%}}main section.contact .headline-content h3{font-size:2rem}@media screen and (max-width: 768px){main section.contact .headline-content h3{font-size:1.75rem}}main section.contact .headline-content h3 span{color:var(--blue)}main section.contact .headline-content p{font-size:1.2rem;margin:1rem 0 1.5rem;color:var(--light-grey)}@media screen and (max-width: 768px){main section.contact .headline-content p{font-size:1rem}}main hr{border:0;border-top:1px solid #eaeaea;box-sizing:content-box;height:0;overflow:visible}main .whatsapp{position:fixed;width:60px;height:60px;bottom:40px;right:40px;display:flex;align-items:center;justify-content:center;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;z-index:100}main .whatsapp img{width:50%}footer{display:flex;flex-direction:column;margin:3rem 0}@media screen and (max-width: 768px){footer{margin:2rem 0}}footer .container{display:flex;flex-direction:row}@media screen and (max-width: 768px){footer .container{flex-direction:column}}footer .container>*{width:50%}@media screen and (max-width: 768px){footer .container>*{width:100%}}footer .container.copyright{justify-content:space-between;font-size:0.85rem;color:var(--light-grey);margin-top:2rem}@media screen and (max-width: 768px){footer .container.copyright{margin:1rem 0 2rem}}footer .container.copyright .text{text-align:left}@media screen and (max-width: 768px){footer .container.copyright .text{text-align:center}}footer .container.copyright .link{text-align:right}footer .company-info{display:flex;flex-direction:column;align-items:flex-start}@media screen and (max-width: 768px){footer .company-info{align-items:center}}footer .company-info>img{filter:grayscale(100%);max-height:50px;width:auto}footer .company-info>img:hover{filter:none}footer .company-info p{margin:1rem 0;color:var(--light-grey)}footer .company-info .social-area{display:flex;flex-direction:row;align-items:center;margin-top:1rem}footer .company-info .social-area a{margin:0 0.5rem 0 0}footer .company-info .social-area a img{height:20px;width:20px;opacity:0.5}footer .company-info .social-area a:hover img{opacity:0.8}footer .footer-right{display:flex;flex-direction:row;justify-content:space-between;text-align:left}@media screen and (max-width: 768px){footer .footer-right{flex-direction:column;text-align:center;margin-top:1rem}}footer .footer-right .item{display:flex;flex-direction:column}footer .footer-right .item>*{margin-top:.5rem}footer .footer-right .item img{max-height:60px}footer .footer-right .item .title{font-weight:500}@media screen and (max-width: 768px){footer .footer-right .item .title{margin-top:2rem}}