.swiper-pagination-bullet:before {
    background: none!important;
}

@font-face {
    font-family: Gotham;
    src: url("/fonts/Gotham Black 900.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Proxima Nova Bold";
    src: url(/fonts/ProximaNova-Bold.eot);
    src: local("fonts/Proxima Nova Bold"),local("ProximaNova-Bold"),url(/fonts/ProximaNova-Bold.eot#iefix) format("embedded-opentype"),url(/fonts/ProximaNova-Bold.woff) format("woff"),url(/fonts/ProximaNova-Bold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Proxima Nova Black";
    src: url(/fonts/ProximaNova-Black.eot);
    src: local("fonts/Proxima Nova Black"),local("ProximaNova-Black"),url(/fonts/ProximaNova-Black.eot#iefix) format("embedded-opentype"),url(/fonts/ProximaNova-Black.woff) format("woff"),url(/fonts/ProximaNova-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Proxima Nova Semibold";
    src: url(/fonts/ProximaNova-Semibold.eot);
    src: local("fonts/Proxima Nova Semibold"),local("ProximaNova-Semibold"),url(/fonts/ProximaNova-Semibold.eot#iefix) format("embedded-opentype"),url(/fonts/ProximaNova-Semibold.woff) format("woff"),url(/fonts/ProximaNova-Semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: PTSans-Bold;
    font-weight: 700;
    src: url(/fonts/PTSans-Bold.eot);
    src: url(/fonts/PTSans-Bold.eot#iefix) format("embedded-opentype"),url(/fonts/PTSans-Bold.woff2) format("woff2");
}

body {
    margin: 0!important;
    overflow-x: hidden!important;
}

.banner {
    height: 460px!important;
    overflow: hidden!important;
}

.banner__container {
    display: grid!important;
    position: relative!important;
    grid-template-areas: "description image" "category ."!important;
    max-width: 1380px!important;
    margin: auto!important;
    height: 100%!important;
}

.banner__description-title {
    margin-bottom: 20px!important;
    font-family: "Proxima Nova Black"!important;
    font-size: 48px!important;
    line-height: 58px!important;
    text-transform: uppercase!important;
    color: #fefeff!important;
    z-index: 1!important;
    position: relative!important;
}

.banner__description-advantages {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

.banner__description-advantage {
    margin-right: 10px!important;
    text-align: center!important;
    border-radius: 8px!important;
    background: rgba(254,254,255,.15)!important;
    -webkit-backdrop-filter: blur(3px)!important;
    backdrop-filter: blur(3px)!important;
    padding: 10px!important;
    font-family: "Proxima Nova Semibold"!important;
    font-size: 15px!important;
    line-height: 18px!important;
    color: #fefeff!important;
}

.banner__description {
    padding-top: 81px!important;
    grid-area: description!important;
}

.banner__description-link {
    /*font-family: "Proxima Nova Bold"!important;*/
    font-weight: 700!important;
    font-size: 18px!important;
    line-height: 24px!important;
    color: #fefeff!important;
    text-decoration: none!important;
}

.banner__description-link img {
    margin-left: 9px!important;
    margin-top: 18px;
}

.banner__description-button {
    cursor: pointer!important;
    border: none!important;
    outline: 0!important;
    height: 44px!important;
    background: #365edc!important;
    border-radius: 6px!important;
    margin-right: 26px!important;
    padding: 0 20px!important;
    /*font-family: "Proxima Nova Bold" !important;*/
    font-weight: 700!important;
    font-size: 18px!important;
    line-height: 24px!important;
    color: #fefeff!important;
}

.banner__description-controls {
    margin-top: 61px!important;
}

.banner__category {
    grid-area: category!important;
    font-family: Gotham,sans-serif!important;
    font-weight: 900!important;
    line-height: normal!important;
    letter-spacing: .05em!important;
    text-transform: uppercase!important;
    position: absolute!important;
    z-index: 1!important;
    color: rgba(254,254,255,.1)!important;
    -webkit-text-stroke-width: 2px!important;
    -webkit-text-stroke-color: rgba(254,254,255,.4)!important;
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
}

.banner__image {
    grid-area: image!important;
    justify-self: end!important;
}

.banner__image img {
    width: 100%!important;
}

.banner .blue-text {
    font-size: 51px!important;
    color: #365edc!important;
}

.banner .rub {
    font-family: PTSans-Bold,sans-serif!important;
    margin: 0 1px!important;
    font-size: 48px!important;
    font-weight: 700!important;
}

.banner .spacer {
    display: none!important;
}

.banner--1 {
    background: -o-linear-gradient(354.63deg,#585b5e 0,#6d7073 10.07%,#bdbdbe 44.07%,#e7e7e7 98.31%)!important;
    background: linear-gradient(95.37deg,#585b5e 0,#6d7073 10.07%,#bdbdbe 44.07%,#e7e7e7 98.31%)!important;
}

.banner--1 .banner__category {
    font-size: 96px!important;
    bottom: -28px!important;
}

.banner--1 .banner__image {
    margin-top: 30px!important;
    max-width: 520px!important;
    height: 400px!important;
}

.banner--2 {
    background: -o-linear-gradient(left,rgba(0,0,0,.2) 0,rgba(0,0,0,.193845) 20.53%,rgba(0,0,0,0) 79.61%),-o-linear-gradient(355.01deg,#1961a9 1.01%,#5f8fc2 15.58%,#76a0cd 30.68%,#93add3 43.53%,#cfe2ff 99.05%)!important;
    background: linear-gradient(90deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.193845) 20.53%,rgba(0,0,0,0) 79.61%),linear-gradient(94.99deg,#1961a9 1.01%,#5f8fc2 15.58%,#76a0cd 30.68%,#93add3 43.53%,#cfe2ff 99.05%)!important;
}

.banner--2 .banner__category {
    font-size: 72px!important;
    bottom: -18px!important;
    white-space: nowrap!important;
}

.banner--2 .banner__image {
    max-width: 465px!important;
    height: 460px!important;
}

.banner--3 {
    background: -o-linear-gradient(left,rgba(0,0,0,.2) 0, rgba(0,0,0,.193845) 20.53%, rgba(0,0,0,0) 79.61%), -o-linear-gradient(353.65deg,#34b4da 10.24%,#7ac8df 24.66%,#98d5e8 47.09%,#98d5e8 60.78%,#98d5e8 88.53%)!important;
    background: linear-gradient(10deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.193845) 1%,rgba(0,0,0,0) 79.61%), linear-gradient(80deg,#005AA7 0.3%,#FFFDE4 70% ) !important;
    /*linear-gradient(90deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.193845) 20.53%,rgba(0,0,0,0) 79.61%),
linear-gradient(96.35deg,#34b4da 10.24%,#7ac8df 24.66%,#98d5e8 47.09%,#98d5e8 60.78%,#98d5e8 88.53%)!important;*/
}
.banner--4 {
    background: linear-gradient(96.35deg, #34B4DA 10.24%, #7AC8DF 24.66%, #98D5E8 47.09%, #98D5E8 60.78%, #98D5E8 88.53%),
linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.193845) 20.53%, rgba(0, 0, 0, 0) 79.61%)!important;
	

    /*linear-gradient(90deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.193845) 20.53%,rgba(0,0,0,0) 79.61%),
linear-gradient(96.35deg,#34b4da 10.24%,#7ac8df 24.66%,#98d5e8 47.09%,#98d5e8 60.78%,#98d5e8 88.53%)!important;*/
}

.banner--3 .banner__category
 {
    white-space: nowrap!important;
    font-size: 72px!important;
    bottom: -15px!important;
}
.banner--4 .banner__category {
    white-space: nowrap!important;
    font-size: 68px!important;
    bottom: -15px !important;
}

.banner--3 .banner__description-title, .banner--4 .banner__description-title {
    white-space: nowrap!important;
}

.banner--3 .banner__image img, .banner--3 .banner__image img {
    height: 460px!important;
    width: 600px!important;
    margin-left: 25px!important;
}

.dots {
    position: relative!important;
    top: 0!important;
    bottom: 0!important;
    text-align: right!important;
}

.controls {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    max-width: 1380px!important;
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: end!important;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    margin: auto!important;
    margin-top: 16px!important;
    height: 40px!important;
}

.controls__icon {
    width: 6px!important;
    height: 12px!important;
    background: url(img/control.svg);
    background-size: 6px 12px!important;
    -webkit-transition: .3s!important;
    -o-transition: .3s!important;
    transition: .3s!important;
}

.controls__button {
    width: 41px!important;
    height: 38px!important;
    border: 1px solid #aeaeae!important;
    border-radius: 4px!important;
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
    cursor: pointer!important;
    -webkit-transition: .3s ease-in-out!important;
    -o-transition: .3s ease-in-out!important;
    transition: .3s ease-in-out!important;
    margin-left: 12px!important;
    margin-top: 0!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    position: relative!important;
    top: 0!important;
    bottom: 0!important;
    left: 0!important;
    right: 0!important;
}

.controls__button.next {
    -webkit-transform: rotate(180deg)!important;
    -ms-transform: rotate(180deg)!important;
    transform: rotate(180deg)!important;
}

.controls__button.prev {
    margin-left: 8px!important;
}

.controls__button:hover {
    border-color: #365edc!important;
    background: none!important;
}

.controls__button:hover .controls__icon {
    background-image: url(img/control_blue.svg)!important;
    background-color: none!important;
}

.controls__button::after {
    display: none!important;
}

.controls .dot {
    display: inline-block!important;
    width: 8px!important;
    height: 8px!important;
    background-color: #d8d8d8!important;
    border-radius: 1px!important;
    margin: 0 4px!important;
    opacity: 1!important;
    cursor: pointer!important;
    position: relative!important;
    -webkit-transition: background-color .3s!important;
    -o-transition: background-color .3s!important;
    transition: background-color .3s!important;
}

.controls .dot.swiper-pagination-bullet-active {
    background-color: #365edc!important;
    width: 10px!important;
    height: 10px!important;
    top: 1px!important;
}

@media screen and (max-width: 1440px) {
    .banner__container {
        max-width:1170px!important;
    }

    .banner.banner--1 .banner__category {
        bottom: -24px!important;
    }

    .banner.banner--1 .banner__image {
        margin-right: -25px!important;
        max-width: 520px!important;
        margin-top: 30px!important;
    }

    .banner.banner--2 .banner__image {
        margin-right: -211px!important;
    }

    .banner.banner--2 .banner__category {
        bottom: -20px!important;
    }

    .banner.banner--3 .banner__image img, .banner.banner--4 .banner__image img {
        height: 460px!important;
        width: 600px!important;
        margin-left: -110px!important;
        margin-top: 3px!important;
    }

    .banner.banner--3 .banner__category, .banner.banner--4 .banner__category {
        bottom: -13px!important;
    }

    .controls {
        max-width: 1170px!important;
    }

    !important;}

@media screen and (max-width: 1180px) {
    .banner__container {
        max-width:960px!important;
    }

    .banner__category {
        bottom: -24px!important;
    }

    .banner__image {
        position: absolute!important;
        width: 364px!important;
        height: 280px!important;
        bottom: -61px!important;
        right: -20px!important;
    }

    .banner.banner--2 .banner__image {
        width: 465px!important;
    }

    .banner.banner--2 .banner__category {
        font-size: 48px!important;
        bottom: -12px!important;
    }

    .banner.banner--3 .banner__category, .banner.banner--4 .banner__category {
        bottom: -18px!important;
        z-index: 1!important;
    }

    .banner.banner--3 .banner__image img, .banner.banner--4 .banner__image img {
        margin-left: -50px!important;
        margin-top: -170px!important;
    }

    .controls {
        max-width: 960px!important;
    }

    !important;}

@media screen and (max-width: 1024px) {
    .banner.banner--1 .banner__image {
        height:280px!important;
        margin-right: 0!important;
    }

    .banner.banner--2 .banner__image {
        right: -157px!important;
        top: 0!important;
        width: 460px!important;
        margin-right: 0!important;
    }

    .banner.banner--3 .banner__category, .banner.banner--4 .banner__category {
        bottom: -11px!important;
        font-size: 48px!important;
    }

    .banner.banner--3 .banner__image img, .banner.banner--4 .banner__image img {
        margin-left: -16px!important;
        margin-top: -171px!important;
    }

    .controls {
        max-width: 960px!important;
    }

    !important;}

@media screen and (max-width: 990px) {
    .banner {
        height:360px!important;
    }

    .banner .blue-text {
        font-size: 44px!important;
    }

    .banner .rub {
        font-size: 41px!important;
    }

    .banner__category {
        padding-left: 20px!important;
    }

    .banner__description {
        padding-top: 29px!important;
    }

    .banner__description-button {
        height: 41px!important;
        font-size: 16px!important;
    }

    .banner__description-link {
        font-size: 16px!important;
    }

    .banner__description-advantages {
        padding-left: 20px!important;
    }

    .banner__description-advantage {
        padding: 6px 10px!important;
        margin-right: 8px!important;
    }

    .banner__description-controls {
        padding-left: 20px!important;
        margin-top: 60px!important;
    }

    .banner__description-title {
        font-size: 40px!important;
        padding-left: 20px!important;
        margin-bottom: 17px!important;
    }

    .banner.banner--1 .banner__category {
        font-size: 64px!important;
        bottom: -17px!important;
    }

    .banner.banner--1 .banner__image {
        max-width: 286px!important;
        bottom: -53px!important;
        height: 208px!important;
        right: 0!important;
    }

    .banner.banner--2 .banner__category {
        font-size: 44px!important;
    }

    .banner.banner--2 .banner__image {
        width: 360px!important;
        height: 360px!important;
        right: -181px!important;
        top: -3px!important;
    }

    .banner.banner--3 .banner__category, .banner.banner--4 .banner__category {
        font-size: 44px!important;
    }

    .banner.banner--3 .banner__image img, .banner.banner--4 .banner__image img {
        width: 391px!important;
        height: 300px!important;
        margin-top: -28px!important;
        margin-left: 105px!important;
    }

    .controls {
        max-width: 725px!important;
    }

    !important;}

@media screen and (max-width: 767px) {
    .banner {
        height:400px!important;
    }

    .banner__description {
        padding-top: 32px!important;
    }

    .banner__description-advantages {
        display: none!important;
    }

    .banner__category {
        bottom: -12px!important;
        left: 16px!important;
        font-size: 44px!important;
        line-height: 53px!important;
        letter-spacing: .05em!important;
    }

    .banner__description-controls {
        margin-top: 0!important;
        position: relative!important;
        top: 0!important;
        margin-left: 16px!important;
    }

    .banner__container {
        grid-template-areas: "description" "image" "category"!important;
    }

    .banner__image {
        position: relative!important;
        max-width: 260px!important;
        height: 200px!important;
        margin-top: 0!important;
        bottom: 68px!important;
        right: auto!important;
        justify-self: center!important;
    }

    .banner__description-title {
        font-size: 34px!important;
        line-height: 41px!important;
        text-align: center!important;
    }

    .banner .blue-text {
        font-size: 38px!important;
        padding-left: 8px!important;
    }

    .banner .rub {
        font-size: 34px!important;
        margin-left: 0!important;
        margin-right: -8px!important;
    }

    .banner.banner--1 .banner__category {
        padding-left: 0!important;
        font-size: 44px!important;
        bottom: -12px!important;
    }

    .banner.banner--1 .banner__image {
        margin-top: 0!important;
        bottom: 62px!important;
        max-width: 260px!important;
    }

    .banner.banner--1 .banner__description-controls {
        top: 214px!important;
        margin-left: 0!important;
        padding-left: 16px!important;
    }

    .banner.banner--1 .banner__description-title {
        padding-left: 0!important;
    }

    .banner.banner--1 .blue-text {
        padding-right: 8px!important;
        padding-left: 0!important;
    }

    .banner.banner--2 .banner__category {
        bottom: 118px!important;
        padding-left: 0!important;
        font-size: 32px!important;
        z-index: 1!important;
    }

    .banner.banner--2 .banner__description-title {
        max-width: 80%!important;
        text-align: left!important;
        padding-left: 16px!important;
    }

    .banner.banner--2 .banner__description-link {
        z-index: 1!important;
        position: relative!important;
    }

    .banner.banner--2 .banner__description-controls {
        top: 173px!important;
        margin-left: 0!important;
        padding-left: 16px!important;
        z-index: 1!important;
    }

    .banner.banner--2 .banner__description-controls::after {
        content: ""!important;
        display: block!important;
        position: absolute!important;
        right: -180px!important;
        bottom: -140px!important;
        width: 397px!important;
        height: 196px!important;
        background: #869cbe!important;
        -webkit-filter: blur(25px)!important;
        filter: blur(25px)!important;
        -webkit-transform: matrix(-1,0,0,1,0,0)!important;
        -ms-transform: matrix(-1,0,0,1,0,0)!important;
        transform: matrix(-1,0,0,1,0,0)!important;
    }

    .banner.banner--2 .banner__image {
        width: 400px!important;
        height: 400px!important;
        right: -366px!important;
        top: -134px!important;
    }

    .banner.banner--2 .blue-text {
        padding-left: 0!important;
    }

    .banner.banner--3 .banner__category, .banner.banner--4 .banner__category {
        padding-left: 0!important;
        font-size: 36px!important;
        bottom: -15px!important;
        z-index: 1!important;
    }

    .banner.banner--3 .banner__image img, .banner.banner--4 .banner__image img {
        width: 287px!important;
        height: 220px!important;
        margin-top: -16px!important;
        margin-left: 112px!important;
    }

    .banner.banner--3 .banner__description, .banner.banner--4 .banner__description {
        padding-top: 30px!important;
    }

    .banner.banner--3 .banner__description-title, .banner.banner--4 .banner__description-title {
        padding-left: 16px!important;
        white-space: normal!important;
        text-align: left!important;
        max-width: 80%!important;
    }

    .banner.banner--3 .banner__description-controls, .banner.banner--4 .banner__description-controls {
        margin-left: 0!important;
        padding-left: 16px!important;
        top: 177px!important;
        z-index: 1!important;
    }

    .controls {
        margin-top: -9px!important;
    }

    .controls__button {
        display: none!important;
    }

    .dots {
        padding-right: 16px!important;
    }

    !important;}

@media screen and (max-width: 526px) {
    .banner.banner--2 .banner__category {
        bottom:158px!important;
    }

    !important;}

@media screen and (max-width: 479px) {
    .banner {
        height:450px!important;
    }

    .banner__description-link img {
        display: none!important;
    }

    .banner.banner--1 .banner__description-title {
        padding-left: 16px!important;
    }

    .banner.banner--1 .banner__description-controls {
        top: 223px!important;
    }

    .banner.banner--1 .banner__image {
        bottom: 70px!important;
        right: 16px!important;
    }

    .banner.banner--2 .banner__category {
        bottom: 107px!important;
        font-size: 25px!important;
    }

    .banner.banner--2 .banner__description-controls {
        top: 223px!important;
    }

    .banner.banner--2 .banner__image {
        right: -203px!important;
        top: -116px!important;
    }

    .banner.banner--2 .banner__image::before {
        content: ""!important;
        position: absolute!important;
        top: -61px!important;
        right: 4px!important;
        display: block!important;
        width: 397px!important;
        height: 80px!important;
        background: #8199bb!important;
        -webkit-filter: blur(15px)!important;
        filter: blur(15px)!important;
        -webkit-transform: matrix(-1,0,0,1,0,0)!important;
        -ms-transform: matrix(-1,0,0,1,0,0)!important;
        transform: matrix(-1,0,0,1,0,0)!important;
    }

    .banner.banner--3 .banner__category, .banner.banner--4 .banner__category {
        font-size: 26px!important;
        bottom: -18px!important;
    }

    .banner.banner--3 .banner__image img, .banner.banner--4 .banner__image img {
        margin-top: 5px!important;
        margin-left: 16px!important;
    }

    .banner.banner--3 .banner__description-title, .banner.banner--4 .banner__description-title {
        max-width: 90%!important;
        font-size: 30px!important;
        line-height: 37px!important;
    }

    .banner.banner--3 .banner__description-controls, .banner.banner--4 .banner__description-controls {
        top: 235px!important;
    }

    .banner__description-title {
        text-align: left!important;
        padding: 0 16px!important;
    }

    .banner__description-controls {
        top: 218px!important;
    }

    .banner__description-button {
        margin-right: 17px!important;
    }

    .banner__image {
        bottom: 76px!important;
        right: 16px!important;
        justify-self: end!important;
    }

    .banner .blue-text {
        padding-left: 0!important;
    }

    .banner .spacer {
        display: inline-block!important;
    }

    .controls {
        margin-top: 0!important;
    }

    !important;}

@media screen and (max-width: 350px) {
    .banner__description-button {
        padding:0 10px!important;
        margin-right: 10px!important;
    }

    .banner__description-title {
        padding: 0 10px!important;
    }

    .banner__description-controls {
        margin-left: 10px!important;
        padding-left: 10px!important;
    }
}

.banner__category {
    left: 10px!important;
}

.banner.banner--3 .banner__description-title, .banner.banner--4 .banner__description-title {
    font-size: 26px!important;
    line-height: 34px!important;
}

!important;}