*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:white;font-size:100%}h2{font-size:36px;font-family:"Merriweather"}a{text-decoration:none}header{height:100vh;background-image:url("../img/header.png");background-size:cover;background-repeat:no-repeat;background-attachment:fixed}header .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:50px;font-family:"Rubik";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header .top .logo{font-size:30px}header menu{width:40%}header menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style-type:none}header menu ul li a{font-size:20px;padding:16px;margin-right:10px;border-radius:16px;background-color:transparent}header menu ul li a:hover,header menu ul li a.active:hover{color:#646D70;background-color:#cdd1d3}header menu ul li a.active{color:#646D70;background-color:white}header .presentation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20vh}header .presentation .text{width:32%}header .presentation .text h1{font-size:22px;font-family:"Rubik"}header .presentation .video{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:24px;line-height:50px;cursor:pointer;font-family:"Rubik";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header .presentation .video:hover>i,header .presentation .video:hover>p{color:#99b3bb}header .presentation .video i{font-size:50px;margin-right:12px}header .social{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:-100px;top:50%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}header .social p{margin-left:20px;font-family:"Rubik"}header .social p:hover{color:#646D70;cursor:pointer}section.material{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:60px 0;width:80%;margin:0 auto}section.material .desc{font-family:"Rubik";width:44%;line-height:30px}section.material .desc h2{color:#222F33;text-shadow:0px 4px #00000040;-webkit-text-stroke:2px black}section.material .desc p,section.material .desc a{color:#646D70;margin-top:40px;font-size:20px}section.material .desc .button{display:block;padding:16px;width:160px;text-align:center;border:1px solid #646D70;border-radius:10px}section.material .desc .button:hover{color:white;background-color:#222F33}section.material .swiper-container{margin-top:-100px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:400px}section.material .swiper-container .swiper-slide{background-size:cover}section.material .swiper-container .swiper-pagination-bullet{background-color:white}.clip-rel{position:relative}.clip-rel .clip{position:absolute;background-color:#222F33;height:180px;width:480px;top:-150px;right:0;z-index:-1}section.innovate{background-color:#222F33}section.innovate .desc{width:80%;margin:0 auto;padding:60px 0;font-family:"Rubik"}section.innovate .desc .col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.innovate .desc .col p{margin-top:20px;width:40%;line-height:30px}section.type .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80%;margin:60px auto}section.type .container img{margin-right:60px;width:3000px;height:auto}section.type .container .types{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}section.type .container .types .item{width:44%;padding:20px}section.type .container .types .item h3{color:#222F33;font-family:"Merriweather";font-size:28px}section.type .container .types .item p{color:gray;font-family:"Rubik";font-size:18px}footer{background-color:#222F33;height:100px;line-height:100px;font-family:"Rubik"}footer .bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:90%;margin:0 auto}footer .bar img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}footer .bar .more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer .bar .more a{margin-left:40px}