.header{background-color:#fafafa;display:flex;justify-content:space-between;flex-direction:row;width:100%;height:70px;padding:27px 117px 0 117px}.header__logo{width:80px;height:17px}.header__nav ul{display:flex;justify-content:center}.header__nav ul li{margin-left:18px}.header__nav ul a{color:#837d87;text-transform:uppercase;transition:color .2s ease-in-out}.header__nav ul a:hover{color:#2d2640}.header__nav ul .btn{padding:7px 20px;border:1px solid #2d2640;color:#2d2640;background-color:#fafafa}.header__nav ul .btn:hover{background-color:#2d2640;color:#fff}.header__hamburger{width:32px;height:32px;border:2px solid #2d2640;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .4s ease-in-out}.header__hamburger>span{width:60%;height:2px;background-color:#2d2640;display:block;position:relative}.header__hamburger>span::after{content:"";width:100%;height:2px;background-color:#2d2640;display:block;position:relative;top:4px}.header__hamburger>span::before{content:"";width:100%;height:2px;background-color:#2d2640;display:block;position:relative;top:-6px}.header__hamburger.open{transform:rotate(720deg)}.header__hamburger.open>span{background:transparent}.header__hamburger.open>span::after{transform:rotate(-40deg);top:-3px}.header__hamburger.open>span::before{transform:rotate(40deg);top:0px}@media only screen and (min-width: 769px){.header__hamburger{display:none}}@media only screen and (max-width: 769px){.header .header{padding:27px 70px 0 70px}.header__nav{display:none}}@media only screen and (max-width: 769px){.header{padding:27px 70px 0 70px}}.drop-bar{width:100%;height:100%;position:fixed;transform:translateY(-100%);background-color:#2d2640;top:0;left:0;right:0;bottom:0;transition:all .4s ease-in-out;z-index:1}.drop-bar__img{position:relative;z-index:1;width:100%;height:219px}.drop-bar__nav{position:relative;z-index:2;top:57px;height:50%;width:100%}.drop-bar__nav ul{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.drop-bar__nav ul a{color:#fafafa;text-transform:uppercase;font-size:17px}.drop-bar__nav ul a:hover{border-bottom:1px solid #fafafa}.drop-bar__nav ul .btn{padding:7px 20px;border:1px solid #fafafa;transition:color .4s ease-in-out}.drop-bar__nav ul .btn:hover{background-color:#fafafa;color:#2d2640}.drop-bar.open{transform:translateY(8%)}@media only screen and (min-width: 769px){.drop-bar{display:none}}.section-hero{display:flex;flex-direction:column;width:100%}.section-hero__img{width:100%}.section-hero__img img{width:100%}.section-hero__tab{background-color:#2d2640;text-align:center;margin:-4px;height:470px}.section-hero__tab .img1{position:absolute;left:0%;width:40%}.section-hero__tab .img1 img{width:100%}.section-hero__tab .img2{position:absolute;right:0;width:40%}.section-hero__tab .img2 img{width:100%}.section-hero__tab .fonts{margin-top:50px}.section-hero__tab .fonts>h1{color:#fafafa;font-size:50px;position:relative}.section-hero__tab .fonts>p{color:#fafafa;position:relative;width:70%;margin:20px auto;line-height:31.7px}.section-hero__tab .fonts .btn{padding:7px 28px;border:1px solid #fafafa;color:#fafafa;transition:color .4s ease-in-out;margin-bottom:20px}.section-hero__tab .fonts .btn:hover{background-color:#fafafa;color:#2d2640}@media only screen and (min-width: 769px){.section-hero{display:block;position:relative;min-height:490px}.section-hero__img{position:absolute;z-index:1;width:30%;right:146px;top:74px}.section-hero__tab{position:absolute;width:100%}.section-hero__tab .img1{width:30%}.section-hero__tab .img2{width:30%}.section-hero__tab .fonts{position:absolute;left:82px;text-align:left;width:50%;margin-top:127px}.section-hero__tab .fonts>h1{font-size:40px}.section-hero__tab .fonts>p{margin:20px 0}}.section2{display:flex;flex-direction:column;justify-content:space-between}.section2__title{margin-top:100px;width:100%;text-align:center}.section2__title>h1{color:#2d2640}.section2__tabs{display:flex;flex-direction:column;justify-content:space-between;align-self:center}.section2__tabs>div{width:90%;margin:50px auto;text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:200px}.section2__tabs>div>h1{color:#2d2640}.section2__tabs>div>p{color:#837d87}.section2__last-tab{width:90%;margin:50px auto;text-align:center;height:400px;background-color:#2d2640;display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:relative}.section2__last-tab img{width:40%;position:absolute;right:0;top:0;display:block}.section2__last-tab>h2{color:#fafafa;font-size:40px}.section2__last-tab .btn{padding:7px 28px;border:1px solid #fafafa;color:#fafafa;transition:color .4s ease-in-out;margin-bottom:20px;text-transform:uppercase}.section2__last-tab .btn:hover{background-color:#fafafa;color:#2d2640}@media only screen and (min-width: 769px){.section2{align-items:center}.section2__title{text-align:left;width:90%}.section2__title>h1{margin-left:20px;font-size:40px}.section2__tabs{flex-direction:row;width:90%}.section2__tabs>div{align-items:flex-start;text-align:left;height:265px}.section2__tabs>div>p{width:80%;line-height:30.7px}}footer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#fafafa;margin-top:80px}footer .img{position:absolute;left:0;width:30%}footer .links{text-align:center;width:100%;height:100px;display:flex;flex-direction:column;justify-content:space-between}footer .links>div{width:100%;display:flex;flex-direction:row;justify-content:space-evenly}footer .links h3{color:#2d2640;font-size:30px}footer .navs{height:100%}footer .navs>nav{width:90%;margin-top:90px;height:150px;text-align:center}footer .navs>nav>h3{color:#837d87}footer .navs>nav>ul{display:flex;flex-direction:column;justify-content:space-around;height:100%}footer .navs>nav>ul li a{color:#2d2640;cursor:pointer}footer .navs>nav>ul li a:hover{border-bottom:1px solid #2d2640}footer hr{margin:20px 0 20px;width:100%;color:#fafafa}footer p{margin-top:30px;color:#837d87}footer p>span a{color:#2d2640}@media only screen and (min-width: 769px){footer .links{flex-direction:row;justify-content:space-around;align-items:center}footer .links>div{width:30%;height:30%}footer .navs{display:flex;flex-direction:row;width:100%;justify-content:flex-start}footer .navs>nav{text-align:left}footer .navs>nav:nth-child(1){margin-left:20px}footer p{margin-top:50px}}*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}body{font-family:"Karla",sans-serif;background-color:#fafafa}li{list-style:none}a{text-decoration:none}