*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Roboto", sans-serif;color:rgba(51,51,51,0.8);max-width:1100px;margin:0 auto;overflow-x:hidden}.scrolled{position:fixed;top:-70px;background:#fcfcfc;padding:1.5em 0 1.5em 9.2%;left:0;right:0;-webkit-transform:translateY(70px);transform:translateY(70px);-webkit-transition:background 500ms ease, -webkit-transform 500ms ease;transition:background 500ms ease, -webkit-transform 500ms ease;transition:transform 500ms ease, background 500ms ease;transition:transform 500ms ease, background 500ms ease, -webkit-transform 500ms ease;-webkit-transition:transform 500ms ease, background 500ms ease;-webkit-box-shadow:0px 3px 16px 0px rgba(87,86,86,0.2);box-shadow:0px 3px 16px 0px rgba(87,86,86,0.2)}.scrolled .logo h2{font-size:30px;font-weight:bold;color:#1488cc}.scrolled nav{display:-webkit-box;display:-ms-flexbox;display:flex;width:66.5%}.scrolled nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;font-size:18px;position:relative}.scrolled nav ul li{margin-right:2em}.scrolled nav ul li a{text-decoration:none;color:rgba(51,51,51,0.8);opacity:.8;-webkit-transition:.4s all;transition:.4s all}.scrolled nav ul li a:not(.active):hover{position:relative;opacity:1}.scrolled nav ul li a:not(.active):hover::after{content:'';width:60%;height:3px;position:absolute;background:rgba(51,51,51,0.8);bottom:-4px;left:0}.scrolled nav ul li .active{font-weight:bold;position:relative;opacity:1}.scrolled nav ul li .active::after{content:'';width:60%;height:3px;position:absolute;background:rgba(51,51,51,0.8);bottom:-4px;left:0}.scrolled nav .btn{font-size:18;text-decoration:none;color:#fcfcfc;font-weight:bold;padding:11px 36px;background:-webkit-gradient(linear, left top, right top, from(#020024), color-stop(0%, #1488cc), to(#2b32b2));background:linear-gradient(90deg, #020024 0%, #1488cc 0%, #2b32b2 100%);border-radius:50px;margin-top:-.6em;opacity:.9;line-height:19px;-webkit-transition:.4s all;transition:.4s all}.scrolled nav .btn:hover{opacity:1}header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:fixed;width:100%;top:1.5em;z-index:100000}header .logo h2{font-size:30px;font-weight:bold;color:#1488cc}header nav{display:-webkit-box;display:-ms-flexbox;display:flex;width:70%}header nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;font-size:18px;position:relative}header nav ul li{margin-right:2em}header nav ul li a{text-decoration:none;color:#fcfcfc;opacity:.8;-webkit-transition:.4s all;transition:.4s all}header nav ul li a:not(.active):hover{position:relative;opacity:1}header nav ul li a:not(.active):hover::after{content:'';width:60%;height:3px;position:absolute;background:#fcfcfc;bottom:-4px;left:0}header nav ul li .active{font-weight:bold;position:relative;opacity:1}header nav ul li .active::after{content:'';width:60%;height:3px;position:absolute;background:#fcfcfc;bottom:-4px;left:0}header nav .btn{font-size:18;text-decoration:none;color:#1488cc;font-weight:bold;padding:11px 36px;background:#fcfcfc;border-radius:50px;margin-top:-.6em;opacity:.9;line-height:19px;-webkit-transition:.4s all;transition:.4s all}header nav .btn:hover{opacity:1}main{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}main .bg img{background-size:cover;background-repeat:no-repeat;position:absolute;width:70%;top:0;right:0;z-index:-1}main .left{margin-top:200px;width:80%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}main .left h4{font-size:18px;margin-bottom:30px;font-weight:300;position:relative}main .left h4::after{content:'';width:10%;height:4px;bottom:-7px;left:0;background:rgba(51,51,51,0.8);position:absolute}main .left .title{font-size:34px;font-weight:bold;margin-bottom:30px}main .left .text{font-size:26px;font-weight:500;color:#939393;margin-bottom:30px}main .left .search_area{display:block;width:96%;position:relative}main .left .search_area input{padding:14px 30px;width:100%;border-top-right-radius:100px;border-bottom-right-radius:100px;border-top-left-radius:40px;border-bottom-left-radius:40px;border:0;font-size:18px;color:rgba(51,51,51,0.8);-webkit-box-shadow:-1px 8px 10px rgba(182,182,182,0.5),0 -2px 20px rgba(182,182,182,0.5);box-shadow:-1px 8px 10px rgba(182,182,182,0.5),0 -2px 20px rgba(182,182,182,0.5)}main .left .search_area input::-webkit-input-placeholder{color:rgba(51,51,51,0.2)}main .left .search_area input:-ms-input-placeholder{color:rgba(51,51,51,0.2)}main .left .search_area input::-ms-input-placeholder{color:rgba(51,51,51,0.2)}main .left .search_area input::placeholder{color:rgba(51,51,51,0.2)}main .left .search_area input:focus{outline:0}main .left .search_area .btn_search{padding:16px 50px;text-decoration:none;border-radius:100px;background:-webkit-gradient(linear, left top, right top, from(#020024), color-stop(0%, #1488cc), to(#2b32b2));background:linear-gradient(90deg, #020024 0%, #1488cc 0%, #2b32b2 100%);color:#fcfcfc;font-weight:bold;border:none;position:absolute;right:-.1em;z-index:100;opacity:.9;-webkit-transition:.4s all;transition:.4s all}main .left .search_area .btn_search:hover{opacity:1}main .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:60%;margin-top:100px;position:relative}main .right .content-img{position:absolute;width:100%;right:-6em;top:-1em}main .right .circle-indicator{position:absolute;bottom:10%;right:10%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main .right .circle-indicator .dot{width:18px;height:18px;border-radius:50%;background:#c4c4c4;margin-bottom:18px;-webkit-transition:.4s all;transition:.4s all;cursor:pointer}main .right .circle-indicator .dot:hover{background:#fcfcfc}main .right .circle-indicator .activated{width:26px;height:26px;border-radius:50%;background:#fcfcfc}main .right .decor{position:absolute;right:-10em;bottom:30%}.about{padding-left:.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.about .title{font-size:60px;font-weight:bold;color:#fcfcfc;top:2em;position:absolute;width:100%;z-index:10;text-align:center}.about .bg_about{position:absolute;width:1349px;height:868px;left:-125px;top:0}.about .bg_about img{width:100%;-o-object-fit:cover;object-fit:cover;background-size:cover;position:absolute;left:0;right:0;z-index:-2}.about main{display:-ms-grid;display:grid;-ms-grid-columns:1.5fr 1fr;grid-template-columns:1.5fr 1fr;grid-gap:1.5em;margin-top:50vh;z-index:10}.about main .left-about{width:100%}.about main .left-about h3{font-size:34px;font-weight:bold;color:#fcfcfc}.about main .left-about p{font-size:26px;color:rgba(222,222,222,0.8);margin-top:30px}.about main .right-about{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80%}.about main .right-about .number{margin:0 30px 30px;color:#fcfcfc}.about main .right-about .number h2{font-size:64px;font-weight:bold;text-align:center}.about main .right-about .number span{font-size:36px;font-weight:500}@media (max-width: 800px) and (min-width: 300px){header nav{display:none}main .right{display:none}.about .bg_about{display:block;width:100%}.about .bg_about img{width:100%}}