*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#0b1622;color:white;overflow:hidden}.preloader-container{position:fixed;left:0px;top:0px;bottom:0px;right:0px;width:100%;height:100%;background-color:#0b1622;-webkit-transition:0.4s ease;transition:0.4s ease;z-index:4}.preloader-container.active{opacity:0}.preloader-container .preloader{width:60px;height:60px;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-animation:rotatePreloader 2s infinite ease-in;animation:rotatePreloader 2s infinite ease-in}@-webkit-keyframes rotatePreloader{0%{-webkit-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);transform:translateX(-50%) translateY(-50%) rotateZ(0deg)}100%{-webkit-transform:translateX(-50%) translateY(-50%) rotateZ(-360deg);transform:translateX(-50%) translateY(-50%) rotateZ(-360deg)}}@keyframes rotatePreloader{0%{-webkit-transform:translateX(-50%) translateY(-50%) rotateZ(0deg);transform:translateX(-50%) translateY(-50%) rotateZ(0deg)}100%{-webkit-transform:translateX(-50%) translateY(-50%) rotateZ(-360deg);transform:translateX(-50%) translateY(-50%) rotateZ(-360deg)}}.preloader-container .preloader div{position:absolute;width:100%;height:100%;opacity:0}.preloader-container .preloader div:before{content:"";position:absolute;left:50%;top:0%;width:10%;height:10%;background-color:#3db4f2;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%}.preloader-container .preloader div:nth-child(1){-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);-webkit-animation:rotateCircle1 2s infinite linear;animation:rotateCircle1 2s infinite linear;z-index:9}@-webkit-keyframes rotateCircle1{0%{opacity:0}0%{opacity:1;-webkit-transform:rotateZ(36deg);transform:rotateZ(36deg)}7%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}57%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}@keyframes rotateCircle1{0%{opacity:0}0%{opacity:1;-webkit-transform:rotateZ(36deg);transform:rotateZ(36deg)}7%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}57%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}.preloader-container .preloader div:nth-child(2){-webkit-transform:rotateZ(36deg);transform:rotateZ(36deg);-webkit-animation:rotateCircle2 2s infinite linear;animation:rotateCircle2 2s infinite linear;z-index:8}@-webkit-keyframes rotateCircle2{5%{opacity:0}5.0001%{opacity:1;-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}12%{-webkit-transform:rotateZ(-36deg);transform:rotateZ(-36deg)}62%{-webkit-transform:rotateZ(-36deg);transform:rotateZ(-36deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}@keyframes rotateCircle2{5%{opacity:0}5.0001%{opacity:1;-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}12%{-webkit-transform:rotateZ(-36deg);transform:rotateZ(-36deg)}62%{-webkit-transform:rotateZ(-36deg);transform:rotateZ(-36deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}.preloader-container .preloader div:nth-child(3){-webkit-transform:rotateZ(72deg);transform:rotateZ(72deg);-webkit-animation:rotateCircle3 2s infinite linear;animation:rotateCircle3 2s infinite linear;z-index:7}@-webkit-keyframes rotateCircle3{10%{opacity:0}10.0002%{opacity:1;-webkit-transform:rotateZ(-36deg);transform:rotateZ(-36deg)}17%{-webkit-transform:rotateZ(-72deg);transform:rotateZ(-72deg)}67%{-webkit-transform:rotateZ(-72deg);transform:rotateZ(-72deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}@keyframes rotateCircle3{10%{opacity:0}10.0002%{opacity:1;-webkit-transform:rotateZ(-36deg);transform:rotateZ(-36deg)}17%{-webkit-transform:rotateZ(-72deg);transform:rotateZ(-72deg)}67%{-webkit-transform:rotateZ(-72deg);transform:rotateZ(-72deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}.preloader-container .preloader div:nth-child(4){-webkit-transform:rotateZ(108deg);transform:rotateZ(108deg);-webkit-animation:rotateCircle4 2s infinite linear;animation:rotateCircle4 2s infinite linear;z-index:6}@-webkit-keyframes rotateCircle4{15%{opacity:0}15.0003%{opacity:1;-webkit-transform:rotateZ(-72deg);transform:rotateZ(-72deg)}22%{-webkit-transform:rotateZ(-108deg);transform:rotateZ(-108deg)}72%{-webkit-transform:rotateZ(-108deg);transform:rotateZ(-108deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}@keyframes rotateCircle4{15%{opacity:0}15.0003%{opacity:1;-webkit-transform:rotateZ(-72deg);transform:rotateZ(-72deg)}22%{-webkit-transform:rotateZ(-108deg);transform:rotateZ(-108deg)}72%{-webkit-transform:rotateZ(-108deg);transform:rotateZ(-108deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}.preloader-container .preloader div:nth-child(5){-webkit-transform:rotateZ(144deg);transform:rotateZ(144deg);-webkit-animation:rotateCircle5 2s infinite linear;animation:rotateCircle5 2s infinite linear;z-index:5}@-webkit-keyframes rotateCircle5{20%{opacity:0}20.0004%{opacity:1;-webkit-transform:rotateZ(-108deg);transform:rotateZ(-108deg)}27%{-webkit-transform:rotateZ(-144deg);transform:rotateZ(-144deg)}77%{-webkit-transform:rotateZ(-144deg);transform:rotateZ(-144deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}@keyframes rotateCircle5{20%{opacity:0}20.0004%{opacity:1;-webkit-transform:rotateZ(-108deg);transform:rotateZ(-108deg)}27%{-webkit-transform:rotateZ(-144deg);transform:rotateZ(-144deg)}77%{-webkit-transform:rotateZ(-144deg);transform:rotateZ(-144deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}.preloader-container .preloader div:nth-child(6){-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);-webkit-animation:rotateCircle6 2s infinite linear;animation:rotateCircle6 2s infinite linear;z-index:4}@-webkit-keyframes rotateCircle6{25%{opacity:0}25.0005%{opacity:1;-webkit-transform:rotateZ(-144deg);transform:rotateZ(-144deg)}32%{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}82%{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}@keyframes rotateCircle6{25%{opacity:0}25.0005%{opacity:1;-webkit-transform:rotateZ(-144deg);transform:rotateZ(-144deg)}32%{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}82%{-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}.preloader-container .preloader div:nth-child(7){-webkit-transform:rotateZ(216deg);transform:rotateZ(216deg);-webkit-animation:rotateCircle7 2s infinite linear;animation:rotateCircle7 2s infinite linear;z-index:3}@-webkit-keyframes rotateCircle7{30%{opacity:0}30.0006%{opacity:1;-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}37%{-webkit-transform:rotateZ(-216deg);transform:rotateZ(-216deg)}87%{-webkit-transform:rotateZ(-216deg);transform:rotateZ(-216deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}@keyframes rotateCircle7{30%{opacity:0}30.0006%{opacity:1;-webkit-transform:rotateZ(-180deg);transform:rotateZ(-180deg)}37%{-webkit-transform:rotateZ(-216deg);transform:rotateZ(-216deg)}87%{-webkit-transform:rotateZ(-216deg);transform:rotateZ(-216deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}.preloader-container .preloader div:nth-child(8){-webkit-transform:rotateZ(252deg);transform:rotateZ(252deg);-webkit-animation:rotateCircle8 2s infinite linear;animation:rotateCircle8 2s infinite linear;z-index:2}@-webkit-keyframes rotateCircle8{35%{opacity:0}35.0007%{opacity:1;-webkit-transform:rotateZ(-216deg);transform:rotateZ(-216deg)}42%{-webkit-transform:rotateZ(-252deg);transform:rotateZ(-252deg)}92%{-webkit-transform:rotateZ(-252deg);transform:rotateZ(-252deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}@keyframes rotateCircle8{35%{opacity:0}35.0007%{opacity:1;-webkit-transform:rotateZ(-216deg);transform:rotateZ(-216deg)}42%{-webkit-transform:rotateZ(-252deg);transform:rotateZ(-252deg)}92%{-webkit-transform:rotateZ(-252deg);transform:rotateZ(-252deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}.preloader-container .preloader div:nth-child(9){-webkit-transform:rotateZ(288deg);transform:rotateZ(288deg);-webkit-animation:rotateCircle9 2s infinite linear;animation:rotateCircle9 2s infinite linear;z-index:1}@-webkit-keyframes rotateCircle9{40%{opacity:0}40.0008%{opacity:1;-webkit-transform:rotateZ(-252deg);transform:rotateZ(-252deg)}47%{-webkit-transform:rotateZ(-288deg);transform:rotateZ(-288deg)}97%{-webkit-transform:rotateZ(-288deg);transform:rotateZ(-288deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}@keyframes rotateCircle9{40%{opacity:0}40.0008%{opacity:1;-webkit-transform:rotateZ(-252deg);transform:rotateZ(-252deg)}47%{-webkit-transform:rotateZ(-288deg);transform:rotateZ(-288deg)}97%{-webkit-transform:rotateZ(-288deg);transform:rotateZ(-288deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}.preloader-container .preloader div:nth-child(10){-webkit-transform:rotateZ(324deg);transform:rotateZ(324deg);-webkit-animation:rotateCircle10 2s infinite linear;animation:rotateCircle10 2s infinite linear;z-index:0}@-webkit-keyframes rotateCircle10{45%{opacity:0}45.0009%{opacity:1;-webkit-transform:rotateZ(-288deg);transform:rotateZ(-288deg)}52%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg)}102%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}@keyframes rotateCircle10{45%{opacity:0}45.0009%{opacity:1;-webkit-transform:rotateZ(-288deg);transform:rotateZ(-288deg)}52%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg)}102%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg)}100%{-webkit-transform:rotateZ(-324deg);transform:rotateZ(-324deg);opacity:1}}.content{margin-top:120px;margin-left:auto;margin-right:auto;max-width:80%}.content .header-group .title{font-size:35px;font-family:'Overpass', sans-serif;line-height:100px}.content .header-group .title h1{font-weight:600}.content .header-group .description{font-size:19px;font-family:sans-serif;font-weight:400;color:#8596a5;max-width:350px;line-height:25px;word-spacing:30%}.content .header-group .line{background:#8596a5;height:4px;border-radius:50px;width:100px;display:block;margin-top:13px}.content .input-group{margin-top:70px}.content .input-group .search-desc{font-size:15px;font-family:'Overpass', sans-serif;font-weight:400;color:#3db4f2;line-height:30px}.content .input-group .search-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.content .input-group .search-bar input{background:#151f2e;border:none;color:#c0c4cc;font-family:'Overpass', sans-serif;font-size:17px;font-weight:400;padding:11px 10px 10px 15px;width:320px;border-radius:4px}.content .input-group .search-bar input:focus{border:none}.content .input-group .search-bar .search-icon{height:44px;width:44px;background:#151f2e;padding:9px;border-radius:4px;margin-left:5px;-webkit-transition:0.4s ease;transition:0.4s ease;cursor:pointer;border:none}.content .input-group .search-bar .search-icon:hover svg{fill:#d878cb}.content .input-group .search-bar .search-icon svg{fill:#c0c4cc}.content .image-group .desk-image{position:absolute;top:0;right:0;height:100%;width:40%}.content .image-group .desk-image img{height:90%}.content .image-group .desk-tab-image{display:none}.content .image-group .tab-image{display:none}.footer{display:-webkit-box;display:-ms-flexbox;display:flex;height:70px;background-color:#13181e;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;bottom:0;left:0;width:100%}.footer h2{font-family:sans-serif;color:#3db4f2;font-size:15px;font-weight:500}.footer h2 a{text-decoration:none;color:#d878cb}.footer h2 span svg{fill:#3db4f2;height:11px;padding:0 1px}@media (min-width: 800px) and (max-width: 1000px){.content{margin:10% 6%}.content .input-group .search-bar input{width:300px}.content .image-group .desk-tab-image{bottom:20%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.content .image-group .desk-tab-image img{height:400px}.content .image-group .desk-image{display:none}}@media (min-width: 640px) and (max-width: 800px){.content{margin-top:90px;margin-left:30px}.content .header-group .title{font-size:30px;line-height:80px}.content .header-group .description{max-width:60%;font-size:17px;line-height:23px}.content .header-group .line{margin-top:13px}.content .input-group{margin-top:100px}.content .input-group .search-bar input{font-size:17px;padding:10px 10px 10px 10px;width:250px}.content .input-group .search-bar .search-icon{height:43px;width:43px;padding:11px}.content .image-group .desk-image{display:none}.content .image-group .tab-image{bottom:8%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.content .image-group .tab-image img{height:500px}.footer{height:60px}}@media (max-width: 640px){.content{text-align:center;margin:5vh 0 0 0;width:100%;max-width:none}.content .header-group{width:90%;margin:0 auto}.content .header-group .title{font-size:30px;line-height:80px}.content .header-group .description{line-height:20px;font-size:17px;max-width:100%}.content .header-group .line{width:50%;margin:0 auto;margin-top:15px}.content .input-group{width:90%;margin:0 auto;margin-top:10vh}.content .input-group .search-desc{text-align:center}.content .input-group .search-bar{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.content .input-group .search-bar input{width:80%;font-size:19px;padding:10px 10px 9px 10px;z-index:2}.content .input-group .search-bar .search-icon{height:44px;width:44px;padding:10px;z-index:2}.content .image-group{background-image:url("images/girl.png");background-position:center;background-repeat:no-repeat;width:100%;height:250px;display:block;margin-top:3vh;background-size:contain}.content .image-group .desk-image{display:none}.footer{height:60px}}