html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:700}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:after,*:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;outline:none}a:focus{outline:none}h1,h2,h3,h4,h5,h6{margin: 0;}ul,ol{margin: 0;padding: 0;list-style: none;}


@font-face {
    font-family: 'Mazzard M';
    src: url('../fonts/MazzardM-Light.eot');
    src: local('Mazzard M Light'), local('MazzardM-Light'),
        url('../fonts/MazzardM-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MazzardM-Light.woff2') format('woff2'),
        url('../fonts/MazzardM-Light.woff') format('woff'),
        url('../fonts/MazzardM-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Mazzard M';
    src: url('../fonts/MazzardM-Regular.eot');
    src: local('Mazzard M Regular'), local('MazzardM-Regular'),
        url('../fonts/MazzardM-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MazzardM-Regular.woff2') format('woff2'),
        url('../fonts/MazzardM-Regular.woff') format('woff'),
        url('../fonts/MazzardM-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Mazzard M';
    src: url('../fonts/MazzardM-Medium.eot');
    src: local('Mazzard M Medium'), local('MazzardM-Medium'),
        url('../fonts/MazzardM-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MazzardM-Medium.woff2') format('woff2'),
        url('../fonts/MazzardM-Medium.woff') format('woff'),
        url('../fonts/MazzardM-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Mazzard M';
    src: url('../fonts/MazzardM-SemiBold.eot');
    src: local('Mazzard M SemiBold'), local('MazzardM-SemiBold'),
        url('../fonts/MazzardM-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MazzardM-SemiBold.woff2') format('woff2'),
        url('../fonts/MazzardM-SemiBold.woff') format('woff'),
        url('../fonts/MazzardM-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


*, *:after, *:before {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body{
    font-family: 'Mazzard M';
    color: #1E1E1E;
}

body,
html{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
}

button{
    margin: 0;
    padding: 0;
    border: 0;
}

.noscroll {
    overflow: hidden;
}

.center {
    text-align: center;
}

a {
    color: #353BFF;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
}

p{
    margin: 0 0 27px;
}

p:last-child{
    margin-bottom: 0!important;
}

img,
iframe{
    display: block;
    max-width: 100%;
}

@media only screen and (max-width: 1185px){
    p {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px){
    p {
        margin-bottom: 18px;
    }
}

/*     main     */

.wrapper {
    overflow: hidden;
}

header,
section,
footer {
    display: block;
}

.container {
    position: relative;
    max-width: 1186px;
    margin: 0 auto;
    padding: 0 20px;
    z-index: 5;
}

@media only screen and (max-width: 1185px){
    .container {
        max-width: 1024px;
    }
}


@media only screen and (max-width: 1023px){
    .container {
        max-width: 768px;
    }
}

@media only screen and (max-width: 767px){
    .container {
        max-width: 375px;
        padding: 0 15px;
    }
}

.title {
    font-weight: 400;
    font-size: 36px;
    line-height: 48px;
}

.btn {
    display: inline-block;
    cursor: pointer;
    border: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.btn_blue {
    padding: 18px 57px;
    font-weight: 300;
    font-size: 16px;
    line-height: 33px;
    text-align: center;
    color: #fff;
    background: #353BFF;
    border-radius: 5px;
}

.btn_blue:hover {
    background: #292fdf;
}

.btn_link {
    position: relative;
    padding-left: 28px;
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
    color: #1A1A1A;
    /*
    background-image: url(../img/icon-star.svg);
    background-repeat: no-repeat;
    background-position: 0 6px;
    background-size: 12px;
    */
}

.btn_link:before {
    position: absolute;
    content: '';
    top: calc(50% - 8px);
    left: 0;
    width: 12px;
    height: 12px;
    background-image: url(../img/icon-star.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    animation: rotate 6s linear infinite;
}

.btn_link:hover {
    color: #353BFF;
}

@media only screen and (max-width: 1185px){
    .title {
        font-size: 32px;
        line-height: 44px;
    }

    .btn_blue {
        padding: 15px 47px;
    }
}

@media only screen and (max-width: 767px){
    .title {
        font-size: 26px;
        line-height: 38px;
    }
    
    .line-mob {
        display: block;
    }

    .line-mob br {
        display: none;
    }

    .btn_blue {
        padding: 13px 40px;
        font-size: 14px;
        line-height: 22px;
    }

    .btn_link {
        padding-left: 21px;
        font-size: 12px;
        line-height: 23px;
        background-position: 2px 8px;
        background-size: 6px;
    }
    
    .btn_link:before {
        top: calc(50% - 4px);
        left: 2px;
        width: 6px;
        height: 6px;
        background-size: 6px;
        animation: rotate 4s linear infinite;
    }
}

/*     owl     */

.owl-carousel {
    padding-bottom: 86px;
}

.owl-carousel .owl-nav {
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
    display: flex!important;
    justify-content: space-between!important;
    max-width: 410px!important;
    margin: 0 auto!important;
}

.owl-carousel .owl-nav button {
    position: relative!important;
    width: 42px!important;
    height: 42px!important;
    margin: 0!important;
    background: none!important;
    background-color: #ffffff!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    border-radius: 5px!important;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.owl-carousel .owl-nav button:hover {
    background-color: #fff!important;
    opacity: 1!important;
}

.owl-carousel .owl-nav button.disabled {
    cursor: default!important;
    background-color: initial!important;
}

.owl-carousel .owl-nav button span {
    display: none!important;
}

.owl-carousel .owl-nav button.owl-prev {
    background-image: url(../img/icon-arrow-prev-blue.svg)!important;
}

.owl-carousel .owl-nav button.owl-prev.disabled {
    background-image: url(../img/icon-arrow-prev-disabled.svg)!important;
}

.owl-carousel .owl-nav button.owl-next {
    background-image: url(../img/icon-arrow-next-blue.svg)!important;
}

.owl-carousel .owl-nav button.owl-next.disabled {
    background-image: url(../img/icon-arrow-next-disabled.svg)!important;
}

.owl-carousel .owl-dots {
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    bottom: 18px!important;
    display: flex!important;
    column-gap: 20px!important;
    justify-content: center!important;
    max-width: 240px!important;
    margin: 0 auto!important;
}

.owl-carousel .owl-dots .owl-dot {
    display: flex!important;
    width: 4px!important;
    height: 4px!important;
    background:#DEE1E9!important;
    border-radius: 2px!important;
    opacity: 0.5!important;
}

.owl-carousel .owl-dots .owl-dot span {
    display: none!important;
}

.owl-carousel .owl-dots .owl-dot.active,
.owl-carousel .owl-dots .owl-dot:hover{
    background: #fff!important;
    opacity: 1!important;
}

@media only screen and (max-width: 767px){
    .owl-carousel {
        padding-bottom: 60px;
    }

    .owl-carousel .owl-nav button {
        width: 33px!important;
        height: 33px!important;
    }

    .owl-carousel .owl-nav {
        max-width: 254px!important;
    }

    .owl-carousel .owl-dots {
        bottom: 13px!important;
        column-gap: 10px!important;
    }
}


/*     header     */

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border: 1px solid #F0F2F8;
    background: #fff;
    z-index: 10;
}

.header__block {
    position: relative;
    padding: 0 0 0 158px;
}

.header_logo {
    position: absolute;
    top: 18px;
    left: 0;
    display: block;
    width: 57px;
    height: 28px;
}

.header_logo-star {
    position: absolute;
    top: 1px;
    right: 0px;
    width: 9px;
    height: 9px;
    background-image: url(../img/icon-star.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 9px;
    animation: rotate 6s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(-360deg);
    }
}

.header__menu ul {
    display: flex;
    justify-content: center;
    column-gap: 115px;
}

.header__menu a {
    position: relative;
    display: inline-block;
    padding: 14px 11px 13px 11px;
    font-weight: 300;
    font-size: 15px;
    line-height: 33px;
    color: #1E1E1E;
    border-bottom: 2px solid initial;
}

.header__menu a:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: inherit;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.header__menu a:hover:after {
    background: #353BFF;
}

@media only screen and (max-width: 1185px){
    .header__menu ul {
        column-gap: 85px;
    }
}

@media only screen and (max-width: 1023px){
    .header__block {
        padding-left: 90px;
    }

    .header__menu ul {
        column-gap: 45px;
    }
}

@media only screen and (max-width: 767px){
    .header {
        min-height: 62px;
        background: none;
        border: none;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .header_open,
    .header_scroll {
        background: #fff;
    }

    .header_logo {
        position: fixed;
        top: 18px;
        left: 16px;
    }

    .header__block {
        padding: 0;
    }

    .header__menu {
        display: flex;
        justify-content: center;
        margin-top: -500px;
        padding-top: 120px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .header__menu ul {
        flex-direction: column;
        row-gap: 20px;
    }

    .header__menu a {
        padding: 5px 10px;
        font-size: 18px;
        line-height: 22px;
    }

    .header__burger {
        position: fixed;
        top: -1px;
        right: 0;
        width: 61px;
        height: 61px;
        cursor: pointer;
        background-color: #353BFF;
        background-image: url(../img/icon-burger.svg);
        background-repeat: no-repeat;
        background-position: center;
    }

    .header_open .header__burger {
        background-image: url(../img/icon-burger-close.svg);
        background-size: 16px;
    }

    .header_open {
        min-height: 100%;
    }

    .header_open .header__menu {
        margin-top: 0px;
    }
}

/*     first     */

.first {
    margin-top: 61px;
    padding: 112px 0 72px;
}

.first__title {
    line-height: 96px;
}

.first__title .blue {
    color: #353BFF;
}

.first__description {
    margin-top: 25px;
    font-weight: 300;
    font-size: 16px;
    line-height: 33px;
}


.first__description .blue {
    color: #353BFF;
}

.first__description p {
    margin-bottom: 33px;
}

.first__btn {
    margin-top: 95px;
}

.first__dots-pc {
    position: absolute;
    top: -59px;
    left: calc(50% - 31px);
    width: 604px;
    height: 500px;
    /*
    background-image: url(../img/first-dots.svg);
    background-position: center;
    background-repeat: no-repeat;
    */
}

.first__dots-pc {

}

.dot {
    fill: #E3E7F1!important;
}

@keyframes spin {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.dot-1 {
    animation: spin 2s infinite linear;

}

.dot-1_5 {
    animation: spin 2s infinite linear;
}

.dot-2 {
    animation: spin 2s infinite linear;
    animation-delay: 2s;
}

.dot-3 {
    animation: spin 2s infinite linear;
}

.dot-4 {
    animation: spin 2s infinite linear;
    animation-delay: 1s;
}

.first__dots-mob {
    display: none;
}

.first__dots-pc svg {
    position: relative;
    z-index: 1;
}

.first__dots-text {
    position: absolute;
    font-weight: 300;
    white-space: nowrap;
    background-image: url(../img/icon-element.svg);
    background-repeat: no-repeat;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    -webkit-transition: opacity 0.8s;
    -moz-transition: opacity 0.8s;
    -o-transition: opacity 0.8s;
    transition: opacity 0.8s;
    z-index: 2;
}

.first__dots-text {
    opacity: 0;
}

.first__dots-text.active {
    opacity: 1;
}

.first__dots-text.size-1 {
    padding-left: 34px;
    font-size: 16px;
    line-height: 33px;
    background-size: 20px;
    background-position: 0 5px;
}

.first__dots-text.size-2 {
    padding-left: 26px;
    font-size: 15px;
    line-height: 33px;
    background-size: 12px;
    background-position: 0 8px;
}

.first__dots-text.size-3 {
    padding-left: 20px;
    font-size: 12px;
    line-height: 33px;
    background-size: 6px;
    background-position: 0 12px;
}

.first__dots-text.size-4 {
    padding-left: 23px;
    font-size: 15px;
    line-height: 33px;
    background-size: 8px;
    background-position: 0 11px;
}

.first__dots-text.size-5 {
    padding-left: 23px;
    font-size: 14px;
    line-height: 33px;
    background-size: 8px;
    background-position: 0 12px;
}

.first__dots-text.text-1_1 {top: 319px;left: -7px;}
.first__dots-text.text-1_2 {top: -10px;left: 162px;}
.first__dots-text.text-1_3 {top: 453px;left: 261px;}
.first__dots-text.text-1_4 {top: 254px;left: 531px;}
.first__dots-text.text-1_5 {top: -10px;left: 565px;}

.first__dots-text.text-2_1 {top: 55px;left: 63px;}
.first__dots-text.text-2_2 {top: 483px;left: 498px;}
.first__dots-text.text-2_3 {top: 356px;left: 226px;}
.first__dots-text.text-2_4 {top: 253px;left: 330px;}
.first__dots-text.text-2_5 {top: 56px;left: 529px;}

.first__dots-text.text-3_1 {top: 185px;left: 99px;;}
.first__dots-text.text-3_2 {top: -13px;left: 0px;}
.first__dots-text.text-3_3 {top: 354px;left: 462px;}
.first__dots-text.text-3_4 {top: 482px;left: 32px;}
.first__dots-text.text-3_5 {top: 153px;left: 490px;}

.first__dots-text.text-4_1 {top: 21px;left: 429px;}
.first__dots-text.text-4_2 {top: 121px;left: 223px;}
.first__dots-text.text-4_3 {top: 418px;left: 65px;}
.first__dots-text.text-4_4 {top: 254px;left: 164px;}
.first__dots-text.text-4_5 {top: 419px;left: 563px;}

@media only screen and (max-width: 1185px){
    .first {
        padding: 60px 0 80px;
    }

    .first__title {
        line-height: 88px;
    }

    .first__description p {
        margin-bottom: 26px;
    }

    .first__btn {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 1023px){
    .first__dots-pc {
        top: -125px;
        left: calc(50% + 70px);
    }
}

@media only screen and (max-width: 767px){
    .first {
        padding: 54px 0 400px;
    }
    
    .first__title {
        padding-top: 20px;
        line-height: 38px;
        text-align: center;
    }

    .first__description {
        margin-top: 22px;
        font-size: 14px;
        line-height: 23px;
        text-align: center;
    }

    .first__description p {
        margin-bottom: 23px;
    }

    .first__btn {
        position: relative;
        margin-top: 31px;
        text-align: center;
        z-index: 2;
    }

    .first__dots-mob {
        display: block;
        position: absolute;
        top: -423px;
        left: calc(50% - 264px);
        transform: scale(0.73);
        width: 604px;
        height: 500px;
    }

    .dot,
    .dot ~ path {
        fill: #cdd3e2!important;
    }
    
    .first__dots-pc {
        top: 200px;
        left: calc(50% - 256px);
        transform: scale(0.73);
        z-index: 1;
    }
    
    .first__dots-text.text-1_2 {
        top: 20px;
        left: 232px;
    }
    
    .first__dots-text.text-3_3 {
        top: 385px;
        left: 394px;
    }
    
    .first__dots-text.text-3_5 {
        top: 183px;
        left: 390px;
    }
    
    .first__dots-text.text-4_1 {
        top: 51px;
        left: 364px;
    }


    .first__dots-text.size-1 {
        font-size: 20px;
        line-height: 33px;
    }
    
    .first__dots-text.size-2 {
        font-size: 19px;
        line-height: 33px;
    }
    
    .first__dots-text.size-3 {
        font-size: 16px;
        line-height: 33px;
    }
    
    .first__dots-text.size-4 {
        font-size: 19px;
        line-height: 33px;
    }
    
    .first__dots-text.size-5 {
        font-size: 18px;
        line-height: 33px;
    }
}

/*     about     */

.about {
    padding: 42px 0 40px;
}

.about__block {
    display: flex;
    justify-content: space-between;
    padding: 66px 10px 73px;
    background: rgba(246, 247, 251, 0.62);
    border: 1px solid #E7ECF3;
    border-radius: 34px;
}

.about__img {
    position: relative;
    width: 42.5%;
}

.about__img-img {
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

@media only screen and (min-width: 1024px){
    .about__img-img {
        position: absolute;
        top: 6px;
        left: 40px;
        width: 386px;
        height: 386px;
    }
}

.about__block-content {
    width: 57.5%
}

.about__description {
    margin-top: 16px;
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
}

@media only screen and (max-width: 1185px){
    .about__block {
        padding-right: 30px;
    }

    .about__img-img {
        top: 36px;
        width: 366px;
        height: 366px;
    }

    .about__block-content {
        width: 51.5%;
    }

    .about__description br {
        display: none;
    }
}

@media only screen and (max-width: 1023px){
    .about__block {
        flex-direction: column;
        row-gap: 40px;
        padding: 40px 30px;
    }

    .about__img {
        width: 100%;
    }

    .about__img-img {
        width: 272px;
        height: 272px;
        margin: 0 auto;
    }

    .about__block-content {
        width: 100%;
    }

    .about__title {
        text-align: center;
    }
}

@media only screen and (max-width: 767px){
    .about {
        padding: 0 0 40px;
    }

    .about__block {
        row-gap: 24px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .about__description {
        margin: 10px -3px 0;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
    }
}


/*     directions     */

.directions {
    padding: 40px 0 40px;
}

.directions__title {
    
}

.directions__title {
    position: relative;
    font-weight: 400;
    font-size: 63px;
    line-height: 87px;
}

.directions__title .blue {
    color: rgba(53, 59, 255, 1);
}

.directions__title .decore {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: 10px;
    padding-right: 4px;
    font-size: 20px;
    line-height: 20px;
    background-image: url(../img/icon-star.svg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 5px;
    transform: translate(0, -50%);
}

.directions__list {
    display: flex;
    flex-wrap: wrap;
    margin: 78px -10px -20px;
}

.directions__column {
    width: 50%;
    margin-bottom: 20px;
    padding: 0 10px;
}

.directions__container {
    border-radius: 34px;
    overflow: hidden;
}

.directions__item {
    position: relative;
    padding: 81px 52px 45px;
    color: #1E1E1E;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    overflow: hidden;
}

.directions__item:hover {
    color: #fff;
}

.directions__item:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border: 1px solid #E7ECF3;
    border-radius: 34px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
}

.directions__item:hover:before {
    background: #353BFF;
    border-color: #E7ECF3;
}

.directions__item_type-1 {
    height: 100%;
}

.directions__item_type-2 {
    height: 599px;
}

.directions__item-dots {
    position: absolute;
    top: 14px;
    left: -1px;
    z-index: 2;
}

.directions__item:hover .directions__item-dots circle.dot,
.directions__item:hover .directions__item-dots path {
    fill: #565BFF!important;
}

.directions__item-decore {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.directions__item:hover .directions__item-decore svg path.stroke {
    stroke: #fff;
}

.directions__item:hover .directions__item-decore svg path.fill {
    fill: #fff;
}

.directions__item-decore_1 {
    top: 33px;
    right: 15px;
}

.directions__item-decore_2 {
    top: -1px;
    right: 4px;
}

.directions__item-decore_3 {
    top: -1px;
    right: -1px;
}

.directions__item-decore_4 {
    top: -1px;
    right: 14px;
}

.directions__item-decore_5 {
    top: 17px;
    right: 15px;
}

.directions__item-title {
    position: relative;
    font-size: 30px;
    line-height: 46px;
    z-index: 2;
}

.directions__item-description {
    position: relative;
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
    z-index: 2;
}

.directions__item_type-1 .directions__item-description {
    margin-top: 120px;
}

.directions__item_type-2 .directions__item-description {
    margin-top: 138px;
}


.directions__item-description ul {
    position: relative;
    top: -10px;
    margin: 26px 0;
}

.directions__item-description ul:last-child {
    margin-bottom: 0!important;
}

.directions__item-description li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 30px;
}

.directions__item-description li:last-child {
    margin-bottom: 0;
}

.directions__item-description li:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    background-image: url(../img/icon-star.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 8px;
}

.directions__item:hover .directions__item-description li:before {
    background-image: url(../img/icon-star-white.svg);
}

@media only screen and (max-width: 1280px){
    .directions__list {
        margin-top: 50px;
    }

}

@media only screen and (max-width: 1185px){
    .directions__title {
        font-size: 52px;
        line-height: 64px;
    }
    
    .directions__item {
        padding: 80px 30px 35px;
    }

    .directions__item-title {
        font-size: 26px;
    }

    .directions__item-description br {
        display: none;
    }
}

@media only screen and (max-width: 1023px){
    
    .directions__title {
        font-size: 32px;
        line-height: 44px;
    }

    .directions__title .decore {
        margin-top: 4px;
        font-size: 16px;
        line-height: 16px;
    }

    .directions__list {
        margin-top: 35px;
    }

    .directions__item {
        padding-top: 50px;
        flex-direction: column;
        row-gap: 30px;
    }

    .directions__item_type-2 {
        height: 100%;
    }

    .directions__item-dots {
        top: -26px;
        left: -81px;
    }

    .directions__item-decore {
        transform: scale(0.65);
    }

    .directions__item-decore_1 {
        top: 3px;
        right: -15px;
    }

    .directions__item-decore_2 {
        top: -32px;
        right: -36px;
    }

    .directions__item-decore_3 {
        top: -39px;
        right: -41px;
    }

    .directions__item-decore_4 {
        top: -32px;
        right: -26px;
    }

    .directions__item-decore_5 {
        top: -13px;
        right: -25px;
    }

    .directions__item-title {
        font-size: 24px;
    }

    .directions__item_type-1 .directions__item-description,
    .directions__item_type-2 .directions__item-description {
        margin-top: 80px;
    }
}

@media only screen and (max-width: 767px){
    .directions {
        padding: 22px 0 30px;
    }

    .portfolio__title {
        font-size: 27px;
        line-height: 38px;
    }

    .directions__list {
        margin-top: 16px;
    }

    .directions__column {
        width: 100%;
    }

    .directions__container {
        border-radius: 16px;
    }

    .directions__item {
        padding: 52px 20px 22px;
        
    }

    .directions__item:before {
        border-radius: 16px;
    }

    .directions__item-title {
        font-size: 23px;
        line-height: 39px;
    }

    .directions__item-description {
        margin-top: 12px;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
    }

    .directions__item-description p {
        display: inline;
        margin: 0;
    }

    .directions__item-description ul {
        margin: 16px 0;
        text-align: left;
    }

    .directions__item-description li {
        position: relative;
        margin-bottom: 5px;
        padding-left: 25px;
    }
}


/*     portfolio     */

.portfolio {
    padding: 43px 0 80px;
}

.portfolio__title {
    text-align: center;
}

.portfolio__tabs {
    display: flex;
    column-gap: 12px;
    justify-content: center;
    margin-top: 19px;
}

.portfolio__tab-name {
    display: block;
    align-items: center;
    justify-content: center;
    padding: 18px 44px;
    font-weight: 300;
    font-size: 16px;
    line-height: 31px;
    cursor: pointer;
    color: #CED4E7;
    border: 1px solid #D6DBEB;
    border-radius: 5px;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.portfolio__tab-name.active {
    cursor: default;
    color: #ffffff;
    border: 1px solid #353BFF;
    background-color: #353BFF;
}

.portfolio__tab-name span {
    position: relative;
    left: 0;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.portfolio__tab-name.active span {
    position: relative;
    left: 10px;
}

.portfolio__tab-name.active span:before {
    position: absolute;
    top: 2px;
    left: -20px;
    content: url(../img/icon-star-white.svg);
}

.portfolio__list {
    margin-top: 30px;
}

.portfolio__contents {
    margin-top: 35px;
}

.portfolio__content {
    display: none;
}

.portfolio__content.active {
    display: block;
}

.portfolio__item {
    position: relative;
    display: flex;
    justify-content: space-between;
    min-height: 344px;
    margin-bottom: 9px;
    padding: 42px 35px 35px;
    background: #F9FAFD;
    border-radius: 34px;
}

.portfolio__item:last-child {
    margin-bottom: 0;
}

.portfolio__item-main {
    width: 480px;
}

.portfolio__item-gallery {
    width: 600px;
    margin: -22px -14px 0 0;
}

.gallery-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}

.gallery-list__item {
    width: 33.33%;
    padding: 0 4px;
}

.gallery-list__item img {
    border-radius: 8px;
}


.gallery-digital {
    display: flex;
    flex-wrap: wrap;
    margin: 27px -4px 0;
}

.gallery-digital li {
    width: 33.33%;
    padding: 0 4px;
}

.gallery-digital li span {
    display: block;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #9198AD;
}

.gallery-digital li strong {
    display: block;
    font-weight: 600;
    font-size: 30px;
    line-height: 50px;
}


.portfolio__item-img {
    position: absolute;
    bottom: 0;
}

.portfolio__item-img_1 {
    position: absolute;
    right: 50px;
    width: 600px;
}

.portfolio__item-title {
    position: relative;
    display: flex;
    column-gap: 18px;
    align-items: center;
    font-weight: 600;
    font-size: 30px;
    line-height: 49px;
}

.portfolio__item-title span {
    position: absolute;
    right: 25px;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    color: #FF555F;
}

.portfolio__item-title img {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
}

.portfolio__item-text {
    margin-top: 24px;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    color: #9198AD;
}

.portfolio__item-text a {
    position: relative;
    color: #9198AD;
}

.portfolio__item-text a:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #9198AD;
}

.portfolio__item-btn {
    margin-top: 35px;
}

.portfolio__item-digital {
    position: relative;
    width: 557px;
    margin-top: -6px;
    padding-right: 124px;
}

.digital-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -32px;
}

.portfolio__item-digital li {
    width: 50%;
    margin-bottom: 32px;
    white-space: nowrap;
}

.portfolio__item-digital li span {
    display: block;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #9198AD;
}

.portfolio__item-digital li strong {
    display: block;
    font-weight: 600;
    font-size: 30px;
    line-height: 50px;
}

.digital-list_more {
    position: absolute;
    top: 0;
    left: 437px;
}

.digital-list_more .blue {
    margin-top: 134px;
}

.digital-list_more .blue strong {
    color: #353BFF;
}

@media only screen and (max-width: 1185px) {
    .portfolio__tab-name {
        padding: 12px 42px;
    }

    .portfolio__item-digital {
        width: 420px;
        margin-top: 0;
        padding-right: 100px;
    }

    .portfolio__item-digital li span {
        font-size: 14px;
        line-height: 14px;
    }

    .portfolio__item-digital li strong {
        font-size: 24px;
        line-height: 44px;
    }

    .digital-list_more {
        left: 340px;
    }

    .digital-list_more .blue {
        margin-top: 122px;
    }

    .portfolio__item-img_1 {
        right: 30px;
        width: 500px;
    }

    .portfolio__item-gallery {
        width: 420px;
        margin: 0 -10px 0 0;
    }

    .gallery-digital {
        margin-top: 20px;
    }
    
    .gallery-digital li span {
        font-size: 14px;
        line-height: 14px;
    }

    .gallery-digital li strong {
        font-size: 24px;
        line-height: 44px;
    }
}

@media only screen and (max-width: 1023px) {
    .portfolio__tabs {
        flex-wrap: wrap;
        margin: 35px -6px -24px;
    }

    .portfolio__tab {
        width: 49%;
        padding: 0 6px;
        margin-bottom: 24px;
    }

    .portfolio__tab-name {
        text-align: center;
    }

    .portfolio__item {
        flex-direction: column;
        row-gap: 40px;
    }
    
    .portfolio__item-main {
        width: 100%;
    }

    .portfolio__item-text br {
        display: none;
    }

    .portfolio__item-digital {
        width: 100%;
        padding-right: 220px;
    }

    .digital-list_more {
        left: 438px;
    }

    .portfolio__item-img {
        position: relative;
    }

    .portfolio__item-img_1 {
        right: 0;
        width: 500px;
        margin: 0 auto -35px;
    }

    .portfolio__item-gallery {
        width: 100%;
        margin: 0;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio {
        padding: 28px 0 30px;
    }

    .portfolio__tabs {
        column-gap: 0;
        margin: 17px -2px -4px;
    }

    .portfolio__tab {
        width: 33.3333%;
        margin-bottom: 4px;
        padding: 0 2px;
    }

    .portfolio__tab-name {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        font-size: 14px;
        line-height: 15px;
        border-radius: 3px;
    }

    .portfolio__tab-name.active span:before {
        top: 50%;
        margin-top: -5px;
        left: -20px;
        content: url(../img/icon-star-white.svg);
        transform: scale(0.65);
    }

    .portfolio__contents {
        margin-top: 15px;
    }

    .portfolio__item {
        display: flex;
        row-gap: 20px;
        justify-content: flex-start;
        min-height: initial;
        margin-bottom: 14px;
        padding: 28px 20px 22px;
        background: #F9FAFD;
        border-radius: 16px;
    }

    .portfolio__item-title {
        column-gap: 12px;
        font-size: 20px;
        line-height: 33px;
    }

    .portfolio__item-title img {
        width: 31px;
        height: 31px;
        flex: 0 0 31px;
    }

    .portfolio__item-title span {
        right: 0;
        font-size: 12px;
        line-height: 22px;
    }

    .portfolio__item-text {
        margin-top: 20px;
        font-size: 14px;
        line-height: 22px;
    }

    .portfolio__item-btn {
        margin-top: 11px;
    }

    .portfolio__item-digital {
        width: 100%;
        padding-right: 0;
    }

    .digital-list {
        margin-bottom: -17px;
    }

    .digital-list_more {
        position: relative;
        top: 0;
        left: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: 17px;
        margin-bottom: -20px;
    }

    .digital-list_more .blue {
        margin-top: 0;
    }

    .portfolio__item-digital li {
        width: 49%;
        margin-bottom: 17px;
    }

    .portfolio__item-digital li span {
        font-size: 14px;
        line-height: 18px;
    }

    .portfolio__item-digital li strong {
        font-size: 19px;
        line-height: 33px;
    }

    .portfolio__item-img_1 {
        width: 280px;
        margin-bottom: -22px;
    }

    .gallery-digital {
        margin-top: 10px;
    }

    .gallery-digital li span {
        font-size: 12px;
        line-height: 18px;
    }

    .gallery-digital li strong {
        font-size: 19px;
        line-height: 33px;
    }
}

/*     team     */

.team {
    padding: 60px 0 54px;
    background: #353BFF;
    border-radius: 35px;
}

.team__title {
    text-align: center;
    color: #fff;
}

.team__slider {
    margin: 33px 12px 0;
}

.team__slider .owl-stage-outer {
    overflow: initial!important;
}

.team__item {
    position: relative;
    width: 361px;
    height: 375px;
    text-align: left;
    background-color: #F9FAFD;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 101%;
    border-radius: 33px;
}

.team__item-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px 35px 15px;
    background: #FFFFFF;
    border-radius: 33px;
}

.team__item-name {
    padding-left: 24px;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #1E1E1E;
    background-image: url(../img/icon-star.svg);
    background-position: left 1px top 11px;
    background-repeat: no-repeat;
    background-size: 11px;
}

.team__item-text {
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    color: #636875;
}

@media only screen and (max-width: 1185px) {
    .team__item {
        width: 320px;
        height: 336px;
    }

    .team__item-name {
        font-size: 24px;
        line-height: 32px;
        background-position: 0 9px;
    }

    .team__item-text {
        font-size: 14px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 1023px) {
    .team {
        padding: 40px 0 45px;
    }

    .team__item {
        width: 290px;
        height: 304px;
    }

    .team__item-text {
        line-height: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .team {
        padding: 31px 0 38px;
        border-radius: 16px;
    }

    .team__slider {
        margin-top: 17px;
    }

    .team__item {
        width: 265px;
        height: 275px;
        text-align: left;
        border-radius: 16px;
    }

    .team__item-content {
        border-radius: 16px;
    }

    .team__item-name {
        font-size: 22px;
    }
}

/*     contancts     */


.contacts {
    padding: 82px 0 0;
}

.contacts__title {
    text-align: center;
}

.contacts__block {
    position: relative;
    height: 566px;
    margin-top: 33px;
    padding: 70px 65px;
    background-color: #0C0A14;
    background-image: url(../img/contacts-bg.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 610px;
    border-radius: 34px;
}

.contacts__block-title {
    color: #FFFFFF;
}

.contacts__block-form {
    max-width: 430px;
    margin-top: 26px;
}

.form__line {
    margin-bottom: 11px;
}

.form__line_last {
    margin: 26px 0 0;
}

.form__line input[type="email"],
.form__line input[type="text"],
.form__line input[type="tel"],
.form__line textarea {
    width: 100%;
    padding: 18px 18px 18px 69px;
    font-weight: 300;
    font-size: 15px;
    line-height: 33px;
    font-family: 'Mazzard M';
    color: #fff;
    background: #222129;
    background-repeat: no-repeat;
    border: none;
    border-radius: 5px;
    -webkit-transition: border 0.2s;
    -moz-transition: border 0.2s;
    -o-transition: border 0.2s;
    transition: border 0.2s;
}

.form__line textarea {
    height: 147px;
    resize: none;
}

.form__line input[type="email"]:focus,
.form__line input[type="text"]:focus,
.form__line input[type="tel"]:focus {
    
}

.form__line input.icon-email {
    background-image: url(../img/icon-input-email.svg);
    background-position: left 31px top 28px;
}

.form__line textarea.icon-text {
    background-image: url(../img/icon-input-text.svg);
    background-position: left 31px top 27px;
}

.form__line input[type="email"]::-webkit-input-placeholder,
.form__line input[type="text"]::-webkit-input-placeholder,
.form__line input[type="tel"]::-webkit-input-placeholder,
.form__line textarea::-webkit-input-placeholder{
    color: #6D6C78;
}

.form__line input[type="email"]::-moz-placeholder,
.form__line input[type="text"]::-moz-placeholder,
.form__line input[type="tel"]::-moz-placeholder,
.form__line textarea::-moz-placeholder{
    color: #6D6C78;
}

.form__line input[type="email"]:-ms-input-placeholder,
.form__line input[type="text"]:-ms-input-placeholder,
.form__line input[type="tel"]:-ms-input-placeholder,
.form__line textarea:-ms-input-placeholder{
    color: #6D6C78;
}

.form__line input[type="email"]:-moz-placeholder,
.form__line input[type="text"]:-moz-placeholder,
.form__line input[type="tel"]:-moz-placeholder,
.form__line textarea:-moz-placeholder{
    color: #6D6C78;
}

.form__line_last .btn {
    display: block;
    width: 100%;
    max-width: 218px;
}

@media only screen and (max-width: 1185px) {
    .contacts__block {
        height: 520px;
    }

    .contacts__block-form {
        max-width: 360px;
    }
}

@media only screen and (max-width: 1023px) {
    .contacts__block {
        height: auto;
        padding: 35px;
        background-size: 320px;
    }

    .form__line input[type="email"],
    .form__line input[type="text"],
    .form__line input[type="tel"],
    .form__line textarea {
        padding: 14px 18px 14px 55px;
    }

    .form__line input.icon-email {
        background-image: url(../img/icon-input-email.svg);
        background-position: left 22px top 22px;
    }
    
    .form__line textarea.icon-text {
        background-image: url(../img/icon-input-text.svg);
        background-position: left 22px top 22px;
    }
}

@media only screen and (max-width: 767px) {
    .contacts__block {
        height: 700px;
        margin-top: 15px;
        padding: 42px 33px 35px;
        border-radius: 16px;
        background-image: url(../img/contacts-bg-mob.png);
        background-size: 519px;
        background-position: center bottom -10px;
    }
}

/*     footer     */

.footer {
    padding: 139px 0 40px;
}

.footer__logo {
    position: relative;
    display: block;
    width: 115px;
    margin: 0 auto;
}

.footer__logo-star {
    position: absolute;
    top: 1px;
    right: 0px;
    width: 18px;
    height: 18px;
    background-image: url(../img/icon-star.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    animation: rotate 6s linear infinite;
}

.footer__menu {
    margin: 133px 0 42px;
}

.footer__menu ul {
    display: flex;
    justify-content: center;
    column-gap: 55px;
}

.footer__menu a {
    position: relative;
    display: inline-block;
    padding: 10px;
    font-weight: 300;
    font-size: 15px;
    line-height: 15px;
    color: #1E1E1E;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.footer__menu a:hover {
    font-weight: 500;
    color: #353BFF;
}

.footer__social {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 69px;
}

.footer__social-item {
    position: relative;
    transform: scale(1);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.footer__social-item:hover {
    transform: scale(1.2);
}

.footer__dots-1 {
    position: absolute;
    top: -87px;
    left: calc(50% - 775px);
    width: 603px;
    height: 369px;
    /*
    background-image: url(../img/footer-dots-1.svg);
    background-position: center;
    background-repeat: no-repeat;
    */
}

.footer__dots-2 {
    position: absolute;
    top: -87px;
    left: calc(50% + 117px);
    width: 603px;
    height: 369px;
    /*
    background-image: url(../img/footer-dots-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    */
}

@media only screen and (max-width: 1023px) {
    
}

@media only screen and (max-width: 767px) {
    .footer {
        padding: 85px 0 25px;
    }

    .footer__logo {
        width: 57px;
    }
    
    .footer__logo-star {
        top: 1px;
        right: 0px;
        width: 9px;
        height: 9px;
        background-size: 9px;
    }

    .footer__logo svg {
        width: 100%;
        height: auto;
    }

    .footer__dots-1 {
        top: -117px;
        left: calc(50% - 507px);
        transform: scale(0.55);
    }

    .footer__dots-2 {
        top: -116px;
        left: calc(50% - 94px);
        transform: scale(0.55);
    }

    .footer__menu {
        margin: 80px 0 18px;
    }

    .footer__menu ul {
        column-gap: 20px;
    }

    .footer__menu a {
        padding: 5px 0;
        font-size: 14px;
    }

    .footer__social {
        column-gap: 52px;
    }

    .footer__social-item {
        transform: scale(0.85);
    }
}