@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);:root{ --main-color-50: #c8d2e6;--main-color-100: rgb(143, 166, 207);--main-color-300: rgb(98, 122, 161);--main-color-500: rgb(39, 51, 70);--main-color-700: rgb(12, 17, 26);--main-color-500-opacity: rgb(39, 51, 70, 0.5);}
*{ -webkit-box-sizing: border-box;box-sizing: border-box;}
html{ scroll-behavior: smooth;}
body{ font-family: Roboto,sans-serif;margin: 0;padding: 0;}
h2,p{ margin: 0;}
a{ text-decoration: none;font-size: 18px;color: var(--main-color-50);z-index: 99;}
a:active,a:hover{ color: #d7ff23;}
.container{ max-width: 1400px;margin: 0 auto;height: 100%;padding: 0 30px;}
.header{ background-color: var(--main-color-500-opacity);padding: 10px 0;color: var(--main-color-50);position: fixed;top: 0;left: 0;right: 0;z-index: 1000;}
.header-box{ 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;}
.header-logo{ min-width: 6rem;max-width: 8rem;min-height: 2rem;max-height: 4rem;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;}
.header-logo img{ width: 100%;height: 100%;}
.header-nav{ display: -webkit-box;display: -ms-flexbox;display: flex;}
.header-nav ul{ display: -webkit-box;display: -ms-flexbox;display: flex;gap: 20px;padding: 0;margin: 0;list-style: none;}
.header-nav ul::before{ content: "";width: 6px;height: 20px;background-color: #d7ff23;-webkit-transform: skewX(-15deg);transform: skewX(-15deg);}
.header-social{ 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;gap: 15px;}
.header-social::before{ content: "";width: 6px;height: 20px;background-color: #d7ff23;-webkit-transform: skewX(-15deg);transform: skewX(-15deg);}
.promo{ position: relative;background-image: url(../images/promo-bg.png);background-repeat: no-repeat;background-size: cover;width: 100%;z-index: 1;height: 950px;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;}
.promo::before{ content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);z-index: -1;}
.promo-title{ padding: 100px 200px;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;width: 100%;height: 100%;}
.promo-title h1{ font-size: 70px;font-weight: 400;color: var(--main-color-50);margin: 0;}
.about{ position: relative;background-image: url(../images/about-promo.jpg);background-repeat: no-repeat;background-size: cover;z-index: 1;height: 800px;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;}
.about::before{ content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);z-index: -1;}
.about-box{ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 100px 330px;width: 100%;}
.about-box p{ font-size: 22px;font-weight: 300;color: var(--main-color-50);margin: 0;text-align: justify;}
.about-title h1{ font-size: 60px;font-weight: 300;color: var(--main-color-50);margin: 0;text-align: center;}
.about-count{ margin-top: 30px;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;}
.about-count__item{ 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: start;-ms-flex-pack: start;justify-content: flex-start;}
.about-count__item h1{ font-size: 70px;font-weight: 400;color: var(--main-color-50);margin: 0;}
.locations-box{ width: 100%;height: 800px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background-color: var(--main-color-500);gap: 15px;padding: 20px 0;}
.locations-item{ -webkit-transition: all .5s ease;transition: all .5s ease;overflow: hidden;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 10px 50px;color: var(--main-color-50);}
.locations-item p{ font-size: 16px;font-weight: 300;color: var(--main-color-50);margin: 0;margin-top: 20px;text-align: justify;}
.locations-item ul{ margin: 0;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 10px;list-style: none;}
.locations-item ul li{ 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;margin-right: 30px;font-size: 14px;font-weight: 300;color: var(--main-color-50);margin: 0;}
.locations-item ul li::before{ content: "";width: 3px;height: 14px;background-color: #d7ff23;-webkit-transform: skewX(-15deg);transform: skewX(-15deg);}
.locations-item ul li::before{ margin-right: 5px;}
.locations-item::before{ content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);z-index: -1;}
.locations-item:hover::before{ background-color: rgba(0,0,0,.4);-webkit-transition: background-color .8s ease;transition: background-color .8s ease;}
.tbilisi-bg{ -webkit-box-flex: 8;-ms-flex: 8;flex: 8;background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.7)),to(rgba(0,0,0,.7))),url(../images/tbilisi.jpg) center/cover;background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../images/tbilisi.jpg) center/cover;}
.dubai-bg{ -webkit-box-flex: 1;-ms-flex: 1;flex: 1;background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.7)),to(rgba(0,0,0,.7))),url(../images/dubai-2.webp) center/cover;background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../images/dubai-2.webp) center/cover;}
.tashkent-bg{ -webkit-box-flex: 1;-ms-flex: 1;flex: 1;background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.7)),to(rgba(0,0,0,.7))),url(../images/uz.jpg) center/cover;background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../images/uz.jpg) center/cover;}
.locations-item__title{ font-size: 32px;font-weight: 300;color: var(--main-color-50);margin: 0;}
.locations-item__subtitle{ position: relative;}
.locations-item__subtitle::before{ content: "";width: 6px;height: 20px;background-color: #d7ff23;-webkit-transform: skewX(-15deg);transform: skewX(-15deg);}
.locations-item__subtitle p{ margin: 0;padding-left: 10px;font-size: 20px;font-weight: 400;color: var(--main-color-50);margin: 0;}
.locations-item__subtitle::before{ position: absolute;}
.locations-item__people,.locations-item__services,.locations-item__text{ opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .4s ease;transition: all .4s ease;margin-bottom: 25px;}
.locations-item.active .locations-item__people,.locations-item.active .locations-item__services,.locations-item.active .locations-item__text{ opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.locations-item:hover .locations-item__people,.locations-item:hover .locations-item__services,.locations-item:hover .locations-item__text{ opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.locations-item.active{ -webkit-box-flex: 8!important;-ms-flex: 8!important;flex: 8!important;}
.locations-item:not(.active){ -webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.locations-item__people{ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 20px;margin-top: 40px;width: 100%;}
.locations-item__info--box{ height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 20px;}
.locations-item__people--info{ 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: start;-ms-flex-pack: start;justify-content: flex-start;gap: 5px;}
.locations-item__people--info img{ min-width: 6rem;max-width: 8rem;min-height: 6rem;max-height: 8rem;}
.locations-item__people--text{ 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: start;-ms-flex-pack: start;justify-content: flex-start;gap: 5px;}
.locations-item__people--text p{ font-size: 15px;font-weight: 300;color: var(--main-color-50);margin: 0;}
.locations-item__people--text h3{ margin: 0;}
.contacts{ position: relative;z-index: 1;background-image: url(../images/contacts-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center;padding: 100px 0;}
.contacts::before{ content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);z-index: -1;}
.contacts-box{ width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;gap: 30px;color: var(--main-color-50);}
.contacts-title h1{ font-weight: 300;}
.contacts-items-box{ display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.contacts-item h2{ font-weight: 400;margin-bottom: 15px;}
.contacts-item p{ margin-bottom: 5px;}
.footer{ background-color: var(--main-color-500);padding: 15px 0;color: var(--main-color-50);height: 64px;}
.footer-title{ 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;gap: 10px;height: 100%;}
.footer-title p{ margin: 0;}
@media screen and (max-width:1400px){ .locations-item{  padding: 10px 50px; }
 .locations-item__people{  margin-top: 100px; }
 .locations-item__services{  margin-top: 40px; }}@media screen and (max-width:1200px){ .promo{  height: 850px; }
 .promo-title h1{  font-size: 60px; }
 .about{  height: 700px; }
 .about-box{  padding: 75px 230px; }
 .about-title h1{  font-size: 50px; }
 .about-count__item h1{  font-size: 60px; }
 .locations-item{  width: 100%;padding: 10px 50px; }
 .locations-item.active{  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; }
 .locations-item__text{  height: 100px; }
 .locations-item__services{  height: 65px; }}@media screen and (max-width:992px){ .promo{  height: 750px; }
 .promo-title{  padding: 100px; }
 .promo-title h1{  font-size: 60px; }
 .locations{  height: 100%; }
 .locations-box{  height: 100%; }
 .locations-item{  height: 100%;width: 100%; }
 .locations-item__people, .locations-item__people--info{  display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row; }
 .locations-item__people, .locations-item__services, .locations-item__text{  opacity: 1; }
 .locations-item__people--info{  gap: 20px; }
 .locations-box{  -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 0;padding: 0; }
 .locations-item{  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 10px 20px; }
 .locations-item.active{  padding: 15px; }
 .locations-item__services{  margin-top: 40px;margin-bottom: 40px; }
 .about{  height: 700px; }
 .about-box{  padding: 80px; }}@media screen and (max-width:768px){ a{  font-size: 16px; }
 .promo{  height: 650px; }
 .promo-title{  padding: 50px; }
 .promo-title h1{  font-size: 50px; }
 .about{  height: 100%; }
 .about-box{  padding: 40px; }
 .about-box p{  font-size: 18px; }
 .about-title h1{  font-size: 40px; }
 .about-count h1{  font-size: 50px; }
 .locations-box{  -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: auto;padding: 0; }
 .locations-item:hover{  -webkit-box-flex: 0!important;-ms-flex: none!important;flex: none!important; }
 .locations-item.active{  -webkit-box-flex: 0!important;-ms-flex: none!important;flex: none!important; }
 .locations-item__title{  font-size: 24px; }
 .locations-item__subtitle{  font-size: 16px; }}@media screen and (max-width:576px){ a{  font-size: 14px; }
 .header-nav ul{  gap: 5px; }
 .header-nav ul::before{  display: none; }
 .header-social::before{  display: none; }
 .promo{  height: 400px; }
 .promo-title{  padding: 30px; }
 .promo-title h1{  font-size: 32px; }
 .about-box p{  font-size: 16px; }
 .about-title h1{  font-size: 32px; }
 .about-count__item h1{  font-size: 32px; }
 .locations-item p{  font-size: 14px; }
 .locations-item ul{  gap: 7px; }
 .locations-item ul li{  font-size: 14px;margin-right: 15px; }
 .locations-item__text{  margin-bottom: 10px;height: auto; }
 .locations-item__title{  font-size: 20px; }
 .locations-item__subtitle::before{  height: 14px; }
 .locations-item__services{  height: auto; }
 .locations-item .contacts{  padding: 30px 0; }
 .contacts-box{  -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; }
 .contacts-title h1{  font-size: 20px; }
 .contacts-items-box{  -ms-flex-wrap: wrap;flex-wrap: wrap;gap: 15px; }
 .contacts-item{  width: 100%; }
 .contacts-item h2{  font-size: 18px; }
 .contacts-item p{  font-size: 14px; }
 .footer{  padding: 10px 0;height: 100%; }
 .footer-title{  gap: 5px; }
 .footer-title p{  font-size: 14px; }}@media screen and (max-width:375px){ .promo-title{  padding: 30px 0; }
 .promo-title h1{  font-size: 28px; }
 .about-box{  padding: 40px 0; }
 .about-title h1{  font-size: 24px;font-weight: 400;margin-bottom: 15px; }
 .header-box{  display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;row-gap: 10px; }
 .header-box .header-social{  -webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1; }
 .header-box .header-nav{  -webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2; }
 .promo-title{  margin-top: 40px; }
 .locations-item{  padding: 10px 30px; }}