@import url('fonts.css');

*, *::before, *::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
}

h1, h2, h3 {
    font-family: 'Gotham', sans-serif;
    font-weight: 900;
}

.container {
    max-width: 1240px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

.header .container {
    max-width: 1500px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 45px;
    z-index: 5;
}

.header__right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header__right div {
    margin-left: 50px;
}

.hamburger {
    width: 43px;
    height: 43px;
    flex-shrink: 0;
    border-radius: 100%;
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.hamburger span {
    width: 16px;
    height: 1px;
    background: #fff;
    display: block;
    flex-shrink: 0;
    margin-top: 2.5px;
    margin-bottom: 2px;
}

.hamburger span:first-child {
    margin-top: 1px;
}

.header__lang {
    position: relative;
    min-width: 80px;
}

.header__lang::after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    width: 10px;
    height: 6px;
    display: block;
    pointer-events: none;
    background: url('../img/icons/arr_down.svg') center center/cover no-repeat;
}

.header__social-link {
    margin-left: 20px;
}

select {
    border: none;
    outline: none;
    cursor: pointer;
    appearance: none;
    background: unset;
    color: #fff;
    font-family: 'Inter';
    font-weight: 500;
    z-index: 5;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    display: block;
    width: 100%;
}

.header__menu {
    transform: translateX(-100%);
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    background: rgba(33, 32, 32, 0.7);
    left: 0;
    transition: 0.5s ease;
}

.header__menu.active {
    transform: translateX(0);

}

.header__menu-green {
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background: #0FD5BC;
    padding: 60px;
    max-width: 378px;
    width: 100%;
}

.header__menu-list {
    margin-top: 40px;
}

.header__menu-list .list__item {
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}

.header__menu-social {
    margin-top: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.header__social-item {
    display: block;
    margin-right: 20px;
}

.header__menu-close {
    position: absolute;
    top: 75px;
    left: 385px;
    cursor: pointer;
}

.hero  {
    /*padding: 250px 0;*/
    /*background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../img/hero_img.jpg') top center/100% no-repeat;*/
    background-size: 100% 100%;
   
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero__header {
    text-transform: uppercase;
    font-size: 54px;
    color: #fff;
    max-width: 705px;
    font-weight: 900;
    line-height: 130%;
}

.hero__header .tablet {
    display: none;
}

.hero__descr {
    margin-top: 30px;
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    max-width: 580px;
}

.block__download {
    margin-top: 47px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.download__light  {
    width: 205px;
    height: 56px;
    box-shadow: 0px 10px 20px rgba(15, 213, 188, 0.35);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
}

.download__light.apple {
    background: #0FD5BC;
}

.download__light.google {
    background: #fff;
}

.hero__slide .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.next__slide {
    cursor: pointer;
}

.hero__slider-progress {
    position: absolute;
    bottom: 45px;
    right: 0;
    left: 0;
    z-index: 5;
    
    
    display: none;
}

.hero__slider-progress .container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.hero__slider-progress .container div {
    color: #fff;
    font-size: 20px;
    line-height: 140%;
}

.hero__progress-border {
    position: relative;
    min-width: 160px;
    height: 2px;
    background-color: #fff;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #fff;
    top: -2px;
}

.section__header {
    font-size: 44px;
    line-height: 130%;
    text-transform: uppercase;
}

.section__header.light {
    color: #fff;
}

.choose {
    background: #0fd5bc;
    padding: 100px 0 130px;
}

.choose .container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.choose__left {
    max-width: 295px;
    flex-shrink: 0;
}

.choose__list {
    margin-left: 120px;
    padding-top: 20px;
    color: #fff;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.download__links {
    margin-top: 30px;
}

.download__links .download__item {
    display: block;
    margin-bottom: 12px;
}

.choose__type-title img {
    margin-right: 10px;
}

.choose__type-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 24px;
    font-weight: 600;
}

.choose__type-items {
    margin-top: 25px;
}

.choose__item {
    font-size: 18px;
    line-height: 22px;
    display: block;
    color: unset;
    text-decoration: none;
    margin-bottom: 15px;
}

.choose__slider-wrapp {
    position: absolute;
    width: 100%;
    bottom: -130px;
    height: 90px;
}

.choose__slide-thumb {
    overflow: hidden;
    border-radius: 8px;
    margin-right: 25px;
    
    width: 130px!important;
    min-width: 130px;
    height: 130px;
    margin-left: 10px;
    
}

.choose__slide-thumb img {
    display: block;
    
    object-fit: contain!important;
    width: 100%;
    /*width: 130px;*/
    object-position: 50% 50%;
    /*height: 140px!important;*/
    height: 130px!important;
    /*margin-top: 6px;*/
    /*transform: scaleY(1.3);*/
}

.choose__slide {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    padding: 5px;
    box-shadow: 0px 6px 8px -6px rgba(24, 39, 75, 0.12), 0px 8px 16px -6px rgba(24, 39, 75, 0.08);
    border-radius: 8px;
}

.choose__info-type {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #434A57;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.choose__info-type img {
    margin-right: 10px;
    margin-top: -2px;
}

.choose__info-subtype {
    margin-top: 15px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #434a57;
}

.choose__info-location {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.choose__info-location img {
    margin-right: 5px;
    color: #434a57;
    font-size: 16px;
    line-height: 20px;
    margin-top: 2px;
}

.choose__slider-contrl {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.choose__slider-contrl img {
    display: block;
}

.choose__slider-contrl div {
    margin: 0 20px;
    cursor: pointer;
}

.about {
    padding: 150px 0 60px;
}

.about .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about__text {
    margin-top: 30px;
    font-size: 18px;
    line-height: 33px;
    color: #434a57;
    width: 100%;
}

.section__header.dark {
    color: #434A57;
}

.about__left {
    max-width: 595px;
}

/*.about__right-circle {*/
/*    filter: drop-shadow(0px 4px 50px rgba(15, 213, 188, 0.25));*/
/*    width: 371px;*/
/*    height: 371px;*/
/*    background: url('../img/circle_img.png') center bottom/100% no-repeat, #fff;*/
/*    border-radius: 100%;*/
/*    overflow: hidden;*/
/*}*/

.about__right-circle.tablet {
    display: none;
}



.find .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.find__left {
    max-width: 525px;
    margin-right: 45px;
}

.find__thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    width: 100%;
    /*max-width: 655px;*/
    max-width: 591px;
    
    /*height: 433px;*/
    height: 600px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.find__thumb.tablet {
    display: none;
}

.find__thumb.mobile {
    display: none;
    flex-direction: column;
    /*display: flex;*/
    text-align: center;
    justify-content: center;
    align-items: center;
}

.find__thumb.mobile img{
    max-height: 591px;
    /*max-width: 400px;*/
    width: initial!important;
    margin-bottom: 30px;
    
} 

.find__text {
    margin-top: 30px;   
    font-size: 18px;
    line-height: 28px;
    color: #fff;
}

.find__thumb img {
    display: block;
    /*width: 100%;*/
    border-radius: 8px;
    pointer-events: none;
    
    height: 100%;
}

.final__body {
    margin: 50px auto 0;
    max-width: 810px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.final__right {
    margin-left: 130px;
}

.final__text {
    margin-top: 20px;
    font-weight: 500;
    color: #434a57;
    font-size: 18px;
    line-height: 26px;
}

.final .download__links {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.final .download__links a {
    margin-right: 20px;
}

.final__capability-title {
    margin-top: 16px;
    color: #434a57;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}

.final__capability-list {
    margin-top: 15px;
}

.final__capability-item {
    font-size: 16px;
    font-weight: 500;
    color: #434a57;
    line-height: 40px;
    position: relative;
    padding-left: 30px;
}

.final__capability-item::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #434A57;
    display: block;
    position: absolute;
    top: 18px;
    left: 15px;
}

.footer a {
    text-decoration: none;
}

.footer {
    color: #fff;
    background: #434a57;
}

.footer > .container {
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__links {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.footer__link-item:not(:last-child) {
    margin-right: 20px;
}

.footer__bot {
    background: #2D323C;
    padding: 14px 0;
}

.footer__bot .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__copy {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: #fff;
    opacity: 0.5;
}

.footer__ilab {
    color: #F8F8FA;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
}

.footer__ilab img {
    margin-top: -2px;
    margin-right: 12px;
}

.footer__menu {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer__menu-item {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin: 0 25px;
    display: block;
}

@media(max-width: 1599px) {
    .find {
        background-size: cover;
        height: 690px;
    }
}

@media(max-width: 1249px) {
    .container {
        max-width: 985px;
    }
    .header {
        padding-top: 20px;
    }
    .hero .hero__slide {
        min-height: unset;
        padding: 120px 0;
        height: unset;
    }
    .hero__header {
        font-size: 38px;
        max-width: 500px;
    }
    .hero__descr {
        margin-top: 20px;
        max-width: 495px;
    }
    .choose {
        padding: 80px 0 112px;
    }
    .choose__list {
        margin-left: 50px;
    }
    .section__header {
        font-size: 34px;
    }
    .choose__left {
        max-width: 255px;
    }
    .choose__slider-wrapp {
        width: 100vw;
    }
    .main {
        overflow: hidden;
        position: relative;
    }
    .about__right-circle {
        width: 295px;
        height: 295px;
        margin-right: 100px;
    }
    .about__left {
        max-width: 492px;
    }
    .about {
        padding-top: 190px;
    }
    .find {
        padding: 80px 0;
        background: url('../img/find_img-tab.jpg') top center/cover no-repeat;
    }
    .find__left {
        max-width: 443px;
    }
    .find .block__download {
        flex-wrap: wrap;
    }
    .find .download__light.google {
        margin-top: 30px;
    }
    .find__thumb:first-child {
        display: none;
    }
    .find__thumb.tablet {
        display: flex;
        max-width: 492px;
        height: 469px;
    }
    .final__body {
        margin: 80px auto;
    }
    .final .download__links {
        margin-top: 25px;
    }
    .final .download__links a {
        margin-bottom: 0;
    }
    .footer__menu-item {
        margin: 0 20px;
    }
}

@media(max-width: 1023px) {
    .container {
        max-width: 726px;
    }
    .hero__header {
        font-size: 32px;
        text-align: center;
        max-width: 100%;
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .hero__header .tablet {
        display: block;
    }
    .hero__slide-right {
        display: none;
    }
    .hero__slide-left {
        width: 100%;
    }
    .hero__descr {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .block__download {
        justify-content: center;
    }
    .hero .download__light.google {
        margin-right: 0;
    }
    .hero__slider-progress .container {
        justify-content: center;
    }
    .hero .hero__slide {
        background-position: center;
        background-size: cover;
        padding-bottom: 140px;
        padding-top: 150px;
    }
    .section__header {
        font-size: 28px;
        text-align: center;
    }
    .choose__left {
        width: 100%;
        max-width: 312px;
        margin-left: auto;
        margin-right: auto;
    }
    .choose .container {
        flex-wrap: wrap;
    }
    .choose .download__links {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .choose .download__links .download__item {
        margin: 0 15px;
    }
    .choose {
        padding: 60px 0;
    }
    .choose__list {
        margin-left: 0;
        margin-top: 50px;
    }
    .choose__slider-wrapp {
        position: unset;
        width: 100%;
        margin-top: 30px;
        height: 100%;
    }
    .about {
        padding: 60px 0;
    }
    .about .container {
        flex-wrap: wrap;
    }
    .about__right-circle:not(.tablet) {
        display: none;
    }
    .about__right-circle.tablet {
        display: block;
        margin: 30px auto 0;
    }
    .about__left {
        max-width: 100%;
    }
    .about__text {
        margin-top: 40px;
    }
    .find .container {
        flex-wrap: wrap;
    }
    .find__left {
        margin-right: 0;
        max-width: 100%;
        width: 100%;
    }
    .find__left .section__header {
        max-width: 400px;
        margin-left: auto;  
        margin-right: auto;
    }
    .find__text {
        max-width: 590px;
        text-align: center;
        margin: 20px auto 0;
    }
    .find .block__download {
        margin-top: 30px;
    }
    .find .download__light.google {
        margin-top: 0;
        margin-right: 0;
    }
    .find__right {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .find__right .find__thumb {
        margin-top: 50px;
    }
    .find__right .find__thumb.tablet {
        display: none;
    }
    .find__right .find__thumb:first-child {
        display: flex;
        margin-left: auto;
        margin-right: auto;
    }
    .final__body {
        margin: 60px auto;
    }
    .final__right {
        margin-left: 55px;
    }
    .footer > .container {
        padding: 40px 0;
        flex-wrap: wrap;
    }
    .footer__menu {
        margin-top: 30px;
    }
    .footer__links {
        margin-top: 30px;
        justify-content: center;
        width: 100%;
    }
    .footer__logo {
        margin: 0 auto;
    }
}

@media(max-width: 767px) {
    .header__social {
        display: none;
    }
    .header__logo img {
        width: 123px;
    }
    .header__right div {
        margin-left: 25px;
    }
    .header__right .hamburger {
        margin-left: 20px;
    }
    .hero__header {
        font-size: 20px;
        max-width: 288px;
    }
    .hero .hero__slide {
        padding-top: 123px;
        padding-bottom: 100px;
    }
    .hero__descr {
        font-size: 16px;
        max-width: 288px;
    }
    .hero .block__download {
        flex-wrap: wrap;
        margin-top: 30px;
    }
    .hero .download__light.apple {
        margin-bottom: 20px;
        margin-right: 0;
    }
    .hero__slider-progress {
        bottom: 20px;
    }
    .section__header {
        font-size: 20px;
    }
    .choose .section__header {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }
    .choose .download__links .download__item {
        margin: 0 3px;
    }
    .choose .download__links {
        margin-top: 20px;
    }
    .choose__list {
        margin-top: 40px;
        padding-top: 0;
    }
    .choose__list-type {
        flex-shrink: 0;
        margin-right: 40px;
    }
    .choose .container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .choose__left {
        padding-left: 15px;
        padding-right: 15px;
    }
    .choose__list {
        padding-left: 15px;
        width: 100%;
        flex-wrap: wrap;
    }
    .choose__list-type:not(:first-child) {
        margin-top: 25px;
    }
    .choose__list-type {
        display: flex;
        flex-direction: column;
        align-items: center; 
        justify-content: flex-start;
        margin-right: 0;
        width: 100%;
    }
    .choose__type-items {
        margin-top: 15px;
        display: flex;
        flex-direction: column;
        align-items: center; 
        justify-content: flex-start;
    }
    .choose__list::-webkit-scrollbar {
        display: none;
    }
    .choose__type-title {
        font-size: 20px;
    }
    .choose__item {
        font-size: 16px;
    }
    .choose__slider-wrapp {
        padding-left: 15px;
    }
    .choose__slider-contrl {
        display: none;
    }
    .choose__slide-thumb {
        margin-right: 15px;
    }
    .about__right-circle {
        width: 193px;
        height: 193px;
    }
    .about__text {
        margin-top: 30px;
        font-size: 16px;
        line-height: 24px;
        max-width: 288px;
    }
    .about__left {
        margin-left: auto;
        margin-right: auto;
    }
    .find__left {
        margin-right: 0;
    }
    .find__left .section__header {
        max-width: 230px;
    }
    .find__text {
        font-size: 16px;
        line-height: 24px;
        margin-top: 15px;
    }
    .find .block__download .download__light {
        margin-right: 0;
    }
    .find .download__light.google {
        margin-top: 20px;
    }
    .find .block__download {
        margin-top: 25px;
    }
    .find {
        padding: 60px 0;
        background: url('../img/find_img-mob.jpg') top center/cover no-repeat;
    }
    .find__right .find__thumb:nth-child(1n) {
        margin-top: 40px;
        background: none;
        display: none;
    }
    .find__right .find__thumb.mobile {
        /*display: block;*/
        display: flex;
        border-radius: 8px;
        height: unset;
    }
    .final__body {
        flex-wrap: wrap;
    }
    .final__left {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .final__left img {
        width: 272px;
        display: block;
    }
    .final__right { 
        margin-left: 5px;
        margin-right: 5px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .final__logo {
        display: flex;
        justify-content: center;
    }
    .final__logo img {
        width: 255px;
    }
    .final .download__links a {
        margin-right: 0;
    }
    .final .download__links a:first-child {
        margin-right: 7px;
    }
    .final__text {
        text-align: center;
    }
    .final__capability-item {
        line-height: 30px;
    }
    .header__menu-green {
        max-width: 250px;
        padding: 30px;
    }
    .header__menu-close {
        left: 255px;
    }
    .footer__menu {
        flex-direction: column;
        width: 100%;
    }
    .footer__menu-item:not(:last-child) {
        margin-bottom: 15px;
    }
    .footer__bot .container {
        flex-direction: column;
    }
    .footer__ilab {
        margin-top: 20px;
    }
}