/* Start:/local/templates/default/components/bitrix/search.form/header-search/style.css?1719231050949*/
.menu__box__search {
    margin: 40px 15px 30px;
}

.form-search__field {
    position: relative;
}

.search-icon__mobile {
    position: absolute;
    left: 30px;
    top: 12px;
}

.form-search-mob__search-field {
    background: #efefef;
    border: none;
    border-radius: 50px;
    height: 48px;
    padding-left: 70px;
    font: 400 16px/120% "ProximaNova", sans-serif;
    width: 100%;
}

.search-icon__mobile input {
    width: 25px;
    height: 25px;
    background: url("/images/misc/search-icon.svg") 100% no-repeat;
    cursor: pointer;
    border: none;
}

.search-icon__mobile input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #adadad;
    opacity: 1; /* Firefox */
}

.search-icon__mobile input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
    color: #adadad;
}

.search-icon__mobile input::-ms-input-placeholder{ /* Microsoft Edge */
    color: #adadad;
}

/* End */


/* Start:/local/templates/default/components/bitrix/form.result.new/feedback_form/style.css?17192310501304*/
.form-required
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/default/components/bitrix/form.result.new/feedback_form/images/icon_warn.gif);
}

.feedback-form input[type="text"],
.feedback-form textarea {
	font: 300 16px/120% "ProximaNova", sans-serif;
	color: #000000;
	border: 0;
	box-sizing: border-box;
	margin: 0 0 35px;
	width: 100%;
	padding: 18px 25px;
	outline: none;
	border-radius: 30px;
	background: #efefef;
}

.feedback-form textarea {
	min-height: 150px;
}

.field-check {
	margin-bottom: 30px;
}

.field-check span {
	font: 400 16px/120% "ProximaNova", sans-serif;
	color: #0057A4;
}

.custom-button__feedback {
	font: 300 14px/120% "ProximaNova", sans-serif;
	border: none;
}

.feedback-form input::placeholder, .feedback-form textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #adadad;
	opacity: 1; /* Firefox */
}

.feedback-form input:-ms-input-placeholder, .feedback-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #adadad;
}

.feedback-form input::-ms-input-placeholder, .feedback-form textarea::-ms-input-placeholder { /* Microsoft Edge */
	color: #adadad;
}

.message-ok {
	display: none;
}

.visible {
	display: block;
}
/* End */


/* Start:/local/templates/default/styles.css?175794711621559*/
.provider__inner-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    color: #6dcaf3;
    margin-bottom: 105px;
}

.provider-item {
    width: calc(33.33% - 24px);
    box-sizing: border-box;
    background: #f0f0ef;
    border-radius: 20px;
    display: flex;
    height: 138px;
    text-decoration: none;
}

.provider__inner-blocks__audits .provider-item {
    height: 100px;
}

.provider-item.provider-item__no-image {
    text-align: center;
    justify-content: center;
}

.provider-item div {
    color: #000;
    align-items: center;
    display: flex;
    font-size: 23px;
    font-weight: 700;
    padding: 0 20px 0 145px;
}

.provider-item.provider-item__no-image div {
    padding: 0 20px 0 20px;
}

.provider__inner-blocks__main .provider-item:first-child div {
    background: no-repeat 20px/110px url(/images/provider-icons/prov1.svg);
}

.provider__inner-blocks__main .provider-item:nth-child(2) div {
    background: no-repeat 20px/130px url(/images/provider-icons/icon-30.png);
}

.provider__inner-blocks__main .provider-item:nth-child(3) div {
    background: no-repeat 20px/110px url(/images/provider-icons/prov2.svg);
}

.provider__inner-blocks__main .provider-item:nth-child(4) div {
    background: no-repeat 20px/110px url(/images/provider-icons/prov3.svg);
}

.provider__inner-blocks__main .provider-item:nth-child(5) div {
    background: no-repeat 20px/110px url(/images/provider-icons/prov4.svg);
}

.provider__inner-blocks__main .provider-item:nth-child(6) div {
    background: no-repeat 20px/110px url(/images/provider-icons/prov5.svg);
}

.provider__inner-blocks__main .provider-item:nth-child(7) div {
    background: no-repeat 20px/110px url(/images/provider-icons/prov6.svg);
}

.provider__inner-blocks__quality .provider-item:first-child div {
    background: no-repeat 20px/110px url(/images/provider-icons/quality1.svg);
}

.provider__inner-blocks__quality .provider-item:nth-child(2) div {
    background: no-repeat 20px/110px url(/images/provider-icons/quality2.svg);
}

.provider__inner-blocks__quality .provider-item:nth-child(3) div {
    background: no-repeat 20px/110px url(/images/provider-icons/quality3.svg);
}

.provider__inner-blocks__quality .provider-item:nth-child(4) div {
    background: no-repeat 20px/110px url(/images/provider-icons/quality4.svg);
}

.provider__inner-blocks__quality .provider-item:nth-child(5) div {
    background: no-repeat 20px/110px url(/images/provider-icons/quality5.svg);
}

.provider__inner-blocks__quality .provider-item:nth-child(6) div {
    background: no-repeat 20px/110px url(/images/provider-icons/quality6.svg);
}

.provider__inner-blocks__audits .provider-item:first-child div {
    background: no-repeat 20px / 110px url(/images/provider-icons/audits1.png);
}

.provider__inner-blocks__audits .provider-item:nth-child(2) div {
    background: no-repeat 20px / 110px url(/images/provider-icons/audits2.png);
}

.provider__inner-blocks__audits .provider-item:nth-child(3) div {
    background: no-repeat 20px / 110px url(/images/provider-icons/audits3.png);
}

.provider__inner-blocks__audits .provider-item:nth-child(4) div {
    background: no-repeat 20px / 110px url(/images/provider-icons/audits4.png);
}

.provider__inner-blocks__audits .provider-item:nth-child(5) div {
    background: no-repeat 20px / 110px url(/images/provider-icons/audits5.png);
}

.provider__inner-blocks__audits .provider-item:nth-child(6) div {
    background: no-repeat 20px / 110px url(/images/provider-icons/audits6.png);
}

.provider__inner-blocks__audits .provider-item:nth-child(7) div {
    background: no-repeat 20px / 110px url(/images/provider-icons/audits7.png);
}

.provider__inner__big {
    width: calc(50% - 18px);
}

.provider__inner__huge {
    width: 100%;
}

.provider__inner-blocks a:hover,
.provider__inner-blocks a:active {
    /*opacity: 0.9;*/
    background: #ddd;
}

.provider__inner-blocks a:hover,
.provider__inner-blocks a:active {
    text-decoration: none;
}

@media (max-width: 1250px) {
    .provider-item,
    .provider-item.provider__inner__big {
        width: 100%;
    }

    .provider-item br {
        display: none;
    }
}

@media (max-width: 480px) {
    .provider-item div {
        font-size: 20px;
        background-size: 80px !important;
        padding: 0 20px 0 115px;
    }

    .provider__inner-blocks {
        margin-bottom: 65px;
    }
}

.provider-reclamations__inner-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    color: #6dcaf3;
    margin-bottom: 105px;
}

.provider-reclamations-item {
    width: calc(33.33% - 24px);
    box-sizing: border-box;
    background: #f0f0ef;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 138px;
    padding: 20px;
    gap: 20px;
}

.provider-reclamations-item .provider-reclamations-item__title {
    color: #000;
    font-size: 18px;
    font-weight: 700;
}

.provider-reclamations-item .provider-reclamations-item__desc {
    color: #000;
    font-size: 16px;
}

.provider-reclamations-item__circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.provider-reclamations-item:first-of-type .provider-reclamations-item__circle {
    background-color: #37c747;
}

.provider-reclamations-item:nth-of-type(2) .provider-reclamations-item__circle {
    background-color: #f1f100;
}

.provider-reclamations-item:nth-of-type(3) .provider-reclamations-item__circle {
    background-color: #ff1313;
}

@media (max-width: 1250px) {
    .provider-reclamations-item {
        width: 100%;
    }

    .provider-reclamations-item br {
        display: none;
    }
}

@media (max-width: 480px) {
    .provider-reclamations-item__circle {
        width: 55px;
        height: 55px;
    }
}

.commercial_activity__howto-title {
    background: no-repeat left url(/commercial_activity/img/prov2.svg);
    background-size: 199px;
}

@media (max-width: 850px) {
    .commercial_activity__howto-title {
        background-size: 120px;
    }
}

@media (max-width: 480px) {
    .commercial_activity__howto-title {
        background: none;
    }
}

.commercial_activity .howto-title {
    margin-bottom: 35px;
}

.commercial_activity .howto-list li {
    font-size: 20px;
    padding: 0 0 10px 10px;
}

.howto-block {
    background: #0057a4;
    color: #fff;
    padding: 70px 0;
    margin-bottom: 80px;
    margin-top: 50px;
}

.howto-block__inner {
    display: flex;
    gap: 60px;
    align-items: center;
}


.commercial_activity .howto-info {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 45px;
}

.howto-block .custom-button-alt {
    background: #6FC8F2;
    border: 0;
    border-radius: 45px;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    padding: 25px 85px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    width: 400px;
}

.howto-block .custom-button-alt:hover,
.howto-block .custom-button-alt:active {
    color: #fff;
}

.commercial_activity .howto-block__inner-item ul li {
    list-style-type: disc;
    font-size: 20px;
    font-weight: 300;
    padding: 0 0 10px;
}

.howto-request__info-items {
    display: flex;
    gap: 160px;
}

.howto-request__item-note {
    font-size: 24px;
    margin-bottom: 10px;
}

.howto-request__item-info a {
    display: block;
    color: #0057a4;
    font-weight: 700;
    font-size: 32px;
}

.howto-request__item-info a:hover,
.howto-request__item-info a:active {
    display: block;
    color: #6FC8F2;
}

@media (max-width: 850px) {
    .howto-block__inner {
        flex-wrap: wrap;
    }

    .howto-request__info-items {
        flex-wrap: wrap;
        gap: 60px;
    }

    .howto-request__item-info a {
        font-size: 28px;
    }

    .commercial_activity .howto-info {
        font-size: 28px;
    }

    .howto-block .custom-button-alt {
        font-size: 20px;
        padding: 25px 0;
        width: 300px;
    }

    .howto-block__inner-item ul {
        margin-left: 20px;
    }
}

.commercial_activity .page-title {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 75px;
}

@media (max-width: 850px) {
    .commercial_activity .page-title {
        font-size: 34px;
    }
}

.complaints-img__desktop {
    display: block;
}

.complaints-img__mobile {
    display: none;
}

.complaints-img__desktop img {
    max-width: 100%;
    width: 100%;
}

.complaints-img__mobile img {
    max-width: 329px;
    width: 100%;
}

@media (max-width: 992px) {
    .complaints-img__desktop {
        display: none;
    }

    .complaints-img__mobile {
        display: block;
    }
}

.claims-img__desktop {
    display: block;
}

.claims-img__mobile {
    display: none;
}

.claims-img__desktop img {
    max-width: 1267px;
    width: 100%;
}

.claims-img__mobile img {
    max-width: 329px;
    width: 100%;
}

@media (max-width: 992px) {
    .claims-img__desktop {
        display: none;
    }

    .claims-img__mobile {
        display: block;
    }
}

.quality-tools-steps-list {
    display: grid;
    grid-template-columns: 0.5fr;
    grid-auto-rows: 1fr;
    gap: 6px 34px;
    margin-top: 48px;
}

.quality-tools-steps-item {
    position: relative;
    border-radius: 30px;
    border: 1px solid #7fabd1;
    background-color: #0057a4;
    padding: 24px 31px 23px;
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-transition: background-color 110ms linear;
    -ms-transition: background-color 110ms linear;
    transition: background-color 110ms linear;
}

.quality-tools-steps-item:hover {
    border: 1px solid #6dcaf3;
    background-color: #6dcaf3;
}

.quality-steps__description {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    max-width: 500px;
    width: 100%;
    height: auto;
    border-radius: 30px;
    background: #fff;
    color: #6DCAF3;
    padding: 40px;
    font-size: 20px;
    line-height: 24px;
    z-index: 1;
    box-shadow: 0 0 20px 0 rgba(0, 61, 115, 0.29);
    -webkit-transition: opacity 110ms linear;
    -ms-transition: opacity 110ms linear;
    transition: opacity 110ms linear;
}

.quality-steps__description:before {
    content: "";
    position: absolute;
    top: calc(50% - 6px);
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}


.quality-tools-steps-item__left .quality-steps__description {
    left: calc(100% + 14px);
}


.quality-tools-steps-item__right .quality-steps__description {
    right: calc(100% + 14px);
}

.quality-tools-steps-item__left .quality-steps__description:before {
    right: 100%;
    border-right: 13px solid #fff;
}

.quality-tools-steps-item__right .quality-steps__description:before {
    left: 100%;
    border-left: 13px solid #fff;
}

.quality-tools-steps-item:hover .quality-steps__description {
    opacity: 1;
    visibility: visible;
}

.quality-steps__description a {
    color: #0057a4;
    font-weight: 600;
    padding-bottom: 10px;
    display: inline-block;
}

.quality-steps__description a:hover {
    color: #6dcaf3;
}

.description__svg-fill {
    fill: #0057a4;
}

.quality-steps__description a:hover .description__svg-fill {
    fill: #6dcaf3;
}

@media (max-width: 950px) {
    .quality-tools-steps-list {
        grid-template-columns: 1fr;
        row-gap: 15px;
        grid-auto-rows: inherit;
    }

    .quality-tools-steps-item {
        padding: 18px 25px 18px;
        font-size: 22px;
    }

    .quality-steps__description {
        padding: 30px;
        font-size: 18px;
        line-height: 23px;
        max-width: 100%;
        width: auto;
    }

    .quality-tools-steps-item__right .quality-steps__description {
        right: 0;
    }

    .quality-tools-steps-item__left .quality-steps__description {
        left: auto;
        right: 0;
    }

    .quality-tools-steps-item__right .quality-steps__description:before {
        right: 100%;
        border-right: 13px solid #fff;
        left: auto;
        border-left: 0;
    }
}

@media (max-width: 450px) {
    .quality-tools-steps-item__right .quality-steps__description:before,
    .quality-tools-steps-item__left .quality-steps__description:before {
        display: none;
    }
}

.commercial_activity__road-maps.flex-box {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 992px) {
    .commercial_activity__road-maps.flex-box {
        display: block;
    }
}

.commercial_activity__road-maps .box {
    margin-bottom: 2.6vw;
}

@media (max-width: 1920px) {
    .commercial_activity__road-maps .box {
        margin-bottom: 51.5px;
    }
}

@media (max-width: 1150px) {
    .commercial_activity__road-maps .box {
        margin-bottom: 60px;
    }
}

@media (max-width: 480px) {
    .commercial_activity__road-maps .box {
        display: block;
    }
}

.commercial_activity__road-maps .box.box-l {
    width: 47%;
}

@media (max-width: 992px) {
    .commercial_activity__road-maps .box.box-l {
        width: 100%;
    }
}

.commercial_activity__road-maps .box.box-r {
    width: 47%;
}

@media (max-width: 992px) {
    .commercial_activity__road-maps .box.box-r {
        width: 100%;
    }
}

.commercial_activity__confirmation-bg {
    background-color: #18549f;
    padding: 70px 0;
    color: #fff;
    margin-top: 70px;
}

.confirmation-requirements__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

.commercial_activity__confirmation-requirements {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.confirmation-requirements__item-img img {
    max-width: 130px;
    /* width: 100%; */
}

.confirmation-requirements__item {
    text-align: center;
    font-size: 20px;
}

.confirmation-requirements__desc {
    font-size: 26px;
    margin-top: 30px;
}

@media (max-width: 1250px) {
    .confirmation-requirements__list {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
}

@media (max-width: 950px) {
    .confirmation-requirements__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 450px) {
    .confirmation-requirements__list {
        grid-template-columns: 1fr;
    }
}

.commercial_activity__confirmation-faq p {
    font-size: 18px;
}

.commercial_activity__confirmation.button.type-1 {
    background-color: #63cdf7;
    color: #fff;
    box-sizing: border-box;
    border-radius: 70px;
    text-align: center;
    padding: 30px 0 27px;
    margin: 0 auto;
    display: block;
    max-width: 345px;
    width: 100%;
}

.commercial_activity__confirmation.button.type-1:hover {
    background-color: #0057a4;
    color: #fff;
    text-decoration: none;
}

.confirmation-requirements__title {
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 700;
}

.act-request {
    background: #fff;
    color: #000;
    position: relative;
    padding: 65px 0 105px;
}

.act-request h2, .act-arenda h2 {
    font: 600 48px "ProximaNova", sans-serif;
    margin: 0 0 25px;
}

.act-request p {
    font-size: 27px;
    font-weight: 300;
    margin-bottom: 65px;
}

.act-request::after {
    content: '';
    position: absolute;
    left: 47%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 60px solid #fff;
    clear: both;
}

.act-request__items__inner-line {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.act-request__items__inner-block {
    display: none;
    background: #fff;
    padding: 65px 85px;
    border: 4px solid #6fc8f2;
    border-radius: 18px;
    margin-bottom: 40px;
}


.act-request__items__inner-block h3 {
    font: 600 32px "ProximaNova", sans-serif;
    color: #000;
    margin-bottom: 45px;
}

.act-request__items__inner-block .flex-box {
    display: flex;
    gap: 40px;
}


.act-request__items__inner-block .inner-block__info:first-child {
    color: #000;
    width: 60%;
}

.act-request__items__inner-block .inner-block__info-right {
    color: #000;
    width: 40%;
}

.act-request__items__inner-block .inner-block__info p {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 25px;
}

.act-request__items__inner-block .inner-block__info .custom-list li {
    font-size: 19px;
    color: #3e88c9;
}

.act-request__items__inner-block .inner-block__info .download-link {
    background: #6FC8F2;
    border: 0;
    border-radius: 50px;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    padding: 30px 65px;
    cursor: pointer;
    max-width: 380px;
    display: block;
    width: max-content;
}

.act-request__items__inner-block .inner-block__info .bottom-note {
    margin-bottom: 5px;
}

.act-request__items__inner-block .inner-block__info .bottom-mail {
    font-size: 32px;
    font-weight: 700;
    color: #0057A4;
}

.act-request__items__inner-block .inner-block__info .bottom-mail:hover,
.act-request__items__inner-block .inner-block__info .bottom-mail:active {
    color: #6dcaf3;
}

.ar-block {
    color: #fff;
    text-decoration: none;
    background: #6dcaf3 no-repeat 10px url(/images/provider-icons/zw-icon.svg);
    padding: 0 20px 0 70px;
    width: calc(50% - 20px);
    display: flex;
    box-sizing: border-box;
    min-height: 70px;
    align-items: center;
    font-size: 20px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 50px;
    background-size: 50px;
}

.ar-block:nth-child(odd) {
    margin: 0 20px 0 0;
}

.ar-block:nth-child(even) {
    margin: 0 0 0 20px;
}

.ar-block:hover,
.ar-block:active,
.ar-block.active {
    background-color: #0057a4;
}

.act-request__info {
    background: #0057a4;
    padding: 140px 0;
    margin-bottom: 135px;
}

.act-request__info-items {
    display: flex;
    flex-wrap: wrap;
    gap: 45px;
}

.act-request__item {
    width: calc(50% - 24px);
}

.act-request__item-note {
    color: #fff;
    min-height: 108px;
    font-size: 24px;
}

.act-request__item-info a {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
}

@media (max-width: 1280px) {
    .act-request__items__inner-block .flex-box {
        flex-direction: column;
    }

    .act-request__items__inner-block .inner-block__info {
        width: 100% !important;
    }
}

@media (max-width: 1250px) {
    .act-request__items a {
        font-size: 22px;
    }

    .act-request__item-note {
        font-size: 22px;
    }

    .act-request__items__inner-line {
        flex-direction: column;
        margin-bottom: 0;
    }

    .ar-block {
        font-size: 22px;
        width: 100%;
        margin: 0 0 40px 0 !important;
    }
}

@media (max-width: 850px) {
    .act-request__items__inner-block h3 {
        font: 600 22px "ProximaNova", sans-serif;
    }

    .act-request__items a, .act-request__item {
        width: 100%;
    }

    .act-request__item-note {
        min-height: initial;
        margin-bottom: 15px;

    }

    .act-request__item-info a, .commercial_activity .act-arenda a {
        font-size: 26px;
    }

    .act-request h2, .act-arenda h2, .commercial_activity .page-title {
        font-size: 34px;
    }

    .act-request::after {
        display: none;
    }

    .act-request__items__inner-block {
        padding: 55px;
    }

    .act-request__items__inner-block .inner-block__info .download-link {
        padding: 30px 35px;
        font-size: 20px;
    }

    .ar-block {
        font-size: 16px;
        padding: 0 20px 0 58px;
        min-height: 50px;
        background-size: 35px;
        margin: 0 0 20px 0 !important;
    }
}

@media (max-width: 640px) {

    .act-request__items__inner-block .inner-block__info .bottom-mail {
        font-size: 24px;
    }

    .act-request__items__inner-block {
        padding: 25px;
    }

}

.act-buttons {
    margin-bottom: 95px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.custom-list {
    list-style-image: url(/images/provider-icons/list-style.svg);
    padding: 0 0 0 25px;
    margin: 25px 0;
}

.custom-list li {
    font-size: 20px;
    padding: 0 0 10px 18px;
    list-style: inherit;
}

.commercial_activity.custom-container {
    line-height: 1.2;
}

.commercial_activity__row {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.commercial_activity__btn .button.type-1 {
    padding: 15px 33px 15px 33px;
    width: auto;
    height: auto;
    text-align: center;
    font-size: 23px;
    text-decoration: none;
}
/* End */


/* Start:/local/templates/default/template_styles.css?17403206854408*/
a,
:root .press-contacts a {
    color: #63cdf7;
}

.title-h1 > .page {
    display: none;
    content-visibility: hidden;
}

.numbers-flex.numbers-flex_fix {
    column-gap: 13px;
    display: flex;
}

.numbers-flex_fix .num-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.numbers-flex_fix .num-block .numbers {
    line-height: 1;
}

.numbers-flex_fix .num-block .numbers-text {
    font-size: 18px;
    line-height: 24px;
}

.numbers-flex.numbers-flex_fix > div {
    flex-grow: 1;
    flex-basis: 0;
}

@media (max-width: 850px) {
    .numbers-flex.numbers-flex_fix {
        flex-direction: column;
        row-gap: 13px;
    }

    .numbers-flex.numbers-flex_fix > div {
        width: 100% !important;
        margin-bottom: 0 !important;
    }
}

.mt-5 {
    margin-top: 18px;
}

.my-5 {
    margin-top: 18px;
    margin-bottom: 18px;
}

/* Styles for new logo TMH2022*/

.header-new .header-icons .mail-icon {
    /*display: none;*/
}

.header-new .header-icons .mail-icon span {
    display: none;
}

.footer-icon {
    color: #fff;
    text-decoration: none;

}
.footer-icon svg {
    width: 19.5px;
    height: 19.5px;
}

.footer-icon span {
    color: #fff !important;
    font-size: 13px !important;
}


/*.footer-new .mail-icon {*/
    /*width: 1.1vw;*/
    /*height: 1vw;*/
/*}*/

/*.footer-new .social-icons_with-grid div {*/
    /*grid-template-columns: repeat(6, auto);*/
    /*display: grid;*/
/*}*/

.footer-info__top {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 95px;
    position: relative;
}

.footer-info__politics a {
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
}

.footer-info__politics a:hover {
    text-decoration: underline;
}

@media (max-width: 640px) {
    .footer-info__top {
        gap: 35px;
        flex-direction: column;
    }
}

.cookie-enabled-wrapper {
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
    background-color: #fff;
    padding: 10px;
    border-top: 3px solid #63cdf7;
    box-sizing: border-box;
}

.cookie-enabled-block {
    display: grid;
    row-gap: 10px;
}

.cookie-enabled-text {
    font-size: 15px;
    text-align: center;
}

.cookie-enabled-button {
    border-radius: 10px;
    cursor: pointer;
    width: fit-content;
    width: -moz-fit-content;
    justify-self: center;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid rgb(0, 87, 164);
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    background-color: rgb(0, 87, 164);
}

.provider-quality__inner-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    color: #6dcaf3;
    margin-bottom: 105px;
}

.provider-quality-item {
    width: calc(33.33% - 24px);
    box-sizing: border-box;
    background: #f0f0ef;
    border-radius: 20px;
    display: flex;
    height: 138px;
    text-decoration: none;
}

.provider-quality__inner-blocks a:hover,
.provider-quality__inner-blocks a:active {
    /*opacity: 0.9;*/
    background: #ddd;
}

.provider-quality-item div {
    color: #000;
    align-items: center;
    display: flex;
    font-size: 23px;
    font-weight: 700;
    padding: 0 20px 0 145px;
    line-height: 28px;
}

.provider-quality-item:first-child div {
    background: no-repeat 20px/110px url(/service/provider_quality/i08.svg);
}

.provider__inner__big {
    width: calc(50% - 18px);
}

.provider__inner__huge {
    width: 100%;
}

.provider__inner-blocks a:hover, .provider__inner-blocks a:active {
    /*opacity: 0.9;*/
    background: #ddd;
}

@media (max-width: 1250px) {
    .provider-quality-item,
    .provider-quality-item.provider__inner__big {
        width: 100%;
    }
    .provider-quality-item br {
        display: none;
    }
}
@media (max-width: 480px) {
    .provider-quality-item div {
        font-size: 20px;
        background-size: 80px !important;
        padding: 0 20px 0 115px;
    }
}

/*Для баннера 9 мая*/
.may9-main__block img {
    max-width: 100%;
    margin-bottom: 70px;
}

.news-2 {
    margin-bottom: 70px;
}

@media (max-width: 850px) {
    .may9-main__block img {
        margin-bottom: 40px;
    }

    .news-2 {
        margin-bottom: 40px;
    }
}
/* ! Для баннера 9 мая*/
/* End */


/* Start:/local/templates/default/css/min/site.css?1719231052543615*/


.title-h1 {
  font: 600 18px "ProximaNova", sans-serif;
  font-size: 3.5vw;
  line-height: 4.2vw;
}
@media (max-width: 1920px) {
  .title-h1 {
    font-size: 67.5px;
    line-height: 75px;
  }
}
@media (max-width: 1280px) {
  .title-h1 {
    font-size: 67.5px;
    line-height: 75px;
  }
}
@media (max-width: 1150px) {
  .title-h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media (max-width: 850px) {
  .title-h1 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media (max-width: 480px) {
  .title-h1 {
    font-size: 40px;
    line-height: 44px;
  }
}



.title-h3 {
  font: 600 18px "ProximaNova", sans-serif;
  font-size: 2.1vw;
  line-height: 2.6vw;
}
@media (max-width: 1920px) {
  .title-h3 {
    font-size: 52px;
    line-height: 60px;
  }
}
@media (max-width: 1280px) {
  .title-h3 {
    font-size: 48px;
    line-height: 56px;
  }
}
@media (max-width: 1150px) {
  .title-h3 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 850px) {
  .title-h3 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 480px) {
  .title-h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
.title-h4 {
  font: 400 18px "ProximaNova", sans-serif;
  font-size: 1.17vw;
  line-height: 1.6vw;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
@media (max-width: 1920px) {
  .title-h4 {
    font-size: 22.5px;
    line-height: 30px;
  }
}
@media (max-width: 1280px) {
  .title-h4 {
    font-size: 22px;
    line-height: 29px;
    letter-spacing: 0.18em;
  }
}
@media (max-width: 1150px) {
  .title-h4 {
    font-size: 22px;
    line-height: 130%;
    letter-spacing: 0;
  }
}
@media (max-width: 850px) {
  .title-h4 {
    font-size: 18px;
    line-height: 130%;
    font-weight: bold;
    letter-spacing: 0;
  }
}
@media (max-width: 480px) {
  .title-h4 {
    font-size: 18px;
    line-height: 24px;
  }
}
.title-h5 {
  font: 600 18px "ProximaNova", sans-serif;
  font-size: 1.17vw;
  line-height: 130%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media (max-width: 1920px) {
  .title-h5 {
    font-size: 22.5px;
    line-height: 130%;
  }
}
@media (max-width: 1150px) {
  .title-h5 {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.12em;
  }
}
@media (max-width: 850px) {
  .title-h5 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.08em;
  }
}
@media (max-width: 480px) {
  .title-h5 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.08em;
  }
}
sup {
  line-height: 0;
}

.numbers {
  font: 300 18px "ProximaNova", sans-serif;
  font-size: 5.85vw;
  line-height: 7vw;
  color: #63cdf7;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
}
@media (max-width: 1920px) {
  .numbers {
    font-size: 112.5px;
    line-height: 135px;
  }
}
@media (max-width: 1280px) {
  .numbers {
    font-size: 9vw;
    line-height: 135px;
  }
}
@media (max-width: 1150px) {
  .numbers {
    font-size: 55px;
    line-height: 150%;
  }
}
@media (max-width: 980px) {
  .numbers {
    font-size: 7vw;
  }
}
@media (max-width: 850px) {
  .numbers {
    font-size: 55px;
    line-height: 1;
  }
}
@media (max-width: 480px) {
  .numbers {
    font-size: 60px;
    line-height: 150%;
  }
}
.numbers sub {
  font-size: 3vw;
  margin-left: 1.5vw;
  white-space: nowrap;
}
@media (max-width: 1280px) {
  .numbers sub {
    font-size: 4.5vw;
  }
}
@media (max-width: 850px) {
  .numbers sub {
    font-size: 5.5vw;
  }
}
@media (max-width: 680px) {
  .numbers sub {
    font-size: 48px;
    margin-left: 18px;
    position: relative;
    top: 5px;
  }
}
.numbers.two-str sub {
  font-size: 1.5vw;
  margin-left: 0.7vw;
  white-space: nowrap;
}
@media (max-width: 1280px) {
  .numbers.two-str sub {
    font-size: 2.25vw;
  }
}
@media (max-width: 850px) {
  .numbers.two-str sub {
    font-size: 2.75vw;
  }
}
@media (max-width: 680px) {
  .numbers.two-str sub {
    font-size: 24px;
    margin-left: 9px;
    position: relative;
    top: 5px;
  }
}
.numbers.many-str sub {
  font-size: 0.9vw;
  margin-left: 0.35vw;
  white-space: normal;
  line-height: 1.2vw;
}
@media (max-width: 1280px) {
  .numbers.many-str sub {
    font-size: 1.2vw;
  }
}
@media (max-width: 850px) {
  .numbers.many-str sub {
    font-size: 1.3vw;
  }
}
@media (max-width: 680px) {
  .numbers.many-str sub {
    font-size: 14px;
    margin-left: 5px;
    position: relative;
    top: 5px;
  }
}
.numbers-text {
  font: 400 18px "ProximaNova", sans-serif;
  font-size: 1.49vw;
  line-height: 1.9vw;
  color: #4c4c4c;
}
@media (max-width: 1920px) {
  .numbers-text {
    font-size: 28.5px;
    line-height: 34px;
  }
}
@media (max-width: 1150px) {
  .numbers-text {
    font-size: 14px;
    line-height: 150%;
  }
}
@media (max-width: 480px) {
  .numbers-text {
    font-size: 16px;
    line-height: 130%;
  }
}
.category-text {
  font: 700 18px "ProximaNova", sans-serif;
  color: #4c4c4c;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 4px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .category-text {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2px;
  }
}
@media (max-width: 850px) {
  .category-text {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.2em;
  }
}
.tabs-text {
  font: 600 18px "ProximaNova", sans-serif;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.22em;
  color: #4c4c4c;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .tabs-text {
    font-size: 14px;
    line-height: 30px;
  }
}
@media (max-width: 850px) {
  .tabs-text {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.12em;
  }
}
.notes-text {
  font-size: 24px;
  line-height: 30px;
  color: #acacac;
}
@media (max-width: 1150px) {
  .notes-text {
    font-size: 16px;
    line-height: 150%;
  }
}
@media (max-width: 850px) {
  .notes-text {
    font-size: 12px;
    line-height: 150%;
  }
}
@media (max-width: 480px) {
  .notes-text {
    line-height: 130%;
  }
}
.link {
  color: #63cdf7;
}
.button {
  position: relative;
  display: inline-block;
}
.button.type-1 {
  background-color: #63cdf7;
  color: #fff;
  font-size: 1.95vw;
  line-height: 1;
  padding: 1.25vw 6.7vw 1.25vw 2.55vw;
  box-sizing: border-box;
  border-radius: 70px;
  height: 4.5vw;
}
.button.type-1.auto {
  width: auto;
}
@media (max-width: 1920px) {
  .button.type-1 {
    height: 86.25px;
    font-size: 37.5px;
    line-height: 29px;
    padding: 27px 111px 27px 48px;
    width: 345px;
  }
}
@media (max-width: 1150px) {
  .button.type-1 {
    width: 153px;
    height: 48px;
    font-size: 14px;
    line-height: 17px;
    padding: 15px 72px 16px 20px;
  }
}
.button.type-1 svg {
  width: 3.75vw;
  height: 3.75vw;
  position: absolute;
  right: 0.7vw;
  top: 0.4vw;
  fill: #fff;
}
@media (max-width: 1920px) {
  .button.type-1 svg {
    width: 68px;
    height: 68px;
    top: 8px;
    right: 14px;
  }
}
@media (max-width: 1280px) {
  .button.type-1 svg {
    top: 9px;
  }
}
@media (max-width: 1150px) {
  .button.type-1 svg {
    width: 40px;
    height: 40px;
    top: 4px;
    right: 7px;
  }
}
.button.type-1:hover {
  background-color: #2abaf3;
}
.button.type-1:active {
  background-color: #139dd5;
}
.button.type-2 {
  background-color: transparent;
  color: #fff;
/*font-size: 14px;*/
  font-size: 0.55vw;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 300;
/*padding 29px 129px 20px 24px;*/
  padding: 0.95vw 5vw 0.95vw 1vw;
  box-sizing: border-box;
  border-radius: 70px;
  border: 1px solid #fff;
}
@media (max-width: 1920px) {
  .button.type-2 {
    padding: 21px 96px 15px 18px;
    font-size: 11px;
    line-height: 13px;
  }
}
@media (max-width: 1150px) {
  .button.type-2 {
    font-size: 14px;
    line-height: 17px;
    padding: 16px 88px 15px 18px;
  }
}
@media (max-width: 850px) {
  .button.type-2 {
    padding: 16px 83px 15px 20px;
    line-height: 17px;
    height: 48px;
  }
}
.button.type-2 svg {
/*width 42px
      height 42px*/
  width: 1.7vw;
  height: 1.7vw;
  position: absolute;
  right: 15px;
  top: 13px;
  fill: #fff;
}
@media (max-width: 1920px) {
  .button.type-2 svg {
    width: 31.5px;
    height: 31.5px;
    top: 9px;
    right: 11px;
  }
}
@media (max-width: 1150px) {
  .button.type-2 svg {
    width: 40px;
    height: 40px;
    top: 5px;
    right: 5px;
  }
}
@media (max-width: 850px) {
  .button.type-2 svg {
    width: 40px;
    height: 40px;
    top: 4px;
    right: 4px;
  }
}
.button.type-2:hover {
  background-color: #2abaf3;
  border-color: #63cdf7;
  color: #fff;
}
.button.type-2:active {
  background-color: #139dd5;
}
.button.type-3 {
  background-color: transparent;
  color: #3b3b3b;
  border: 1px solid #6d6e71;
  max-width: 10.5vw;
  width: 100%;
  padding: 0.8vw 0 0.7vw 0;
  text-transform: uppercase;
  text-align: center;
  border-radius: 30px;
  font-size: 0.56vw;
  line-height: 0.8vw;
}
@media (max-width: 1920px) {
  .button.type-3 {
    padding: 16.25px 0 13.76px 0;
    font-size: 10.5px;
    line-height: 15px;
    max-width: 207px;
  }
}
@media (max-width: 1280px) {
  .button.type-3 {
    padding: 16px 0 14px 0;
    font-size: 10.5px;
    line-height: 13px;
  }
}
@media (max-width: 850px) {
  .button.type-3 {
    padding: 16px 0 14px 0;
    font-size: 12px;
    line-height: 150%;
    font-weight: bold;
  }
}
@media (max-width: 480px) {
  .button.type-3 {
    font: 700 18px "ProximaNova", sans-serif;
    font-size: 12px;
    padding: 16px 0 15px 0;
  }
}
.button.type-3:hover {
  border-color: #63cdf7;
  color: #63cdf7;
}
@media (max-width: 480px) {
  .hidden-mob-text {
    display: none;
  }
}
.slider-custom-nav {
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto auto;
}
.slider-custom-nav .prev-btn,
.slider-custom-nav .next-btn {
  width: 2vw;
  height: 2vw;
  position: absolute;
}
@media (max-width: 1920px) {
  .slider-custom-nav .prev-btn,
  .slider-custom-nav .next-btn {
    width: 39px;
    height: 39px;
  }
}
@media (max-width: 1150px) {
  .slider-custom-nav .prev-btn,
  .slider-custom-nav .next-btn {
    width: 52px;
    height: 52px;
  }
}
.slider-custom-nav .prev-btn svg,
.slider-custom-nav .next-btn svg {
  width: 100%;
  height: 100%;
}
.slider-custom-nav .prev-btn:hover svg,
.slider-custom-nav .next-btn:hover svg {
  fill: #4c4c4c;
}
.slider-custom-nav .prev-btn {
  left: -5.4vw;
}
.slider-custom-nav .prev-btn svg {
  fill: #8f9194;
}
.slider-custom-nav .prev-btn:hover {
  cursor: pointer;
}
.slider-custom-nav .prev-btn:hover svg {
  fill: #4c4c4c;
}
@media (max-width: 1920px) {
  .slider-custom-nav .prev-btn {
    left: -103px;
  }
}
@media (max-width: 1440px) {
  .slider-custom-nav .prev-btn {
    left: -50px;
  }
}
@media (max-width: 1280px) {
  .slider-custom-nav .prev-btn {
    left: -77px;
  }
}
.slider-custom-nav .next-btn {
  right: -5.4vw;
}
.slider-custom-nav .next-btn svg {
  fill: #8f9194;
}
.slider-custom-nav .next-btn:hover {
  cursor: pointer;
}
.slider-custom-nav .next-btn:hover svg {
  fill: #4c4c4c;
  color: #4c4c4c;
}
@media (max-width: 1920px) {
  .slider-custom-nav .next-btn {
    right: -103px;
  }
}
@media (max-width: 1440px) {
  .slider-custom-nav .next-btn {
    right: -50px;
  }
}
@media (max-width: 1280px) {
  .slider-custom-nav .next-btn {
    right: -77px;
  }
}
.slider-custom-nav .next-btn svg {
  transform: rotate(180deg);
}
.slider-custom-nav.slider-custom-nav-2 {
  top: -1vw;
}
@media (max-width: 1920px) {
  .slider-custom-nav.slider-custom-nav-2 {
    top: -22px;
  }
}
.slider-custom-nav.slider-custom-nav-2 .prev-btn,
.slider-custom-nav.slider-custom-nav-2 .next-btn {
  width: 0.75vw;
  height: 1.09vw;
}
@media (max-width: 1920px) {
  .slider-custom-nav.slider-custom-nav-2 .prev-btn,
  .slider-custom-nav.slider-custom-nav-2 .next-btn {
    width: 12.75px;
    height: 21.99px;
  }
}
@media (max-width: 850px) {
  .slider-custom-nav.slider-custom-nav-2 .prev-btn,
  .slider-custom-nav.slider-custom-nav-2 .next-btn {
    width: 15px;
    height: 26.6px;
  }
}
.slider-custom-nav.slider-custom-nav-2 .prev-btn svg,
.slider-custom-nav.slider-custom-nav-2 .next-btn svg {
  width: 100%;
  height: 100%;
  transform: none !important;
  fill: none !important;
}
.slider-custom-nav.slider-custom-nav-2 .prev-btn {
  left: -3vw;
}
@media (max-width: 1920px) {
  .slider-custom-nav.slider-custom-nav-2 .prev-btn {
    left: -55px;
  }
}
@media (max-width: 850px) {
  .slider-custom-nav.slider-custom-nav-2 .prev-btn {
    left: -27px;
  }
}
.slider-custom-nav.slider-custom-nav-2 .next-btn {
  right: -3vw;
}
@media (max-width: 1920px) {
  .slider-custom-nav.slider-custom-nav-2 .next-btn {
    right: -55px;
  }
}
@media (max-width: 850px) {
  .slider-custom-nav.slider-custom-nav-2 .next-btn {
    right: -27px;
  }
}
.slider-custom-nav.slider-custom-nav-3 {
  height: 0;
  top: 0;
}
.slider-custom-nav.slider-custom-nav-3 .prev-btn,
.slider-custom-nav.slider-custom-nav-3 .next-btn {
  width: 1.8vw;
  height: 3.3vw;
}
@media (max-width: 1920px) {
  .slider-custom-nav.slider-custom-nav-3 .prev-btn,
  .slider-custom-nav.slider-custom-nav-3 .next-btn {
    width: 40px;
    height: 79px;
  }
}
@media (max-width: 1280px) {
  .slider-custom-nav.slider-custom-nav-3 .prev-btn,
  .slider-custom-nav.slider-custom-nav-3 .next-btn {
    width: 16px;
    height: 32px;
  }
}
@media (max-width: 850px) {
  .slider-custom-nav.slider-custom-nav-3 .prev-btn,
  .slider-custom-nav.slider-custom-nav-3 .next-btn {
    width: 12px;
    height: 24px;
  }
}
.slider-custom-nav.slider-custom-nav-3 .prev-btn {
  left: 0 !important;
}
.slider-custom-nav.slider-custom-nav-3 .next-btn {
  right: 0 !important;
}
.slider-custom-nav.slider-custom-nav-3 .next-btn svg {
  transform: rotate(180deg) !important;
}
.custom-nav-tabs {
  display: none;
  width: calc(100% - 32px);
  height: 0;
  top: -16px;
  z-index: 99;
}
@media (max-width: 480px) {
  .custom-nav-tabs {
    display: block;
  }
}
.custom-nav-tabs .nav-btn {
  width: 8px;
  height: 16px;
}
.custom-nav-tabs .nav-btn.next-btn {
  right: 0;
}

.spagination-04__next-btn {
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(180deg);
}
.custom-nav-tabs .nav-btn.prev-btn,
.spagination-04__prev-btn {
  left: 0;
}
.tab-btn {
  background-color: #6d6e71;
}
.tab-btn:hover {
  background-color: #58595c;
}
.tab-btn.active {
  background-color: #63cdf7;
}
/*.custom-placeholder {*/
  /*font: 400 18px "ProximaNova", sans-serif;*/
  /*font-size: 1.3vw;*/
  /*line-height: 1.4vw;*/
  /*color: #63cdf7;*/
  /*position: absolute;*/
  /*top: 0.8vw;*/
  /*left: 1.2vw;*/
  /*z-index: 5;*/
/*}*/
/*@media (max-width: 1920px) {*/
  /*.custom-placeholder {*/
    /*font-size: 24px;*/
    /*line-height: 29px;*/
    /*top: 13.5px;*/
    /*left: 23.25px;*/
  /*}*/
/*}*/
/*@media (max-width: 1150px) {*/
  /*.custom-placeholder {*/
    /*font-size: 18px;*/
    /*line-height: 80%;*/
    /*left: 23px;*/
  /*}*/
/*}*/
/*@media (max-width: 480px) {*/
  /*.custom-placeholder {*/
    /*line-height: 60%;*/
  /*}*/
/*}*/

.event-time {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.event-time .ico-soc {
  width: 1.1vw !important;
  height: 1.1vw !important;
  margin-right: 0.5vw;
}
@media (max-width: 1920px) {
  .event-time .ico-soc {
    width: 19.5px !important;
    height: 19.5px !important;
    margin-right: 10px;
  }
}
@media (max-width: 850px) {
  .event-time .ico-soc {
    margin-right: 11px;
  }
}
@media (max-width: 850px) {
  .event-time span {
    font-size: 14px;
    line-height: 17px;
  }
}
@media (max-width: 480px) {
  .wrap-crumbs .home {
    width: 30px;
  }
}
.sub-top-block {
  background-color: #fff !important;
}
.sub-top-block p,
.sub-top-block a {
  color: #000 !important;
}
.sub-top-block .title-h1 {
  color: #000 !important;
}
.list li {
  margin-bottom: 1.3vw;
  font-size: 1.17vw;
  line-height: 1.4vw;
  padding-left: 1.05vw;
  position: relative;
}
@media (max-width: 1920px) {
  .list li {
    font-size: 22.5px;
    line-height: 25px;
    margin-bottom: 26px;
    padding-left: 20px;
  }
}
@media (max-width: 1280px) {
  .list li {
    font-size: 22.5px;
    line-height: 25px;
    margin-bottom: 27px;
  }
}
@media (max-width: 1150px) {
  .list li {
    font-size: 18px;
    line-height: 24px;
    padding-left: 15px;
    margin-bottom: 24px;
  }
}
@media (max-width: 850px) {
  .list li {
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 0;
    padding-left: 10px;
  }
}
@media (max-width: 680px) {
  .list li {
    line-height: 130%;
    margin-bottom: 20px;
  }
  .list li br {
    display: none;
  }
}
@media (max-width: 480px) {
  .list li {
    margin-bottom: 32px;
  }
}
.list li:last-child {
  margin-bottom: 0;
}
.list li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  background-color: #8dccf4;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.6vw;
  bottom: auto;
  margin: auto;
}
@media (max-width: 1920px) {
  .list li:before {
    top: 10px;
  }
}
@media (max-width: 1150px) {
  .list li:before {
    width: 4px;
    height: 4px;
  }
}
@media (max-width: 850px) {
  .list li:before {
    top: 18px;
  }
}
@media (max-width: 680px) {
  .list li:before {
    top: 9px;
  }
}
.play-video {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto auto;
  width: 5.4vw;
  height: 5.4vw;
  z-index: 30;
  cursor: pointer;
}
@media (max-width: 1920px) {
  .play-video {
    width: 105px;
    height: 105px;
  }
}
@media (max-width: 1280px) {
  .play-video {
    width: 89px;
    height: 89px;
  }
}
@media (max-width: 1150px) {
  .play-video {
    width: 71.6px;
    height: 71.6px;
  }
}
@media (max-width: 850px) {
  .play-video {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 480px) {
  .play-video {
    width: 60px;
    height: 60px;
  }
}
.play-video.play-video-small {
  width: 50px;
  height: 50px;
}
.play-video svg {
  width: 100%;
  height: 100%;
}
.overlay-area {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}

.map-panel {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 20.6%;
  position: relative;
  top: -0.5vw;
}
@media (max-width: 1920px) {
  .map-panel {
    width: 255px;
    top: -9px;
  }
}
@media (max-width: 1150px) {
  .map-panel {
    top: -6px;
    width: 280px;
  }
}
@media (max-width: 850px) {
  .map-panel {
    top: -1px;
    width: 229px;
  }
}
@media (max-width: 480px) {
  .map-panel {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto;
    height: 42px;
  }
}
.map-panel p {
  font-size: 0.95vw;
  line-height: 1vw;
  text-transform: uppercase;
  color: #6d6e71;
}
@media (max-width: 1920px) {
  .map-panel p {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 1150px) {
  .map-panel p {
    font-size: 20px;
  }
}
@media (max-width: 850px) {
  .map-panel p {
    font-size: 15.5px;
  }
}
@media (max-width: 480px) {
  .map-panel p {
    font-size: 18px;
    line-height: 120%;
  }
}
.map-switch {
  width: 3.5vw;
  height: 1.9vw;
  position: relative;
  background-color: #c5c5c5;
  border-radius: 30px;
}
@media (max-width: 1920px) {
  .map-switch {
    width: 68.25px;
    height: 34.5px;
    top: -2px;
  }
}
@media (max-width: 850px) {
  .map-switch {
    width: 49.4px;
    height: 25px;
  }
}
@media (max-width: 480px) {
  .map-switch {
    width: 79px;
    height: 40px;
  }
}
.map-switch .switch-circle {
  display: block;
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 50%;
  position: absolute;
  left: auto;
  right: 0.25vw;
  top: 0.25vw;
  background-color: #98ccf3;
  border: 2px solid #fff;
  transition: all ease 1s;
}
@media (max-width: 1920px) {
  .map-switch .switch-circle {
    width: 23.5px;
    height: 23.5px;
    top: 3px;
    right: 3px;
  }
}
@media (max-width: 850px) {
  .map-switch .switch-circle {
    width: 20px;
    height: 20px;
    border: 1.5px solid #fff;
    top: 1px;
    right: 2px;
  }
}
@media (max-width: 480px) {
  .map-switch .switch-circle {
    width: 27px;
    height: 27px;
    border: 2.2px solid #fff;
    top: 5px;
    right: 5px;
  }
}
.map-switch.rus .switch-circle {
  right: calc(100% - 1.65vw);
}
@media (max-width: 1920px) {
  .map-switch.rus .switch-circle {
    right: calc(100% - 30.5px);
  }
}
@media (max-width: 850px) {
  .map-switch.rus .switch-circle {
    right: calc(100% - 24.5px);
  }
}
@media (max-width: 480px) {
  .map-switch.rus .switch-circle {
    right: calc(100% - 35.5px);
  }
}
.map-help {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: absolute;
  bottom: 8vw;
  left: -3vw;
}
.map-help span {
  vertical-align: middle;
}
.map-help .h-circle {
  width: 0.6vw;
  height: 0.6vw;
  border-radius: 50%;
  display: inline-block;
  margin-right: 0.6vw;
  vertical-align: middle;
}
@media (max-width: 1920px) {
  .map-help .h-circle {
    width: 11.25px;
    height: 11.25px;
    margin-right: 12px;
  }
}
.map-help .h-circle.hc-1 {
  background-color: #7db8cf;
}
.map-help .h-circle.hc-2 {
  background-color: #87d6f5;
}
.map-help .h-circle.hc-3 {
  background-color: #78b5ea;
}
.map-help .h-circle-svg {
  width: 0.6vw;
  height: 0.6vw;
  display: inline-block;
  margin-right: 0.6vw;
  vertical-align: middle;
}
@media (max-width: 1920px) {
  .map-help .h-circle-svg {
    width: 11.25px;
    height: 11.25px;
    margin-right: 12px;
  }
}
.map-help .h-circle-svg img {
  width: 100%;
  height: 100%;
}
.map-help .h-text {
  font-size: 0.62vw;
  line-height: 1vw;
  color: #6d6e71;
}
@media (max-width: 1920px) {
  .map-help .h-text {
    font-size: 12px;
    line-height: 18px;
  }
}
.map-overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 200%;
  transition: all ease 0.5s;
}
@media (max-width: 850px) {
  .map-overlay {
    display: none;
  }
}
.map-overlay .ov-top,
.map-overlay .ov-bottom {
  position: absolute;
  height: 15vw;
  width: 100%;
}
.map-overlay .ov-top {
  top: 0;
  left: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&1+0,0+100;White+to+Transparent */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.map-overlay .ov-bottom {
  bottom: 0;
  left: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.99) 99%, #fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.points-list-block {
  position: absolute;
  left: 12.5vw;
  top: 18.2vw;
  background-color: rgba(255,255,255,0.85);
  padding: 0.95vw 0.8vw 1.3vw 1.1vw;
  width: 26vw;
  height: 18.2vw;
  box-sizing: border-box;
  border-radius: 12px;
  overflow: hidden;
  display: none;
}
@media (max-width: 480px) {
  .points-list-block {
    display: block;
  }
}
.points-list-block .points-list {
  overflow: auto;
  height: 15.5vw;
}
.points-list-block p {
  font-size: 0.705vw;
  line-height: 150%;
  margin-bottom: 0.35vw;
}
.points-list-block .scrollbar-inner >.scroll-element.scroll-y {
  width: 3px;
}
.points-list-block .scrollbar-inner >.scroll-element.scroll-y .scroll-bar {
  background-color: #78b5ea;
  width: 3px;
}
.mob-accordeon-geo {
  display: none;
}
@media (max-width: 680px) {
  .mob-accordeon-geo {
    display: block;
  }
}
.mob-accordeon-geo .ac-btn-geo {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.mob-accordeon-geo .ac-btn-geo .title-name {
  color: #63cdf7;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.05em;
  font-weight: bold;
}
.mob-accordeon-geo .ac-btn-geo .ac-geo-arrow.open {
  transform: rotate(180deg);
}
.mob-accordeon-geo .ac-geo-item {
  display: none;
  padding: 15px 0 0 0;
  box-sizing: border-box;
}
.mob-accordeon-geo .ac-geo-item p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
}
.top-block-image {
  margin-bottom: 3.3vw;
  height: 29.1vw;
  position: relative;
}
@media (max-width: 1920px) {
  .top-block-image {
    height: 559px;
    margin-bottom: 60.5px;
  }
}
@media (max-width: 1280px) {
  .top-block-image {
    margin-bottom: 45.5px;
  }
}
@media (max-width: 1150px) {
  .top-block-image {
    margin-bottom: 35px;
    height: 572px;
    position: relative;
  }
}
@media (max-width: 850px) {
  .top-block-image {
    height: 505px;
  }
}
.top-block-image img {
  left: 50% !important;
  transform: translateX(-50%);
  height: 100%;
  position: relative;
}
@media (max-width: 1280px) {
  .top-block-image img {
    width: auto;
  }
}
@media (max-width: 850px) {
  .top-block-image img {
    left: -63%;
  }
}
@media (max-width: 480px) {
  .top-block-image img {
    left: 0;
  }
}
.top-block-image.top-block-inner-text {
  position: relative;
}
@media (max-width: 480px) {
  .top-block-image.top-block-inner-text {
    margin-bottom: 37px;
  }
}
.top-block-image.top-block-inner-text .container__content {
  padding-top: 8vw;
  height: 100%;
  box-sizing: border-box;
}
@media (max-width: 480px) {
  .top-block-image.top-block-inner-text .container__content {
    padding-top: 65.3px;
  }
}
.top-block-image.top-block-inner-text .title-h1 {
  color: #fff;
  margin-bottom: 2vw;
}
.top-block-image.top-block-inner-text .text-big {
  color: #fff;
}
.top-block-image.top-block-inner-text img {
  position: absolute;
  height: 100%;
  width: auto;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 850px) {
  .top-block-image.top-block-inner-text img {
    left: -22%;
  }
}
@media (max-width: 480px) {
  .top-block-image.top-block-inner-text img {
    left: -134%;
  }
}
.top-block-image.top-block-inner-text .social-icons {
  position: absolute;
  bottom: 2.6vw;
  left: 0;
}
@media (max-width: 1920px) {
  .top-block-image.top-block-inner-text .social-icons {
    bottom: 50px;
  }
}
@media (max-width: 1280px) {
  .top-block-image.top-block-inner-text .social-icons {
    bottom: 31px;
  }
}
@media (max-width: 1150px) {
  .top-block-image.top-block-inner-text .social-icons {
    bottom: 23px;
  }
}
@media (max-width: 850px) {
  .top-block-image.top-block-inner-text .social-icons {
    bottom: 14px;
  }
}
.top-block-image.top-block-inner-text .social-icons .icon.icon-share {
  display: none;
}
@media (max-width: 1150px) {
  .top-block-image.top-block-inner-text .social-icons .icon {
    display: none;
  }
  .top-block-image.top-block-inner-text .social-icons .icon.icon-share {
    display: block;
  }
}

.products-tabs {
  padding-bottom: 5.7vw;
}
@media (max-width: 1920px) {
  .products-tabs {
    padding-bottom: 112px;
  }
}
@media (max-width: 1150px) {
  .products-tabs {
    padding-bottom: 60px;
  }
}
@media (max-width: 480px) {
  .products-tabs {
    padding-bottom: 43px;
  }
  .products-tabs .custom-container {
    overflow: hidden;
  }
}
.tab-menu-products {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-bottom: 1px solid #404040;
  margin: 1.4vw 0 4vw 0;
  position: relative;
}
@media (max-width: 1920px) {
  .tab-menu-products {
    margin: 28.5px 0 71.2px 0;
  }
}
@media (max-width: 1280px) {
  .tab-menu-products {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 22.5px 0 43.2px 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
@media (max-width: 850px) {
  .tab-menu-products {
    padding-bottom: 16px;
  }
}
@media (max-width: 480px) {
  .tab-menu-products {
    display: block;
    margin: 27.5px 0 39.2px 0;
    padding-bottom: 4px;
    border-bottom: none;
    position: relative;
  }
  .tab-menu-products:after {
    content: '';
    height: 1px;
    width: 1000px;
    background-color: #000;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.tab-menu-products li {
  font-size: 0.68vw;
  line-height: 1.2vw;
  color: #4c4c4c;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}
@media (max-width: 1920px) {
  .tab-menu-products li {
    font-size: 13.5px;
    line-height: 30px;
  }
}
@media (max-width: 1280px) {
  .tab-menu-products li {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 3px;
    box-sizing: border-box;
    padding-right: 60px;
    padding-bottom: 6px;
  }
  .tab-menu-products li:first-child {
    padding-left: 0;
  }
  .tab-menu-products li:last-child {
    padding-right: 0;
  }
}
@media (max-width: 1150px) {
  .tab-menu-products li {
    padding-right: 30px;
  }
}
@media (max-width: 1023px) {
  .tab-menu-products li {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media (max-width: 480px) {
  .tab-menu-products li {
    font-size: 13px;
    padding-top: 0;
    padding-bottom: 0;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 230%;
  }
}
.tab-menu-products li.active {
  color: #63cdf7;
}
.tab-menu-products li.active a {
  color: #63cdf7;
}
.tab-menu-products li a {
  color: #4c4c4c;
  letter-spacing: 0.5px;
}
.tab-menu-products li:after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 0.6vw;
  background-color: #404040;
  margin: auto auto;
  text-align: center;
  position: absolute;
  right: -0.7vw;
  top: 0;
  bottom: 0;
}
@media (max-width: 1920px) {
  .tab-menu-products li:after {
    height: 19px;
    width: 1px;
  }
}
@media (max-width: 1280px) {
  .tab-menu-products li:after {
    position: absolute;
    top: -8px;
    right: 30px;
    width: 1px;
  }
}
@media (max-width: 1150px) {
  .tab-menu-products li:after {
    right: 15px;
  }
}
@media (max-width: 1023px) {
  .tab-menu-products li:after {
    top: -4px;
  }
}
.tab-menu-products li:last-child:after {
  display: none;
}
.tabs-items-area {
  margin-bottom: -2.2vw;
}
@media (max-width: 1920px) {
  .tabs-items-area {
    margin-bottom: -40px;
  }
}
@media (max-width: 850px) {
  .tabs-items-area {
    margin-bottom: -22px;
  }
}
.tabs-items-area .tab-item {
  display: none;
}
.tabs-items-area .tab-item.active {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}
@media (max-width: 1280px) {
  .tabs-items-area .tab-item.active {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.tabs-items-area .tab-item .box {
  width: calc(100% / 2 - 1.17vw);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 1920px) {
  .tabs-items-area .tab-item .box {
    width: calc(100% / 2 - 23.5px);
  }
}
@media (max-width: 1280px) {
  .tabs-items-area .tab-item .box {
    width: 100%;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
@media (max-width: 850px) {
  .tabs-items-area .tab-item .box {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
@media (max-width: 480px) {
  .tabs-items-area .tab-item .box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 1150px) {
  .tabs-items-area .tab-item .box.box-l {
    margin-bottom: -5px;
  }
}
@media (max-width: 850px) {
  .tabs-items-area .tab-item .box.box-l {
    margin-bottom: 20px;
  }
}
.tabs-items-area .tab-item .title-box {
  width: 100%;
  border-bottom: 1px solid #000;
  font-size: 1.16vw;
  font-weight: bold;
  margin-bottom: 2.4vw;
}
@media (max-width: 1920px) {
  .tabs-items-area .tab-item .title-box {
    padding-bottom: 6.2px;
    font-size: 22.5025px;
    line-height: 150%;
    margin-bottom: 33px;
  }
}
@media (max-width: 1280px) {
  .tabs-items-area .tab-item .title-box {
    font-size: 30px;
    line-height: 70px;
    padding-bottom: 0;
    margin-bottom: 39px;
  }
}
@media (max-width: 480px) {
  .tabs-items-area .tab-item .title-box {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 14px;
    margin-bottom: 30px;
  }
}
.tabs-items-area .tab-item .type {
  background-color: #4c4c4c;
  color: #fff;
  font-size: 0.64vw;
  line-height: 0.8vw;
  padding: 0.46vw 0.57vw 0.46vw 0.57vw;
  box-sizing: border-box;
  text-transform: uppercase;
  margin-bottom: 0.8vw;
}
@media (max-width: 1920px) {
  .tabs-items-area .tab-item .type {
    font-size: 12px;
    line-height: 15px;
    padding: 9px 11.25px 6px 11.25px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1280px) {
  .tabs-items-area .tab-item .type {
    padding: 12px 0 9px 15px;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 25px;
  }
}
.tabs-items-area .tab-item .col-pr {
  width: calc(100% / 3 - 1.5vw);
  position: relative;
}
@media (max-width: 1920px) {
  .tabs-items-area .tab-item .col-pr {
    width: calc(100% / 3 - 29.5px);
  }
}
@media (max-width: 1280px) {
  .tabs-items-area .tab-item .col-pr {
    width: 209px;
    margin-right: 40px;
  }
}
@media (max-width: 980px) {
  .tabs-items-area .tab-item .col-pr {
    margin-right: 30px;
  }
  .tabs-items-area .tab-item .col-pr:nth-child(n+4) {
    margin-right: 0;
  }
}
@media (max-width: 850px) {
  .tabs-items-area .tab-item .col-pr {
    margin-right: 0 !important;
    width: calc(100% / 3 - 15px);
  }
}
@media (max-width: 850px) {
  .tabs-items-area .tab-item .col-pr {
    width: calc(100% / 3 - 20px);
  }
}
@media (max-width: 480px) {
  .tabs-items-area .tab-item .col-pr {
    width: 225px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.tabs-items-area .tab-item .col-pr .slider-item {
  display: block;
}
.tabs-items-area .tab-item .col-pr .nav-item-slider {
  top: -75px;
  display: none;
}
@media (max-width: 480px) {
  .tabs-items-area .tab-item .col-pr .nav-item-slider {
    display: block;
  }
}
.tabs-items-area .tab-item .col-pr .nav-item-slider .prev-btn,
.tabs-items-area .tab-item .col-pr .nav-item-slider .next-btn {
  width: 8px;
  height: 14.7px;
}
.tabs-items-area .tab-item .col-pr .nav-item-slider .prev-btn {
  left: -30px;
}
.tabs-items-area .tab-item .col-pr .nav-item-slider .next-btn {
  right: -30px;
}
.tabs-items-area .tab-item .image {
  width: auto;
  height: 5.9vw;
  overflow: hidden;
}
@media (max-width: 1920px) {
  .tabs-items-area .tab-item .image {
    height: 112.5px;
  }
}
@media (max-width: 1280px) {
  .tabs-items-area .tab-item .image {
    height: 150px;
  }
}
.tabs-items-area .tab-item .image img {
  width: auto;
  height: 100%;
}
.tabs-items-area .tab-item .item-pr {
  margin-bottom: 2.2vw;
}
@media (max-width: 1920px) {
  .tabs-items-area .tab-item .item-pr {
    margin-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .tabs-items-area .tab-item .item-pr {
    margin-bottom: 31px;
  }
}
.tabs-items-area .tab-item .item-pr p {
  font-size: 0.78vw;
  line-height: 150%;
  margin-top: 0.35vw;
  margin-bottom: 0.3vw;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.tabs-items-area .tab-item .item-pr p a {
  color: #000;
}
@media (max-width: 1920px) {
  .tabs-items-area .tab-item .item-pr p {
    font-size: 15px;
    line-height: 150%;
    margin-top: 7px;
    margin-bottom: 4px;
  }
}
@media (max-width: 1150px) {
  .tabs-items-area .tab-item .item-pr p {
    font-size: 20px;
    line-height: 150%;
    margin-top: 10px;
  }
}
.tabs-items-area .tab-item .item-pr p .energy {
  color: #63cdf7;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-left: auto;
}
.tabs-items-area .tab-item .item-pr p .energy img {
  margin-right: 0.38vw;
  width: 0.7vw;
  height: 0.7vw;
}
@media (max-width: 1920px) {
  .tabs-items-area .tab-item .item-pr p .energy img {
    width: 15px;
    height: 15px;
    margin-right: 9.7px;
  }
}
.tabs-items-area .tab-item .item-pr span {
  font-size: 0.62vw;
  line-height: 0.7vw;
  color: #6d6e71;
  text-transform: uppercase;
}
@media (max-width: 1920px) {
  .tabs-items-area .tab-item .item-pr span {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 1150px) {
  .tabs-items-area .tab-item .item-pr span {
    font-size: 16px;
    line-height: 19px;
  }
}
.tabs-items-3col .tab-item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}
@media (max-width: 1280px) {
  .tabs-items-3col .tab-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.tabs-items-3col .tab-item .title-box {
  margin-bottom: 2.1vw;
}
@media (max-width: 480px) {
  .tabs-items-3col .tab-item .title-box {
    margin-bottom: 30px;
  }
}
.tabs-items-3col .tab-item .box {
  width: calc(100% / 3 - 40px);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 1920px) {
  .tabs-items-3col .tab-item .box {
    width: calc(100% / 3 - 30px);
  }
}
@media (max-width: 1280px) {
  .tabs-items-3col .tab-item .box {
    width: 100%;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
@media (max-width: 850px) {
  .tabs-items-3col .tab-item .box {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
@media (max-width: 480px) {
  .tabs-items-3col .tab-item .box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.tabs-items-3col .tab-item .col-pr {
  width: 100%;
  position: relative;
}
@media (max-width: 1920px) {
  .tabs-items-3col .tab-item .col-pr {
    width: 100%;
  }
}
@media (max-width: 1280px) {
  .tabs-items-3col .tab-item .col-pr {
    width: 100%;
    margin-right: 0;
  }
}
@media (max-width: 1150px) {
  .tabs-items-3col .tab-item .col-pr {
    margin-bottom: 37px;
  }
}
@media (max-width: 980px) {
  .tabs-items-3col .tab-item .col-pr {
    margin-right: 0;
    width: 100%;
  }
  .tabs-items-3col .tab-item .col-pr:nth-child(n+4) {
    margin-right: 0;
  }
}
@media (max-width: 850px) {
  .tabs-items-3col .tab-item .col-pr {
    margin-right: 0 !important;
    width: 100%;
  }
}
@media (max-width: 850px) {
  .tabs-items-3col .tab-item .col-pr {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .tabs-items-3col .tab-item .col-pr {
    width: 225px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.tabs-items-3col .tab-item .col-pr .slider-item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 1280px) {
  .tabs-items-3col .tab-item .col-pr .slider-item {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
@media (max-width: 480px) {
  .tabs-items-3col .tab-item .col-pr .slider-item {
    display: block;
  }
}
.tabs-items-3col .tab-item .col-pr .slider-item .item-pr {
  width: calc(100% / 2 - 26px);
}
@media (max-width: 1280px) {
  .tabs-items-3col .tab-item .col-pr .slider-item .item-pr {
    width: 100%;
    max-width: 208.5px;
    margin-right: 30px;
  }
}
@media (max-width: 1150px) {
  .tabs-items-3col .tab-item .col-pr .slider-item .item-pr {
    margin-bottom: 30px;
    width: 24%;
  }
  .tabs-items-3col .tab-item .col-pr .slider-item .item-pr:last-child {
    margin-right: 0;
  }
}
@media (max-width: 850px) {
  .tabs-items-3col .tab-item .col-pr .slider-item .item-pr {
    margin-right: 3.5vw;
  }
  .tabs-items-3col .tab-item .col-pr .slider-item .item-pr:nth-child(3) {
    margin-right: 0;
  }
}
@media (max-width: 760px) {
  .tabs-items-3col .tab-item .col-pr .slider-item .item-pr {
    margin-right: 30px;
    width: 35%;
  }
  .tabs-items-3col .tab-item .col-pr .slider-item .item-pr:nth-child(3) {
    margin-right: 30px;
  }
}
@media (max-width: 480px) {
  .tabs-items-3col .tab-item .col-pr .slider-item .item-pr {
    width: 100%;
  }
}
@media (max-width: 1150px) {
  .tabs-items-3col.tabs-items-2col .tab-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.tabs-items-3col.tabs-items-2col .tab-item .title-box {
  margin-bottom: 1.6vw;
  padding-bottom: 0.6vw;
}
@media (max-width: 1920px) {
  .tabs-items-3col.tabs-items-2col .tab-item .title-box {
    margin-bottom: 29px;
    padding-bottom: 11px;
  }
}
.tabs-items-3col.tabs-items-2col .tab-item .box {
  width: calc(100% / 2 - 1.17vw);
}
@media (max-width: 1920px) {
  .tabs-items-3col.tabs-items-2col .tab-item .box {
    width: calc(100% / 2 - 22px);
  }
}
@media (max-width: 1150px) {
  .tabs-items-3col.tabs-items-2col .tab-item .box {
    width: 100%;
    max-width: 795px;
  }
}
@media (max-width: 1150px) {
  .tabs-items-3col.tabs-items-2col .tab-item .col-pr {
    margin-bottom: 9px;
  }
}
@media (max-width: 1280px) {
  .tabs-items-3col.tabs-items-2col .tab-item .col-pr .slider-item {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
.tabs-items-3col.tabs-items-2col .tab-item .col-pr .slider-item .item-pr {
  width: calc(100% / 3 - 1.5vw);
}
@media (max-width: 1920px) {
  .tabs-items-3col.tabs-items-2col .tab-item .col-pr .slider-item .item-pr {
    width: calc(100% / 3 - 30px);
  }
}
@media (max-width: 1280px) {
  .tabs-items-3col.tabs-items-2col .tab-item .col-pr .slider-item .item-pr {
    width: calc(100% / 3 - 39px);
    margin-right: 0;
    max-width: 100%;
  }
}
@media (max-width: 850px) {
  .tabs-items-3col.tabs-items-2col .tab-item .col-pr .slider-item .item-pr {
    width: calc(100% / 3 - 20px);
    margin-bottom: 34px;
  }
}
@media (max-width: 480px) {
  .tabs-items-3col.tabs-items-2col .tab-item .col-pr .slider-item .item-pr {
    width: 100%;
  }
}
@media (max-width: 1280px) {
  .tabs-items-3col.tabs-items-2col .tab-item .image {
    height: 110px;
  }
}
@media (max-width: 1150px) {
  .tabs-items-3col.tabs-items-2col .tab-item .image {
    height: 150px;
  }
}
.products-tabs-metro {
  padding-top: 6vw;
}
@media (max-width: 1920px) {
  .products-tabs-metro {
    padding-top: 116px;
    padding-bottom: 97px;
  }
}
@media (max-width: 1150px) {
  .products-tabs-metro {
    padding-top: 62px;
  }
}
.products-tabs-metro .tab-menu-products {
  margin: 2.4vw 0 3.4vw 0;
  padding-bottom: 0.56vw;
}
@media (max-width: 1920px) {
  .products-tabs-metro .tab-menu-products {
    margin: 41px 0 64px 0;
    padding-bottom: 7.5px;
  }
}
@media (max-width: 1150px) {
  .products-tabs-metro .tab-menu-products {
    margin: 20px 0 37px 0;
  }
}
.cyan-box-slider .owl-dots {
  bottom: -20px !important;
}
.cyan-box {
  width: calc(100% / 4 - 0.9vw);
  background-color: #63cdf7;
  padding: 1.5vw 1vw 1vw 1vw;
  box-sizing: border-box;
  height: 8.63vw;
}
@media (max-width: 1920px) {
  .cyan-box {
    width: calc(100% / 4 - 17px);
    padding: 30px 18px 18px 18px;
    height: 165px;
  }
}
@media (max-width: 1150px) {
  .cyan-box {
    height: 200px;
    width: calc(100% / 4 - 8px);
    padding: 30px 18px 18px 21px;
  }
}
@media (max-width: 850px) {
  .cyan-box {
    width: calc(100% / 2 - 5px);
    margin-bottom: 10px;
    height: 190px;
  }
}
@media (max-width: 480px) {
  .cyan-box {
    width: 100%;
    height: 160px;
    margin: 0;
  }
}
.cyan-box.three {
  width: calc(100% / 3 - 0.9vw);
}
@media (max-width: 480px) {
  .cyan-box.three {
    width: 100%;
  }
}
.cyan-box sup {
  font-size: 1.6vw;
}
@media (max-width: 850px) {
  .cyan-box sup {
    font-size: 2.2vw;
  }
}
@media (max-width: 480px) {
  .cyan-box sup {
    font-size: 20px;
  }
}
.cyan-box p {
  color: #fff;
  font-size: 2.6vw !important;
  font-weight: 300;
}
@media (max-width: 1920px) {
  .cyan-box p {
    font-size: 51px !important;
  }
}
@media (max-width: 1150px) {
  .cyan-box p {
    font-size: 40px !important;
    line-height: 40px;
  }
}
@media (max-width: 850px) {
  .cyan-box p {
    font-size: 48px !important;
    line-height: 140%;
  }
}
@media (max-width: 480px) {
  .cyan-box p {
    font-size: 36px !important;
    line-height: 40px;
  }
}
.cyan-box span {
  font-size: 0.85vw;
}
@media (max-width: 1920px) {
  .cyan-box span {
    font-size: 16.5px;
  }
}
@media (max-width: 1150px) {
  .cyan-box span {
    font-size: 18px;
    line-height: 24px;
  }
}
.cyan-box .top-level {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.1vw;
}
@media (max-width: 1920px) {
  .cyan-box .top-level {
    margin-bottom: 17px;
  }
}
@media (max-width: 1150px) {
  .cyan-box .top-level {
    height: 69px;
  }
}
@media (max-width: 850px) {
  .cyan-box .top-level {
    margin-bottom: 9px;
  }
}
.cyan-box .top-level img {
  margin-right: 0.85vw;
  width: 2vw;
}
@media (max-width: 1920px) {
  .cyan-box .top-level img {
    width: 38px;
    margin-right: 18px;
  }
}
@media (max-width: 1150px) {
  .cyan-box .top-level img {
    width: 53px;
    margin-right: 25.5px;
  }
}
.flex-box-images-3item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 480px) {
  .flex-box-images-3item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.flex-box-images-3item .title-h4 {
  color: #fff;
}
.flex-box-images-3item .title-p {
  color: #fff;
  font-size: 1.18vw;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 0.1em;
}
@media (max-width: 1920px) {
  .flex-box-images-3item .title-p {
    font-size: 22.5px;
  }
}
@media (max-width: 1150px) {
  .flex-box-images-3item .title-p {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 850px) {
  .flex-box-images-3item .title-p {
    font-size: 14px;
    line-height: 20px;
  }
}
.flex-box-images-3item .box-b {
  width: calc(100% / 3 - 0.055vw);
  height: 13.6vw;
  padding: 1.8vw 0 0 2vw;
  box-sizing: border-box;
  background-size: cover !important;
}
@media (max-width: 1920px) {
  .flex-box-images-3item .box-b {
    width: calc(100% / 3 - 1px);
  }
}
@media (max-width: 480px) {
  .flex-box-images-3item .box-b {
    width: 100%;
    margin-bottom: 2px;
  }
}
.tabs-accordion {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 31.2%;
}
@media (max-width: 680px) {
  .tabs-accordion {
    width: 100%;
    display: block;
  }
}
.tabs-accordion .tab-ac-btn {
  padding-left: 1.8vw;
  background-color: #6d6e71;
  color: #fff;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  font-size: 0.64vw;
  line-height: 1.9vw;
  box-sizing: border-box;
  height: 4.1vw;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 1920px) {
  .tabs-accordion .tab-ac-btn {
    padding-left: 33.48px;
    height: 92px;
    font-size: 12.3px;
    line-height: 36.5px;
  }
}
@media (max-width: 1150px) {
  .tabs-accordion .tab-ac-btn {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 680px) {
  .tabs-accordion .tab-ac-btn {
    font-size: 12px;
    line-height: 15px;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: block;
    position: relative;
    height: 59.76px;
    padding: 22px 16px 0 16px;
    box-sizing: border-box;
  }
}
@media (max-width: 680px) {
  .tabs-accordion .tab-ac-btn span {
    width: 65%;
  }
}
.tabs-accordion .tab-ac-btn:last-child {
  border-bottom: none;
}
.tabs-accordion .tab-ac-btn.active {
  background-color: #63cdf7;
}
@media (max-width: 680px) {
  .tabs-accordion .tab-ac-btn.active {
    background-color: #6d6e71;
    height: 399px;
  }
  .tabs-accordion .tab-ac-btn.active .mob-arrow-a {
    transform: rotate(180deg);
  }
  .tabs-accordion .tab-ac-btn.active .tab-item {
    display: block !important;
  }
}
.tabs-accordion .tab-ac-btn .mob-arrow-a {
  display: none;
  width: 10px;
  height: 5px;
}
@media (max-width: 680px) {
  .tabs-accordion .tab-ac-btn .mob-arrow-a {
    display: block;
    position: absolute;
    right: 16px;
    top: 26px;
  }
}
.tabs-accordion .tab-ac-btn .tab-item {
  display: none;
  height: 100%;
}
.tabs-accordion .tab-ac-btn .tab-item.active {
  display: block;
}
@media (max-width: 680px) {
  .tabs-accordion .tab-ac-btn .tab-item.active {
    display: none;
  }
}
.tabs-accordion .tab-ac-btn .tab-item.tab-item-mob {
  display: none;
  position: relative;
  top: 0;
  left: -16px;
  right: 0;
  bottom: 0;
  margin-top: 22px;
  width: calc(100% + 32px);
}
.tabs-accordion .tab-ac-btn .tab-item.tab-item-mob .content-tab {
  height: 93.4vw;
  overflow: hidden;
  padding: 40px 0 0 16px;
}
.tabs-accordion .tab-ac-btn .tab-item.tab-item-mob img {
  height: 106vw;
  width: 167vw;
  left: -30%;
}
.tabs-accordion .tab-ac-btn .tab-item img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.tabs-accordion .tab-ac-btn .tab-item .content-tab {
  position: relative;
  z-index: 1;
}
.tabs-accordion .tab-ac-btn .tab-item .content-tab >* {
  color: #fff;
}
.tab-item-area-a {
  position: relative;
  width: 70%;
  padding: 8vw 0 0 3vw;
  box-sizing: border-box;
}
@media (max-width: 1920px) {
  .tab-item-area-a {
    padding: 153px 0 0 56.2px;
    height: 552px;
  }
}
@media (max-width: 1150px) {
  .tab-item-area-a {
    overflow: hidden;
  }
}
@media (max-width: 680px) {
  .tab-item-area-a {
    display: none;
  }
}
.tab-item-area-a .tab-item {
  display: none;
  height: 100%;
}
.tab-item-area-a .tab-item.active {
  display: block;
}
.tab-item-area-a .tab-item img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1150px) {
  .tab-item-area-a .tab-item img {
    width: 855px;
    height: 551px;
  }
}
@media (max-width: 850px) {
  .tab-item-area-a .tab-item img {
    left: -30%;
  }
}
.tab-item-area-a .tab-item .content-tab {
  position: relative;
  z-index: 1;
}
.tab-item-area-a .tab-item .content-tab >* {
  color: #fff;
  /*text-shadow: 0 0 2px #000;*/
}

.cyan-text {
  color: #63cdf7 !important;
}

.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}
.scroll-element, .scroll-element div {
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}









/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }










/*************** SIMPLE OUTER SCROLLBAR ***************/

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }










/*************** SCROLLBAR MAC OS X ***************/

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6C6E71;
  display: block;

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border-radius: 7px;
  transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}


.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }










/*************** SCROLLBAR LIGHT ***************/

.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-light > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
  border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
  background: #dbdbdb;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);
  border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
  bottom: 0;
  height: 17px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
  background: #fefefe;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%);

  border: 1px solid #dbdbdb;
  border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }










/*************** SCROLLBAR RAIL ***************/

.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div
{
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-rail > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
  background-color: #d0b9a0;
  border-radius: 2px;

  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */

.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }










/*************** SCROLLBAR DYNAMIC ***************/

.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
  opacity: 0.3;
  border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
  background-color: #cccccc;
  opacity: 0;
  border-radius: 12px;
  transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }


/* hover & drag */

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 20px;
}










/*************** SCROLLBAR GOOGLE CHROME ***************/

.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div
{
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-chrome > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_outer {}

.scrollbar-chrome > .scroll-element .scroll-element_track {
  background: #f1f1f1;
  border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
  bottom: 0;
  height: 16px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
  border: 1px solid #bdbdbd;
  cursor: default;
  border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
  border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
  border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; }
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top:  -16px; margin-top:  16px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }
body.compensate-for-scrollbar {
  overflow: hidden;
}
.fancybox-active {
  height: auto;
}
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}
.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}
.fancybox-container * {
  box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fancybox-toolbar {
  right: 0;
  top: 0;
}
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}
.fancybox-slide {
  -webkit-backface-visibility: hidden;
/* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}
.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}
.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}
.fancybox-slide--image::before {
  display: none;
}
.fancybox-slide--html {
  padding: 6px;
}
.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
  cursor: 18px;
}
.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.fancybox-spaceball {
  z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.fancybox-slide--video .fancybox-content {
  background: #000;
}
.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}
.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.fancybox-button {
  background: rgba(30,30,30,0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}
.fancybox-button path {
  fill: #fff !important;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}
.fancybox-button:hover {
  color: #fff;
}
.fancybox-button:focus {
  outline: none;
}
.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}
.fancybox-button div {
  height: 100%;
}
.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}
.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}
.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}
.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}
.fancybox-navigation .fancybox-button div {
  padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}
.fancybox-caption {
  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.15) 65%, rgba(0,0,0,0.075) 75.5%, rgba(0,0,0,0.037) 82.85%, rgba(0,0,0,0.019) 88%, rgba(0,0,0,0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}
.fancybox-caption--separate {
  margin-top: -50px;
}
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}
.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}
.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.fancybox-share p {
  margin: 0;
  padding: 0;
}
.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}
.fancybox-share__button:hover {
  text-decoration: none;
}
.fancybox-share__button--fb {
  background: #3b5998;
}
.fancybox-share__button--fb:hover {
  background: #344e86;
}
.fancybox-share__button--pt {
  background: #bd081d;
}
.fancybox-share__button--pt:hover {
  background: #aa0719;
}
.fancybox-share__button--tw {
  background: #1da1f2;
}
.fancybox-share__button--tw:hover {
  background: #0d95e8;
}
.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}
.fancybox-share__button svg path {
  fill: #fff;
}
.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  width: 212px;
  z-index: 99995;
}
.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}
.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}
.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}
.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0,0,0,0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}
.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-vertical>.swiper-wrapper {
  -ms-flex-direction: column;
      flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow>.swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.swiper-container-multirow-column>.swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
}
.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
      align-items: flex-start;
  transition-property: transform, height;
}
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.swiper-container-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
      -ms-scroll-snap-type: y mandatory;
          scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #fff;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000;
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
  background: rgba(0,0,0,0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #fff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0,0,0,0.1);
}
.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0,0,0,0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92,196,239,0.1);
  color: #ccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92,196,239,0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}
.datepicker--cells {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  z-index: 1;
}
.datepicker--cell.-focus- {
  background: #f0f0f0;
}
.datepicker--cell.-current- {
  color: #4eb5e6;
}
.datepicker--cell.-current-.-focus- {
  color: #4a4a4a;
}
.datepicker--cell.-current-.-in-range- {
  color: #4eb5e6;
}
.datepicker--cell.-in-range- {
  background: rgba(92,196,239,0.1);
  color: #4a4a4a;
  border-radius: 0;
}
.datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92,196,239,0.2);
}
.datepicker--cell.-disabled- {
  cursor: default;
  font-weight: normal;
  color: #aeaeae;
}
.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae;
}
.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1;
}
.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae;
}
.datepicker--cell.-range-from- {
  border: 1px solid rgba(92,196,239,0.5);
  background-color: rgba(92,196,239,0.1);
  border-radius: 4px 0 0 4px;
}
.datepicker--cell.-range-to- {
  border: 1px solid rgba(92,196,239,0.5);
  background-color: rgba(92,196,239,0.1);
  border-radius: 0 4px 4px 0;
}
.datepicker--cell.-range-from-.-range-to- {
  border-radius: 4px;
}
.datepicker--cell.-selected- {
  color: #fff;
  border: none;
  background: #5cc4ef;
}
.datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #5cc4ef;
}
.datepicker--cell.-selected-.-focus- {
  background: #45bced;
}
.datepicker--cell:empty {
  cursor: default;
}
.datepicker--days-names {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0 3px;
}
.datepicker--day-name {
  color: #ff9a19;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}
.datepicker--cell-day {
  color: #4eb5e6;
  font-weight: bold;
  width: 14.28571%;
}
.datepicker--cells-months {
  height: 170px;
}
.datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}
.datepicker--years {
  height: 170px;
}
.datepicker--cells-years {
  height: 170px;
}
.datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92,196,239,0.1);
  color: #ccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92,196,239,0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0;
}
@media print {
  .datepickers-container {
    display: none;
  }
}
.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  border-radius: 4px;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  z-index: 100;
}
.datepicker.-from-top- {
  transform: translateY(-8px);
}
.datepicker.-from-right- {
  transform: translateX(8px);
}
.datepicker.-from-bottom- {
  transform: translateY(8px);
}
.datepicker.-from-left- {
  transform: translateX(-8px);
}
.datepicker.active {
  opacity: 1;
  transform: translate(0);
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
}
.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none;
}
.datepicker-inline .datepicker--pointer {
  display: none;
}
.datepicker--content {
  box-sizing: content-box;
  padding: 4px;
}
.-only-timepicker- .datepicker--content {
  display: none;
}
.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1;
}
.-top-left- .datepicker--pointer,
.-top-center- .datepicker--pointer,
.-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  transform: rotate(135deg);
}
.-right-top- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
  right: calc(100% - 4px);
  transform: rotate(225deg);
}
.-bottom-left- .datepicker--pointer,
.-bottom-center- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  transform: rotate(315deg);
}
.-left-top- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-bottom- .datepicker--pointer {
  left: calc(100% - 4px);
  transform: rotate(45deg);
}
.-top-left- .datepicker--pointer,
.-bottom-left- .datepicker--pointer {
  left: 10px;
}
.-top-right- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
  right: 10px;
}
.-top-center- .datepicker--pointer,
.-bottom-center- .datepicker--pointer {
  left: calc(50% - 10px / 2);
}
.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
  top: 10px;
}
.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
  bottom: 10px;
}
.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
  top: calc(50% - 10px / 2);
}
.datepicker--body {
  display: none;
}
.datepicker--body.active {
  display: block;
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92,196,239,0.1);
  color: #ccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92,196,239,0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}
.datepicker--nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px;
}
.-only-timepicker- .datepicker--nav {
  display: none;
}
.datepicker--nav-title,
.datepicker--nav-action {
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker--nav-action:hover {
  background: #f0f0f0;
}
.datepicker--nav-action.-disabled- {
  visibility: hidden;
}
.datepicker--nav-action svg {
  width: 32px;
  height: 32px;
}
.datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px;
}
.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px;
}
.datepicker--nav-title i {
  font-style: normal;
  color: #9c9c9c;
  margin-left: 5px;
}
.datepicker--nav-title:hover {
  background: #f0f0f0;
}
.datepicker--nav-title.-disabled- {
  cursor: default;
  background: none;
}
.datepicker--buttons {
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef;
}
.datepicker--button {
  color: #4eb5e6;
  cursor: pointer;
  border-radius: 4px;
  -ms-flex: 1;
  flex: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
}
.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92,196,239,0.1);
  color: #ccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92,196,239,0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}
.datepicker--time {
  border-top: 1px solid #efefef;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
  position: relative;
}
.datepicker--time.-am-pm- .datepicker--time-sliders {
  -ms-flex: 0 1 138px;
  flex: 0 1 138px;
  max-width: 138px;
}
.-only-timepicker- .datepicker--time {
  border-top: none;
}
.datepicker--time-sliders {
  -ms-flex: 0 1 153px;
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px;
}
.datepicker--time-label {
  display: none;
  font-size: 12px;
}
.datepicker--time-current {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px;
}
.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}
.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}
.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
  content: '';
  background: #f0f0f0;
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}
.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
  opacity: 1;
}
.datepicker--time-current-ampm {
  text-transform: uppercase;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}
.datepicker--time-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat;
}
.datepicker--time-row:first-child {
  margin-bottom: 4px;
}
.datepicker--time-row input[type='range'] {
  background: none;
  cursor: pointer;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.datepicker--time-row input[type='range']::-ms-tooltip {
  display: none;
}
.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type='range']:hover::-moz-range-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type='range']:hover::-ms-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type='range']:focus {
  outline: none;
}
.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}
.datepicker--time-row input[type='range']:focus::-moz-range-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}
.datepicker--time-row input[type='range']:focus::-ms-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}
.datepicker--time-row input[type='range']::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}
.datepicker--time-row input[type='range']::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  margin-top: -6px;
}
.datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}
.datepicker--time-row input[type='range']::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}
.datepicker--time-row input[type='range']::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}
.datepicker--time-row input[type='range']::-ms-fill-lower {
  background: transparent;
}
.datepicker--time-row input[type='range']::-ms-fill-upper {
  background: transparent;
}
.datepicker--time-row span {
  padding: 0 12px;
}
.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em;
}
.datepicker--time-icon:after,
.datepicker--time-icon:before {
  content: '';
  background: currentColor;
  position: absolute;
}
.datepicker--time-icon:after {
  height: 0.4em;
  width: 1px;
  left: calc(50% - 1px);
  top: calc(50% + 1px);
  transform: translateY(-100%);
}
.datepicker--time-icon:before {
  width: 0.4em;
  height: 1px;
  top: calc(50% + 1px);
  left: calc(50% - 1px);
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92,196,239,0.1);
  color: #ccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92,196,239,0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
/* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
/*.owl-carousel .owl-item img {*/
  /*display: block;*/
  /*width: 100%;*/
/*}*/
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.no-js .owl-carousel {
  display: block;
}
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
.owl-height {
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/local/templates/default/css/min/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.owl-carousel.visible {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.rtopVideoPlayerWrapper{position:relative;width:100%}.rtopVideoPlayerWrapper .rtopVideoPlayer{position:relative;overflow:hidden}.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder{position:relative;cursor:pointer;height:0;overflow:hidden;padding-bottom:56.25%}.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;z-index:1;background-color:rgba(0,0,0,0.2);background-size:67px 67px;background-repeat:no-repeat;background-position:center center;opacity:1;transition:0.3s all ease-in;cursor:pointer}.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder.hasFAIcons:after{position:relative;top:50%;transform:translateY(-50%);position:absolute;content:"\f144";opacity:1;transition:0.3s all ease-in;font-family:"Font Awesome 5 Free";font-size:80px;color:#fff;width:100%;text-align:center;z-index:4}.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder.vimeoPlayer iframe{position:absolute;width:100%;height:100%;top:0;left:0}.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder *::-webkit-media-controls-panel{display:none !important;-webkit-appearance:none !important}.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder *::--webkit-media-controls-play-button{display:none !important;-webkit-appearance:none !important}.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder *::-webkit-media-controls-start-playback-button{display:none !important;-webkit-appearance:none !important}.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder video{position:absolute;width:100%;height:100%;overflow:hidden}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls{position:absolute;bottom:0px;left:0;z-index:1;width:100%;height:40px;opacity:0;transform:translate(0%, 0);transition:0.3s all;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls.hide{transform:translate(0%, 40px)}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls .controlBtn{position:relative;width:100%;padding-right:15px;padding-left:15px;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;height:40px;line-height:40px;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;z-index:3}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #playPause{text-align:center;max-width:60px}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #playPause span.FAIcon{font-size:20px}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #playPauseHolder{max-width:60px;cursor:default}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progressholder{position:relative;margin:0 20px 0 0;transition:0.3s all;border-radius:0;max-width:calc(100% - 140px);z-index:1}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progressSpacer{max-width:calc(100% - 140px);cursor:default}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #fullvideoprogress{background:rgba(255,255,255,0.2);width:100%;height:2px;top:0;left:0;bottom:0;position:absolute;margin:auto 0}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #buffered{height:2px;background:rgba(255,255,255,0.6);width:0;position:absolute;top:0;bottom:0;margin:auto 0;left:0;border-radius:4px}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progress{position:absolute;top:0;bottom:0;margin:auto 0;left:0;height:2px;background:#fff;width:0;border-radius:4px;border-right:4px solid #ed1c24}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progressholder:hover #progressorb{background-color:#ed1c24}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progressorb{position:absolute;top:0;bottom:0;margin:auto 0;width:8px;height:8px;border-radius:10px;background-color:rgba(237,28,36,0);transition:0.3s background-color ease-in}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #timeholder{font-size:13px;max-width:120px;cursor:default;text-align:center}@media screen and (max-width: 768px){.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #timeholder{display:none}}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl{max-width:100px;text-align:center}@media screen and (max-width: 768px){.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl{max-width:60px}}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .muteBtn{position:relative}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .muteBtn span.FAIcon{font-size:20px}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars{position:relative;margin-left:10px}@media screen and (max-width: 768px){.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars{display:none}}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar{position:relative;display:inline-block;width:5px;margin-left:2px;background-color:rgba(255,255,255,0.5);transition:0.3s all ease-in}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:nth-child(1){height:5px}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:nth-child(2){height:7.5px}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:nth-child(3){height:10px}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:nth-child(4){height:12.5px}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:hover{background-color:#fff}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar.active{background-color:#fff}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar.active:hover{background-color:rgba(255,255,255,0.5)}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #fullScreenBtn{max-width:60px;text-align:center}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #fullScreenBtn span.FAIcon{font-size:20px}.rtopVideoPlayerWrapper .rtopVideoPlayer.playing .rtopVideoHolder:before,.rtopVideoPlayerWrapper .rtopVideoPlayer.playing .rtopVideoHolder:after{opacity:0}.rtopVideoPlayerWrapper .rtopVideoPlayer.playing .vidControls{opacity:1}.rtopVideoPlayerWrapper .rtopVideoPlayer.noControls{cursor:default}.rtopVideoPlayerWrapper .rtopVideoPlayer.noControls .rtopVideoHolder{cursor:default}.rtopVideoPlayerWrapper .rtopVideoPlayer.noControls .rtopVideoHolder:before,.rtopVideoPlayerWrapper .rtopVideoPlayer.noControls .rtopVideoHolder:after{cursor:default}.rtopVideoPlayerWrapper .rtopVideoPlayer.closing .vidControls{opacity:0}.rtopVideoPlayerWrapper .rtopVideoPlayer.closing .rtopVideoHolder:before,.rtopVideoPlayerWrapper .rtopVideoPlayer.closing .rtopVideoHolder:after{opacity:0}.rtopVideoPlayerWrapper .rtopVideoPlayer.finished .rtopVideoHolder.hasFAIcons:after{position:relative;top:50%;transform:translateY(-50%);opacity:1;transition:0.3s all ease-in;position:absolute;content:"\f3e5";font-family:"Font Awesome 5 Free";font-weight:900;font-size:80px;color:#fff;width:100%;text-align:center;z-index:4}.rtopVideoPlayerWrapper .rtopVideoPlayer.finished .vidControls{opacity:0}.rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder{cursor:none}.rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder:hover:before,.rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder:before,.rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder:hover:after,.rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder:after{opacity:0}.rtopVideoPlayerWrapper .rtopVideoPlayer.paused .vidControls{opacity:1}.rtopVideoPlayerWrapper .rtopVideoPlayer.paused .vidControls.hide{transform:translate(0%, 0px)}.rtopVideoPlayerWrapper .rtopVideoPlayer.paused .rtopVideoHolder:before,.rtopVideoPlayerWrapper .rtopVideoPlayer.paused .rtopVideoHolder:after{opacity:1;animation:rtopVideoFadeOut 1.6s forwards}.rtopVideoPlayerWrapper #closeVideo{display:none}.rtopVideoPlayerWrapper .rtopVideoPlayer.isFullscreen{background:#000;height:100%;margin:0;width:100% video;width-height:100%}.rtopVideoPlayerWrapper .rtopVideoPlayer.isFullscreen .rtopVideoHolder{height:100%;padding-bottom:0}.rtopVideoPlayerWrapper .rtopVideoPlayer.isFullscreen.fallbackFS{background:#000;border-radius:0 !important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}.rtopVideoPosterImage{position:absolute;cursor:pointer;height:0;top:0;left:0;width:100%;z-index:999;overflow:hidden;padding-bottom:56.25%}.rtopVideoPosterImage:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;z-index:1;background-color:rgba(0,0,0,0.2);background-size:67px 67px;background-repeat:no-repeat;background-position:center center;opacity:1;transition:0.3s all ease-in;cursor:pointer}.rtopVideoPosterImage.hasFAIcons:after{position:relative;top:50%;transform:translateY(-50%);position:absolute;content:"\f144";opacity:1;transition:0.3s all ease-in;font-family:"Font Awesome 5 Free";font-size:80px;color:#fff;width:100%;text-align:center;z-index:4}.rtopVideoPosterImage img{position:absolute;width:100%;height:100%;top:0;left:0}.rtopVideoModal{position:fixed;width:100%;height:100vh;top:0;left:0;display:none;z-index:999;background-color:rgba(0,0,0,0)}.rtopVideoModal.show{display:block;animation:rtopModalBGColor .3s forwards}.rtopVideoModal.show .videoModalHolder{animation:rtopModalOpacityColor .3s forwards}.rtopVideoModal .videoModalHolder{position:relative;top:50%;transform:translateY(-50%);max-width:800px;margin:auto;padding:10px;background-color:#000;opacity:0}.rtopVideoModal #closeVideo{position:absolute;top:-50px;display:block;right:-40px;cursor:pointer}.rtopVideoModal #closeVideo span.FAIcon{font-size:30px;color:#fff;transition:0.3s all ease-in}.rtopVideoModal #closeVideo span.FAIcon:hover{color:#ed1c24}.rtopVideoModal .rtopVideoPosterImage{display:none}body.noScroll{overflow:hidden;height:100vh;position:fixed}@keyframes rtopVideoFadeOut{0%{opacity:1}50%{opacity:1}100%{opacity:0}}@keyframes rtopModalBGColor{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,0.8)}}@keyframes rtopModalOpacityColor{0%{opacity:0}100%{opacity:1}}
* {
  margin: 0;
  padding: 0;
  outline: none;
}
body {
  font: 400 18px "ProximaNova", sans-serif;
  padding-top: 0;
}
.wrapper-redesign {
  padding-top: 4.7vw;
  overflow: hidden;
}
@media (max-width: 1920px) {
  .wrapper-redesign {
    padding-top: 90px;
  }
}
@media (max-width: 1150px) {
  .wrapper-redesign {
    padding-top: 64px;
  }
}
.wrapper-redesign ul li {
  list-style: none;
}
.wrapper-redesign a {
  text-decoration: none;
}
.wrapper-redesign a:hover {
  color: #63cdf7;
}

.text-container {
  padding-bottom: 50px;
}
.text-container p,
.text-container ul {
  margin-bottom: 20px;
}
.text-container ul li {
  position: relative;
  padding-left: 10px;
  padding-bottom: 5px;
}
.text-container ul li:last-child {
  padding-bottom: 0;
}
.text-container ul li:before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 100%;
  left: 0;
  top: 8px;
  background-color: #63cdf7;
}
.commercial {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 50px 0 0;
}
@media (max-width: 1150px) {
  .commercial {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.commercial .commercial__item {
  box-sizing: border-box;
  margin: 0 0 30px;
  width: 24%;
}
@media (max-width: 1150px) {
  .commercial .commercial__item {
    width: 48%;
  }
}
@media (max-width: 480px) {
  .commercial .commercial__item {
    width: 100%;
  }
}
.commercial .commercial__item .commercial__title {
  font-size: 22.5px;
  line-height: 130%;
  margin: 0 0 30px;
}
.commercial .commercial__item .commercial__content p {
  font-size: 18px;
  line-height: 25px;
}
.wrapHead {
  z-index: 150;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}

.lang-select {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 1150px) {
  .lang-select {
    display: none;
  }
}
.lang-select .lang {
  font: 600 18px "ProximaNova", sans-serif;
  font-size: 0.7vw;
  line-height: 22px;
  letter-spacing: 0.15em;
  color: #acacac;
  text-transform: uppercase;
  text-decoration: none;
}
@media (max-width: 1920px) {
  .lang-select .lang {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.15em;
  }
}
.lang-select .lang.active {
  color: #63cdf7;
}
.lang-select span {
  color: #000;
  margin: 0 0.2vw;
  top: 0;
  position: relative;
  font-size: 0.7vw;
}
@media (max-width: 1920px) {
  .lang-select span {
    font-size: 13px;
    top: 0;
    margin: 0 3px;
  }
}
@media (max-width: 1280px) {
  .lang-select span {
    margin: 0 2px;
  }
}
.mob-menu {
  width: 320px;
  padding: 40px 15px 50px 17px;
  box-sizing: border-box;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 64px;
  background-color: #fff;
  z-index: 149;
  display: none;
}
@media (max-width: 480px) {
  .mob-menu {
    width: 100%;
    height: 100%;
  }
}
.mob-menu.open-menu {
  display: block;
}
.mob-menu li {
  margin-bottom: 26px;
}
.mob-menu li:last-child {
  margin-bottom: 0;
}
.mob-menu li:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #63cdf7;
  vertical-align: middle;
  margin-right: 10px;
}
.mob-menu li a {
  color: #000;
  font-size: 24px;
  line-height: 28px;
}
.mob-menu .lang-select {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
}
.mob-menu .lang-select .lang {
  font-size: 18px;
  line-height: 22px;
}
.mob-menu .lang-select span {
  font-size: 18px;
  line-height: 22px;
  margin: 0 8px;
}
.mob-menu .form-search-mob {
  margin-top: 50px;
  margin-bottom: 50px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
  border: none;
}
@media (max-width: 480px) {
  .mob-menu .form-search-mob {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
.mob-menu .form-search-mob input[type="search"] {
  -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
  border: none;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #000;
  font-size: 20px;
  line-height: 24px;
  color: #4c4c4c;
  max-width: 234px;
  width: calc(100% - 54px);
  box-sizing: border-box;
  padding-bottom: 4px;
  margin-right: 28px;
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 480px) {
  .mob-menu .form-search-mob input[type="search"] {
    max-width: 80%;
  }
}
.mob-menu .search-icon {
  position: relative;
  display: block !important;
  width: 26px;
  height: 26px;
  margin: 0 !important;
}
.mob-menu .search-icon svg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto auto;
  fill: #000;
  width: 100%;
  height: 100%;
}
.mob-menu .search-icon input[type="submit"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  width: 26px;
  height: 26px;
}
.mob-menu .mail-icon {
  display: block !important;
  margin-right: 37px !important;
  margin-left: 58px;
  width: 26px;
  height: 20px;
  margin-left: 0;
}
.mob-menu .bottom-panel-lang {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 480px) {
  .mob-menu .bottom-panel-lang {
    -ms-flex-pack: center;
        justify-content: center;
  }
}
.mob-menu .bottom-panel-lang .header-icons {
  margin-left: 0;
}




.main-navbar {
  background-color: rgba(0,0,0,0.4);
/*height 87px;*/
  height: 3.4vw;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  z-index: 50;
  margin-bottom: -3.4vw;
}
@media (max-width: 1920px) {
  .main-navbar {
    height: 65px;
    margin-bottom: -65px;
  }
}
@media (max-width: 1280px) {
  .main-navbar {
    height: 65px;
  }
}
@media (max-width: 1200px) {
  .main-navbar {
    display: none;
  }
}
.main-navbar ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
  top: 4px;
}
@media (max-width: 1920px) {
  .main-navbar ul {
    top: 0;
  }
}
@media (max-width: 1280px) {
  .main-navbar ul {
    top: 2px;
  }
}
@media (max-width: 1440px) {
  .main-navbar ul li {
    text-align: center;
    width: auto;
  }
}
.main-navbar ul li a {
  font: 400 18px "ProximaNova", sans-serif;
  color: #fff;
  font-size: 0.7vw;
  line-height: 22px;
  font-weight: 300;
  letter-spacing: 0.145em;
  text-transform: uppercase;
  text-decoration: none;
}
@media (max-width: 1920px) {
  .main-navbar ul li a {
    font-size: 13.5px;
  }
}
@media (max-width: 1680px) {
  .main-navbar ul li a {
    font-size: 13.5px;
  }
}
@media (max-width: 1440px) {
  .main-navbar ul li a {
    font-size: 13px;
  }
}
.main-top-slider {
  height: 29.115vw;
  position: relative;
}
@media (max-width: 1920px) {
  .main-top-slider {
    height: 559px;
  }
}
@media (max-width: 850px) {
  .main-top-slider {
    height: 505px;
  }
}
.main-top-slider .swiper-slide {
  overflow: hidden;
}
@media (max-width: 850px) {
  .main-top-slider .swiper-slide {
    height: 100%;
  }
}
.main-top-slider .swiper-slide:before {
  display: none;
}
.main-top-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1280px) {
  .main-top-slider .swiper-slide img {
    width: auto;
    height: 909px;
    position: relative;
    left: -239px;
  }
}
@media (max-width: 1150px) {
  .main-top-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    left: 0;
  }
}
@media (max-width: 850px) {
  .main-top-slider .swiper-slide img {
    height: 100%;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media (max-width: 680px) {
  .main-top-slider .swiper-slide img {
    left: auto;
    right: -60px;
  }
}
.main-top-slider .custom-container {
  position: absolute;
  top: 0;
  padding-top: 25px;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
  box-sizing: border-box;
}
@media (max-width: 1920px) {
  .main-top-slider .custom-container {
    padding-top: 35px;
  }
}
@media (max-width: 1440px) {
  .main-top-slider .custom-container {
    padding-top: 25px;
  }
}

.main-top-slider .title-h2 {
  color: #fff;
  max-width: 35vw;
  margin-bottom: 2.7vw;
}
@media (max-width: 1920px) {
  .main-top-slider .title-h2 {
    max-width: 690px;
    margin-bottom: 52.5px;
  }
}
@media (max-width: 1150px) {
  .main-top-slider .title-h2 {
    max-width: 432px;
    margin-bottom: 40px;
  }
}
@media (max-width: 850px) {
  .main-top-slider .title-h2 {
    max-width: 425px;
    margin-bottom: 42px;
  }
}
@media (max-width: 480px) {
  .main-top-slider .title-h2 {
    margin-bottom: 53px;
  }
}
.main-top-slider .social-icons {
  position: absolute;
  bottom: 80px;
  left: 0;
}
@media (max-width: 1920px) {
  .main-top-slider .social-icons {
    bottom: 50px;
  }
}
@media (max-width: 1280px) {
  .main-top-slider .social-icons {
    bottom: 31px;
  }
}
@media (max-width: 1150px) {
  .main-top-slider .social-icons {
    bottom: 23px;
  }
}
@media (max-width: 850px) {
  .main-top-slider .social-icons {
    bottom: 55px;
  }
}
.main-top-slider .social-icons .icon.icon-share {
  display: none;
}
@media (max-width: 1150px) {
  .main-top-slider .social-icons .icon {
    display: none;
  }
  .main-top-slider .social-icons .icon.icon-share {
    display: block;
  }
}
.swiper-pagination-custom,
.owl-dots {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  bottom: 3vw !important;
}
@media (max-width: 1920px) {
  .swiper-pagination-custom,
  .owl-dots {
    bottom: 48px !important;
  }
}
@media (max-width: 1280px) {
  .swiper-pagination-custom,
  .owl-dots {
    bottom: 33px !important;
  }
}
@media (max-width: 1150px) {
  .swiper-pagination-custom,
  .owl-dots {
    bottom: 28px !important;
  }
}
@media (max-width: 850px) {
  .swiper-pagination-custom,
  .owl-dots {
    bottom: 30px !important;
  }
}
.swiper-pagination-custom .swiper-pagination-bullet,
.owl-dots .swiper-pagination-bullet,
.swiper-pagination-custom .owl-dot,
.owl-dots .owl-dot {
  background-color: #fff !important;
  width: 0.4vw;
  height: 0.4vw;
  opacity: 1;
  margin: 0 0.4vw !important;
  display: inline-block;
  border-radius: 50%;
}
@media (max-width: 1920px) {
  .swiper-pagination-custom .swiper-pagination-bullet,
  .owl-dots .swiper-pagination-bullet,
  .swiper-pagination-custom .owl-dot,
  .owl-dots .owl-dot {
    width: 7px;
    height: 7px;
    margin: 0 7.5px !important;
  }
}
@media (max-width: 1150px) {
  .swiper-pagination-custom .swiper-pagination-bullet,
  .owl-dots .swiper-pagination-bullet,
  .swiper-pagination-custom .owl-dot,
  .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 0 10px !important;
  }
}
.swiper-pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active,
.owl-dots .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination-custom .owl-dot.swiper-pagination-bullet-active,
.owl-dots .owl-dot.swiper-pagination-bullet-active {
  background-color: #63cdf7 !important;
}
.swiper-pagination-custom .swiper-pagination-bullet.active,
.owl-dots .swiper-pagination-bullet.active,
.swiper-pagination-custom .owl-dot.active,
.owl-dots .owl-dot.active {
  background-color: #63cdf7 !important;
}
.owl-dots {
  position: absolute;
  width: 100%;
}

.main-products {
  height: 47.8vw;
  padding-top: 7.8vw;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1920px) {
  .main-products {
    height: 919px;
    padding-top: 149px;
  }
}
@media (max-width: 1280px) {
  .main-products {
    padding-top: 100px;
    height: 824px;
  }
}
@media (max-width: 1150px) {
  .main-products {
    height: 609px;
    padding-top: 70px;
  }
}
@media (max-width: 980px) {
  .main-products {
    height: 600px;
  }
}
@media (max-width: 850px) {
  .main-products {
    padding-top: 58px;
    height: 496px;
  }
}
@media (max-width: 725px) {
  .main-products {
    height: auto;
    padding-bottom: 50px;
  }
}
.main-products .bg {
  background: url("/img/1-main/logo-background.png") 0 0 no-repeat;
  background-size: contain;
  width: 68.7vw;
  height: 68.7vw;
  position: absolute;
  right: -17vw;
  top: -0.9vw;
  bottom: 0;
  margin: auto 0;
  z-index: -1;
}
@media (max-width: 1920px) {
  .main-products .bg {
    left: 48%;
    right: auto;
    width: 1320px;
    height: 1320px;
    top: -10px;
    background-size: contain;
  }
}
@media (max-width: 1280px) {
  .main-products .bg {
    width: 1275px;
    height: 1275px;
    top: -30px;
    left: 47%;
  }
}
@media (max-width: 1150px) {
  .main-products .bg {
    width: 860px;
    height: 860px;
    top: -25px;
    left: 55%;
  }
}
@media (max-width: 980px) {
  .main-products .bg {
    width: 820px;
    height: 820px;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
}
@media (max-width: 850px) {
  .main-products .bg {
    width: 690px;
    height: 690px;
    left: 54%;
  }
}
@media (max-width: 480px) {
  .main-products .bg {
    bottom: auto;
    left: 0;
  }
}
.main-products .custom-container {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 850px) {
  .main-products .products-container {
    width: calc(100% + 74px);
    position: relative;
  }
}
@media (max-width: 725px) {
  .main-products .products-container {
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
@media (max-width: 480px) {
  .main-products .products-container {
    width: calc(100% - 32px);
  }
}
.main-products .title-h2 {
  width: 100%;
  margin-bottom: 1.3vw;
}
@media (max-width: 1920px) {
  .main-products .title-h2 {
    margin-bottom: 29px;
  }
}
@media (max-width: 1150px) {
  .main-products .title-h2 {
    margin-bottom: 23px;
  }
}
@media (max-width: 850px) {
  .main-products .title-h2 {
    margin-bottom: 22px;
  }
}
@media (max-width: 480px) {
  .main-products .title-h2 {
    font-size: 38px;
    line-height: 44px;
    margin-bottom: 18px;
  }
}
.main-products .box {
  width: calc(25% - 1px);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 22.8vw;
}
@media (max-width: 1920px) {
  .main-products .box {
    height: 440px;
  }
}
@media (max-width: 1280px) {
  .main-products .box {
    height: 424px;
  }
}
@media (max-width: 1150px) {
  .main-products .box {
    height: 328px;
    width: calc(25% - 0.5px);
  }
}
@media (max-width: 980px) {
  .main-products .box {
    height: 320px;
  }
}
@media (max-width: 850px) {
  .main-products .box {
    height: 273px;
    width: calc(25% - 0.5px);
  }
}
@media (max-width: 725px) {
  .main-products .box {
    width: 100% !important;
    height: auto !important;
  }
}
.main-products .box.box-r {
  width: calc(75% - 1px);
}
@media (max-width: 1150px) {
  .main-products .box .item {
    margin-bottom: 1px;
  }
}
@media (max-width: 725px) {
  .main-products .box .item {
    height: 170px !important;
    margin-bottom: 1px;
  }
}
@media (max-width: 480px) {
  .main-products .box .item {
    margin-bottom: 2px;
    width: 100% !important;
    height: 120px !important;
  }
}
@media (max-width: 725px) {
  .main-products .box.box-l {
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
.main-products .box.box-l .item {
  width: calc(100% - 1px);
  height: 100%;
}
@media (max-width: 1150px) {
  .main-products .box.box-l .item {
    width: calc(100% - 0.5px);
  }
}
@media (max-width: 850px) {
  .main-products .box.box-l .item {
    width: calc(100% - 0.5px);
  }
}
@media (max-width: 725px) {
  .main-products .box.box-r {
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
.main-products .box.box-r .item {
  width: calc(33.33333% - 1px);
  height: calc(50% - 1px);
}
@media (max-width: 1150px) {
  .main-products .box.box-r .item {
    width: calc(33.33333% - 0.5px);
    height: calc(50% - 0.5px);
  }
}
@media (max-width: 850px) {
  .main-products .box.box-r .item {
    width: calc(33.33333% - 0.5px);
    height: calc(50% - 0.5px);
  }
}
.main-products .box.box-r .item:nth-child(n+3) {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
@media (max-width: 725px) {
  .main-products .box.box-r .item:nth-child(n+3) {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.main-products .box .image {
  width: 100%;
  height: 100%;
  background-size: cover !important;
}
@media (max-width: 1280px) {
  .main-products .box .image {
    background-size: cover !important;
  }
}
@media (max-width: 725px) {
  .main-products .box .image {
    background-position: center left !important;
  }
}
.main-products .box .image-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,88,166,0.3);
  opacity: 0;
  transition: ease all 0.5s;
  z-index: 1;
}
.main-products .box .item {
  overflow: hidden;
  display: block;
  position: relative;
}
.main-products .box .item .image {
  transition: all 0.3s ease-out 0s;
}
.main-products .box .item .image-overlay {
  display: none;
}
.main-products .box .item:hover .image {
  transform: scale(1.1);
}
.main-products .box .name-product {
  position: absolute;
  top: 1.8vw;
  left: 1.8vw;
  color: #fff;
  font-weight: 300;
  z-index: 2;
}
@media (max-width: 1920px) {
  .main-products .box .name-product {
    top: 35px;
    left: 35px;
  }
}
@media (max-width: 1280px) {
  .main-products .box .name-product {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 1150px) {
  .main-products .box .name-product {
    font-size: 18px;
    line-height: 23px;
    left: 25px;
    top: 25px;
  }
}
@media (max-width: 980px) {
  .main-products .box .name-product {
    font-size: 16px;
    left: 21px;
    top: 21px;
  }
}
@media (max-width: 850px) {
  .main-products .box .name-product {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.18em;
    font-weight: 300;
  }
}
@media (max-width: 480px) {
  .main-products .box .name-product {
    font-size: 16px;
    line-height: 130%;
    font-weight: 400;
    left: 25px;
    top: 24px;
    letter-spacing: 0.05em;
  }
}
.main-media {
  margin-top: -5.2vw;
}
@media (max-width: 1920px) {
  .main-media {
    margin-top: -102px;
  }
}
@media (max-width: 1280px) {
  .main-media {
    margin-top: -101px;
  }
}
@media (max-width: 1150px) {
  .main-media {
    margin-top: -75px;
  }
}
@media (max-width: 850px) {
  .main-media {
    margin-top: -56px;
  }
}
@media (max-width: 480px) {
  .main-media {
    margin-top: 6px;
  }
}
.main-media .title-h2 {
  margin-bottom: 2.2vw;
}
@media (max-width: 1920px) {
  .main-media .title-h2 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1280px) {
  .main-media .title-h2 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1150px) {
  .main-media .title-h2 {
    margin-bottom: 25px;
  }
}
@media (max-width: 850px) {
  .main-media .title-h2 {
    margin-bottom: 22px;
  }
}
@media (max-width: 480px) {
  .main-media .title-h2 {
    font: 700 18px "ProximaNova", sans-serif;
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 42px;
  }
}

.label-new {
  color: #63cdf7;
  font-size: 0.65vw;
  line-height: 0.65vw;
  text-transform: uppercase;
}
@media (max-width: 1920px) {
  .label-new {
    font-size: 12px;
    line-height: 12px;
  }
}
@media (max-width: 1280px) {
  .label-new {
    font-size: 11px;
    line-height: 10px;
    font-weight: bold;
  }
}
.news-p {
  color: #63cdf7;
  font: 600 18px "ProximaNova", sans-serif;
  font-size: 0.95vw;
  line-height: 1.1vw;
}
@media (max-width: 1920px) {
  .news-p {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 850px) {
  .news-p {
    font-size: 20px;
    line-height: 24px;
  }
}
.news-1 {
  position: relative;
  padding: 1.2vw 0 2vw 0;
  margin-bottom: 5.7vw;
}
@media (max-width: 1920px) {
  .news-1 {
    padding: 21.55px 0 42.75px;
    margin-bottom: 130px;
  }
}
@media (max-width: 1280px) {
  .news-1 {
    padding: 21.55px 0 40.75px;
    margin-bottom: 112px;
  }
}
@media (max-width: 1150px) {
  .news-1 {
    top: 0;
    margin-bottom: 57px;
  }
}
@media (max-width: 850px) {
  .news-1 {
    padding: 44px 0 45px 0;
    margin-bottom: 50px;
  }
}
@media (max-width: 480px) {
  .news-1 {
    height: 279px;
    padding: 31px 0 30px 0;
    box-sizing: border-box;
    margin-bottom: 41px;
    position: relative;
    width: 100%;
  }
}
.news-1 .link {
  font-size: 0.65vw;
  line-height: 0.9vw;
  text-transform: uppercase;
}
@media (max-width: 1920px) {
  .news-1 .link {
    font-size: 12px;
    line-height: 12px;
  }
}
@media (max-width: 850px) {
  .news-1 .link {
    font-size: 14px;
    line-height: 17px;
  }
}
@media (max-width: 480px) {
  .news-1 .link {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: -16px;
    margin: 0 auto;
    width: 100px;
  }
}
.news-1 .custom-container {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
@media (max-width: 1280px) {
  .news-1 .custom-container {
    width: calc(100% - 240px);
  }
}
@media (max-width: 1150px) {
  .news-1 .custom-container {
    width: calc(100% - 258px);
  }
}
@media (max-width: 850px) {
  .news-1 .custom-container {
    width: calc(100% - 76px);
  }
}
@media (max-width: 480px) {
  .news-1 .custom-container {
    width: calc(100% - 32px);
  }
}
.news-1 .slider-custom-nav {
  top: 1vw;
}
@media (max-width: 1920px) {
  .news-1 .slider-custom-nav {
    top: 25px;
  }
}
@media (max-width: 1920px) and (max-width: 850px) {
  .news-1 .slider-custom-nav {
    top: -40px;
  }
}
@media (max-width: 1920px) and (max-width: 480px) {
  .news-1 .slider-custom-nav {
    width: calc(100% - 30px);
    margin: 0 auto;
    position: static;
    margin-top: -20px;
  }
}
@media (max-width: 850px) {
  .news-1 .slider-custom-nav {
    top: -45px;
  }
}
@media (max-width: 480px) {
  .news-1 .slider-custom-nav {
    top: auto;
    bottom: 20px;
    z-index: 20;
  }
}
@media (max-width: 850px) {
  .news-1 .slider-custom-nav .prev-btn {
    left: 0;
  }
}
@media (max-width: 850px) {
  .news-1 .slider-custom-nav .next-btn {
    right: 0;
  }
}
.news-1 .news-slider-1 {
  margin-left: -1.2vw;
  margin-top: 1.9vw;
}
@media (max-width: 1920px) {
  .news-1 .news-slider-1 {
    margin-top: 35.45px;
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width: 1150px) {
  .news-1 .news-slider-1 {
    margin-left: -14px;
  }
}
@media (max-width: 850px) {
  .news-1 .news-slider-1 {
    margin-top: 23px;
    margin-left: 0;
    margin: 23px auto 0 auto;
    width: calc(100% - 144px);
  }
}
@media (max-width: 480px) {
  .news-1 .news-slider-1 {
    width: 100%;
  }
}
@media (max-width: 850px) {
  .news-1 .news-slider-1 .owl-stage-outer {
    padding: 30px 0;
  }
}
@media (max-width: 480px) {
  .news-1 .news-slider-1 .owl-stage-outer {
    padding: 0;
  }
}
@media (max-width: 850px) {
  .news-1 .news-slider-1 .owl-stage-outer .owl-stage {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 480px) {
  .news-1 .news-slider-1 .owl-stage-outer .owl-stage {
    display: block;
  }
}
.news-1 .news-slider-1 .title-new {
  font: 600 18px "ProximaNova", sans-serif;
  font-size: 0.86vw;
  line-height: 120%;
  color: #181818;
}
.news-1 .news-slider-1 .title-new a {
  color: #181818;
}
@media (max-width: 1920px) {
  .news-1 .news-slider-1 .title-new {
    font-size: 16.5px;
    line-height: 120%;
  }
  .news-1 .news-slider-1 .title-new br {
    display: none;
  }
}
@media (max-width: 1280px) {
  .news-1 .news-slider-1 .title-new br {
    display: none;
  }
}
@media (max-width: 1150px) {
  .news-1 .news-slider-1 .title-new {
    font-size: 16px;
    line-height: 120%;
  }
}
@media (max-width: 850px) {
  .news-1 .news-slider-1 .title-new {
    line-height: 138%;
  }
}
.news-1 .news-slider-1 .slide-new {
  padding-left: 1.15vw;
/*&.sn-01
        max-width 20vw;
        margin-right 6.6vw;
        +desktop-large-max(desktop-large)
          max-width 297px
          margin-right 104px;
        +laptop-max(laptop)
          padding-left 19.5px;
          margin-right 4px;
          max-width 332px;
        +tablet-max(tablet)
          max-width 22vw;
          padding-left 11px;
          margin-right 46px;
        @media(max-width 980px)
          max-width 26vw
        +tablet-small-max(tablet-small)
          width 195px;
          margin-right 58px;
          max-width 100%
        +custom-tablet-max(custom-tablet)
          width auto
          margin-right 0
      &.sn-02
        max-width 20vw;
        margin-right 1.7vw;
        +desktop-large-max(desktop-large)
          max-width 365px
          margin-right 34px;
        +laptop-max(laptop)
          padding-left 21.25px;
          max-width 313px;
          margin-right 28px;
        +tablet-max(tablet)
          max-width 22vw;
          padding-left 20px;
          margin-right 26px;
        @media(max-width 980px)
          max-width 26vw
        +tablet-small-max(tablet-small)
          width 239px
          margin-right 58px;
          max-width 100%
        +custom-tablet-max(custom-tablet)
          width auto
          margin-right 0
      &.sn-03
        max-width 20vw;
        margin-right 3vw;
        +desktop-large-max(desktop-large)
          max-width 354px
          margin-right 40px;
        +laptop-max(laptop)
          padding-left 16.25px;
          max-width 303px
          margin-right 20px;
        +tablet-max(tablet)
          padding-left 22px;
          margin-right 26px;
          max-width 21vw;
        @media(max-width 980px)
          max-width 26vw
        +tablet-small-max(tablet-small)
          width 200px;
          margin-right 58px;
          max-width 100%
        +custom-tablet-max(custom-tablet)
          width auto
          margin-right 0*/
}
@media (max-width: 1920px) {
  .news-1 .news-slider-1 .slide-new {
    padding-left: 21px;
  }
}
@media (max-width: 850px) {
  .news-1 .news-slider-1 .slide-new {
    padding-left: 20px !important;
  }
}
@media (max-width: 480px) {
  .news-1 .news-slider-1 .slide-new {
    padding-left: 0 !important;
    margin-bottom: 30px;
    max-width: 100% !important;
  }
}
.news-1 .news-slider-1 .slide-new:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 115px;
  background-color: #fff;
}
@media (max-width: 980px) {
  .news-1 .news-slider-1 .slide-new:before {
    height: 100%;
  }
}
@media (max-width: 850px) {
  .news-1 .news-slider-1 .slide-new:before {
    height: calc(100% + 60px);
    top: -25px;
  }
}
@media (max-width: 480px) {
  .news-1 .news-slider-1 .slide-new:before {
    display: none;
  }
}
.news-1 .date-new {
  margin-bottom: 20px;
  display: block;
}
@media (max-width: 850px) {
  .news-1 .date-new {
    margin-bottom: 6px;
  }
}
.news-1 .bg {
  background-color: #f5f5f5;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
@media (max-width: 850px) {
  .news-1 .bg {
    background-color: #e8e8e8;
  }
}


body .wrapper .video-preffer-arrows .slider-custom-nav {
  top: 5.5vw;
  bottom: auto;
}

.news-slider-1,
.news-slider-2 {
  width: 100%;
}
@media (max-width: 850px) {
  .news-slider-2 {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .news-slider-2 {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .news-slider-2 .slide-new-n {
    width: 260px;
  }
}
.news-slider-2 .image-new {
  margin-bottom: 1.2vw;
  height: 13.8vw;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1920px) {
  .news-slider-2 .image-new {
    margin-bottom: 24px;
    height: 260px;
  }
}
@media (max-width: 1280px) {
  .news-slider-2 .image-new {
    height: 220px;
    margin-bottom: 25px;
  }
}
@media (max-width: 1150px) {
  .news-slider-2 .image-new {
    height: 154px;
    margin-bottom: 36px;
  }
}
@media (max-width: 850px) {
  .news-slider-2 .image-new {
    height: 171px;
    margin-bottom: 39px;
  }
}
@media (max-width: 680px) {
  .news-slider-2 .image-new {
    height: 171px;
  }
}
@media (max-width: 480px) {
  .news-slider-2 .image-new {
    height: 171px;
  }
}
.news-slider-2 .image-new img {
  height: 100%;
  margin: auto;
  width: auto;
  display: block;
}

@media (max-width: 980px) {
  .news-slider-2 .image-new img {
    height: auto;
    width: 100%;
  }
}
@media (max-width: 850px) {
  .news-slider-2 .image-new img {
    width: 100%;
    height: auto;
  }
}
.news-slider-2 .label-new {
  margin-bottom: 1.2vw;
}
@media (max-width: 1920px) {
  .news-slider-2 .label-new {
    margin-bottom: 24px;
  }
}
@media (max-width: 1280px) {
  .news-slider-2 .label-new {
    margin-bottom: 20px;
  }
}
@media (max-width: 1150px) {
  .news-slider-2 .label-new {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
  }
}
@media (max-width: 850px) {
  .news-slider-2 .label-new {
    margin-bottom: 16px;
  }
}
.news-slider-2 .title-new {
  margin-bottom: 1vw;
  font: 600 18px "ProximaNova", sans-serif;
  font-size: 1.4vw;
  line-height: 120%;
}
.news-slider-2 .title-new a {
  color: #181818;
}
@media (max-width: 1920px) {
  .news-slider-2 .title-new {
    font-size: 27px;
    line-height: 120%;
    margin-bottom: 18.5px;
  }
}
@media (max-width: 1280px) {
  .news-slider-2 .title-new {
    font-size: 24px;
    margin-bottom: 12.5px;
  }
}
@media (max-width: 1150px) {
  .news-slider-2 .title-new {
    font-size: 18px;
    line-height: 130%;
  }
}
@media (max-width: 850px) {
  .news-slider-2 .title-new {
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 20px;
  }
}
.news-slider-2 .text-new {
  font-size: 0.86vw;
  line-height: 140%;
}
.news-slider-2 .text-new a {
  color: #181818;
}
@media (max-width: 1920px) {
  .news-slider-2 .text-new {
    font-size: 16.5px;
    line-height: 140%;
  }
}
@media (max-width: 1280px) {
  .news-slider-2 .text-new {
    font-size: 16px;
  }
}
@media (max-width: 1150px) {
  .news-slider-2 .text-new {
    font-size: 16px;
    line-height: 133%;
  }
}
@media (max-width: 850px) {
  .news-slider-2 .text-new {
    font-size: 16px;
    line-height: 130%;
  }
}
@media (max-width: 1150px) {
  .news-slider-2.video-media-slider .image-new img {
    width: 100%;
    height: auto;
  }
}
.main-social-block {
  padding: 6.9vw 0 4vw 0;
  background-color: #f5f5f5;
}
@media (max-width: 1920px) {
  .main-social-block {
    padding: 131.3px 0 74px 0;
  }
}
@media (max-width: 1280px) {
  .main-social-block {
    padding: 102.3px 0 110px 0;
  }
}
@media (max-width: 1150px) {
  .main-social-block {
    padding: 79px 0 89px 0;
  }
}
@media (max-width: 850px) {
  .main-social-block {
    padding: 63px 0 78px 0;
  }
}
@media (max-width: 480px) {
  .main-social-block {
    padding: 59px 0 59px 0;
  }
}
.main-social-block .title-h2 {
  margin-bottom: 2vw;
}
@media (max-width: 1920px) {
  .main-social-block .title-h2 {
    margin-bottom: 40px;
  }
}
@media (max-width: 1150px) {
  .main-social-block .title-h2 {
    margin-bottom: 27px;
  }
}
@media (max-width: 850px) {
  .main-social-block .title-h2 {
    margin-bottom: 60px;
  }
}
@media (max-width: 480px) {
  .main-social-block .title-h2 {
    margin-bottom: 14px;
  }
}
.main-social-block .event-time {
  margin-bottom: 0.9vw;
}
@media (max-width: 1920px) {
  .main-social-block .event-time {
    margin-bottom: 17.2px;
  }
}
@media (max-width: 850px) {
  .main-social-block .event-time {
    margin-bottom: 12px;
  }
}
.main-social-block .event-time span {
  font-size: 0.7vw;
}
@media (max-width: 1920px) {
  .main-social-block .event-time span {
    font-size: 13.5px;
    line-height: 16px;
  }
}
.main-social-block .slider-custom-nav {
  top: -95px;
}
@media (max-width: 1920px) {
  .main-social-block .slider-custom-nav {
    top: -70px;
  }
}
@media (max-width: 850px) {
  .main-social-block .slider-custom-nav {
    top: -170px;
  }
}
@media (max-width: 680px) {
  .main-social-block .slider-custom-nav {
    display: none;
  }
}
@media (max-width: 1280px) {
  .main-social-block .slider-container {
    width: calc(100% - 240px);
  }
}
@media (max-width: 1150px) {
  .main-social-block .slider-container {
    width: calc(100% - 258px);
  }
}
@media (max-width: 850px) {
  .main-social-block .slider-container {
    width: calc(100% - 230px);
  }
}
@media (max-width: 480px) {
  .main-social-block .slider-container {
    width: calc(100% - 32px);
  }
}
@media (max-width: 680px) {
  .social-slider {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .social-slider .slide-soc {
    overflow: hidden;
    /* width: 260px; */
    height: auto;
  }
}
.social-slider .slide-soc a {
  color: #000;
}
.social-slider .image {
  /*height: 15.2vw;*/
  /*max-width: 15.2vw;*/
  overflow: hidden;
  background-color: #fff;
  max-height: 230px;
}
@media (max-width: 1920px) {
  .social-slider .image {
    /*max-width: 291px;*/
    /*height: 291px;*/
  }
}
@media (max-width: 1280px) {
  .social-slider .image {
    /*height: 245px;*/
    width: 100%;
  }
}
@media (max-width: 1150px) {
  .social-slider .image {
    /*height: 233px;*/
  }
}
@media (max-width: 880px) {
  .social-slider .image {
    max-width: 100%;
  }
}
@media (max-width: 850px) {
  .social-slider .image {
    /*height: 230px;*/
    width: 100%;
    /*height: auto;*/
  }
}
@media (max-width: 480px) {
  .social-slider .image {
    /*height: 285px;*/
  }
}
.social-slider .image img {
  /*height: 100%;*/
  /*width: auto;*/
  height: auto;
  width: 100%;
}
@media (max-width: 1280px) {
  .social-slider .image img {
    /*width: auto;*/
    /*height: 101%;*/
  }
}
@media (max-width: 1150px) {
  .social-slider .image img {
    width: 100%;
    /*height: 100%;*/
    object-fit: contain;
  }
}
@media (max-width: 1024px) {
  .social-slider .image img {
    /*height: 101%;*/
    /*width: auto;*/
  }
}
@media (max-width: 880px) {
  .social-slider .image img {
    height: auto;
    width: 100%;
  }
}
@media (max-width: 850px) {
  .social-slider .image img {
    /*height: 101%;*/
    /*width: auto;*/
    width: 100%;
    height: auto;
  }
}
.social-slider .text-box {
  padding: 1.3vw 1.3vw 1.6vw 1.3vw;
  box-sizing: border-box;
  background-color: #fff;
}
@media (max-width: 1920px) {
  .social-slider .text-box {
    padding: 25.5px 24.8px 25.5px 26.2px;
  }
}
@media (max-width: 850px) {
  .social-slider .text-box {
    padding: 31px 20px 14px 20px;
  }
}
.social-slider .text-box p {
  margin-bottom: 0.85vw;
}
@media (max-width: 1920px) {
  .social-slider .text-box p {
    margin-bottom: 19px;
  }
}
@media (max-width: 1280px) {
  .social-slider .text-box p {
    margin-bottom: 23px;
  }
}
@media (max-width: 1150px) {
  .social-slider .text-box p {
    margin-bottom: 16px;
  }
}
.social-slider .text-box p:last-child {
  margin-bottom: 0;
}
/*@media (max-width: 850px) {*/
/*  .social-slider .text-box p:last-child {*/
/*    display: none;*/
/*  }*/
/*}*/
.information-for-investors {
  padding: 6.2vw 0 8.1vw 0;
}
@media (max-width: 1920px) {
  .information-for-investors {
    padding: 121.5px 0 156px 0;
  }
}
@media (max-width: 1280px) {
  .information-for-investors {
    padding: 100px 0 116px 0;
  }
}
@media (max-width: 1150px) {
  .information-for-investors {
    padding: 145px 0 92px 0;
  }
}
@media (max-width: 850px) {
  .information-for-investors {
    padding: 107px 0 44px 0;
  }
}
@media (max-width: 480px) {
  .information-for-investors {
    padding: 148px 0 60px 0;
  }
}
.information-for-investors .title-h2 {
  margin-bottom: 2.7vw;
}
@media (max-width: 1920px) {
  .information-for-investors .title-h2 {
    margin-bottom: 51px;
  }
}
@media (max-width: 1280px) {
  .information-for-investors .title-h2 {
    margin-bottom: 0;
    position: absolute;
    top: 0;
  }
}
@media (max-width: 1200px) {
  .information-for-investors .title-h2 {
    top: -70px;
  }
}
@media (max-width: 850px) {
  .information-for-investors .title-h2 {
    top: -60px;
  }
}
@media (max-width: 480px) {
  .information-for-investors .title-h2 {
    top: -89px;
  }
}
.information-for-investors .custom-container {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 480px) {
  .information-for-investors .custom-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: block;
  }
}
@media (max-width: 480px) {
  .information-for-investors .box {
    width: 100% !important;
  }
}
.information-for-investors .box.box-l {
  max-width: 34.7vw;
  width: 100%;
}
@media (max-width: 1920px) {
  .information-for-investors .box.box-l {
    max-width: 667px;
  }
}
@media (max-width: 1280px) {
  .information-for-investors .box.box-l {
    max-width: none;
    width: 55.5%;
  }
}
@media (max-width: 1150px) {
  .information-for-investors .box.box-l {
    width: 47.5%;
  }
}
@media (max-width: 980px) {
  .information-for-investors .box.box-l {
    width: 57%;
  }
}
@media (max-width: 850px) {
  .information-for-investors .box.box-l {
    width: 45%;
  }
}
.information-for-investors .box.box-r {
  max-width: 24vw;
  padding: 1.4vw 1.4vw 1.3vw 1.9vw;
  border: 1px solid #000;
  border: 2px solid #d7d7d7;
  box-sizing: border-box;
  transition: ease all 0.5s;
}
@media (max-width: 1920px) {
  .information-for-investors .box.box-r {
    padding: 27.7px 25.5px 28.5px 36.75px;
    max-width: 459px;
  }
}
@media (max-width: 1280px) {
  .information-for-investors .box.box-r {
    max-width: none;
    width: 38.5%;
  }
}
@media (max-width: 1150px) {
  .information-for-investors .box.box-r {
    width: 41%;
  }
}
.information-for-investors .box.box-r.more {
  height: auto;
}
@media (max-width: 850px) {
  .information-for-investors .box.box-r {
    width: 53%;
    padding: 39px 50px 38px 32px;
  }
}
@media (max-width: 480px) {
  .information-for-investors .box.box-r {
    margin-top: 30px;
    padding: 36px 17px 36px 17px;
    width: calc(100% + 32px) !important;
    position: relative;
    left: -16px;
    border-left: none;
    border-right: none;
    height: 112px;
    overflow: hidden;
  }
}
.information-for-investors .box.box-r .mob-ico {
  display: none;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  margin-left: 37px;
}
@media (max-width: 480px) {
  .information-for-investors .box.box-r .mob-ico {
    display: inline-block;
  }
  .information-for-investors .box.box-r .mob-ico svg {
    fill: #63cdf7;
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 850px) {
  .information-for-investors .box.box-r .text-small-2 {
    font-size: 14px;
    line-height: 150%;
  }
}
.information-for-investors .box.box-r p {
  margin-bottom: 1vw;
}
@media (max-width: 1920px) {
  .information-for-investors .box.box-r p {
    margin-bottom: 20px;
  }
}
.information-for-investors .box.box-r p.first-p-panel {
  font-size: 0.71vw;
  line-height: 0.6vw;
  margin-bottom: 0.75vw;
  color: #63cdf7;
}
@media (max-width: 1920px) {
  .information-for-investors .box.box-r p.first-p-panel {
    font-size: 13.5px;
    line-height: 12px;
    margin-bottom: 15.75px;
  }
}
@media (max-width: 1280px) {
  .information-for-investors .box.box-r p.first-p-panel {
    margin-bottom: 12px;
  }
}
@media (max-width: 850px) {
  .information-for-investors .box.box-r p.first-p-panel {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
  }
}
@media (max-width: 480px) {
  .information-for-investors .box.box-r p.first-p-panel {
    font: 700 18px "ProximaNova", sans-serif;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    margin-bottom: 36px;
  }
}
.information-for-investors .box.box-r p:last-child {
  color: #6d6e71;
  margin-bottom: 0;
}
@media (max-width: 1920px) and (max-width: 1280px) {
  .information-for-investors .box.box-r p {
    margin-bottom: 17px;
  }
}
.information-for-investors .buttons-block {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}
@media (max-width: 1280px) {
  .information-for-investors .buttons-block {
    padding-top: 111px;
  }
}
@media (max-width: 1200px) {
  .information-for-investors .buttons-block {
    padding-top: 20px;
  }
}
@media (max-width: 1150px) {
  .information-for-investors .buttons-block {
    padding-top: 25px;
  }
}
@media (max-width: 850px) {
  .information-for-investors .buttons-block {
    padding-top: 0;
  }
}
.information-for-investors .buttons-block .button {
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media (max-width: 1280px) {
  .information-for-investors .buttons-block .button {
    width: 100%;
    max-width: 207px;
    margin-bottom: 0;
  }
}
@media (max-width: 1150px) {
  .information-for-investors .buttons-block .button {
    width: calc(100% / 2 - 15px);
  }
}
@media (max-width: 850px) {
  .information-for-investors .buttons-block .button {
    width: 100%;
    margin-bottom: 17px;
    max-width: 298px;
  }
  .information-for-investors .buttons-block .button:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .information-for-investors .buttons-block .button {
    margin-bottom: 9px;
  }
}
.information-for-investors .buttons-block .button:nth-child(-n+3) {
  margin-bottom: 1.3vw;
}
@media (max-width: 1920px) {
  .information-for-investors .buttons-block .button:nth-child(-n+3) {
    margin-bottom: 27px;
  }
}
@media (max-width: 1280px) {
  .information-for-investors .buttons-block .button:nth-child(-n+3) {
    margin-bottom: 27px;
  }
}
@media (max-width: 1150px) {
  .information-for-investors .buttons-block .button:nth-child(-n+3) {
    margin-bottom: 21px;
  }
}
@media (max-width: 480px) {
  .information-for-investors .buttons-block .button:nth-child(-n+3) {
    margin-bottom: 9px;
  }
}
.career-slider {
  height: 745px;
}
@media (max-width: 1920px) {
  .career-slider {
    height: 559px;
  }
}
@media (max-width: 1150px) {
  .career-slider {
    height: 572px;
  }
}
@media (max-width: 850px) {
  .career-slider {
    height: 505px;
  }
}
@media (max-width: 480px) {
  .career-slider {
    height: 505px;
  }
}
.career-slider .title-h2 {
  margin-bottom: 80px;
  text-shadow: 1px 0 0 #000, 0 1px 0 #000;
}
@media (max-width: 1920px) {
  .career-slider .title-h2 {
    margin-bottom: 80px;
  }
}
@media (max-width: 1150px) {
  .career-slider .title-h2 {
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 50px;
  }
}
@media (max-width: 850px) {
  .career-slider .title-h2 {
    font-size: 30px;
    line-height: 32px;
  }
}
@media (max-width: 480px) {
  .career-slider .title-h2 {
    margin-bottom: 121px;
  }
}
@media (max-width: 1280px) {
  .career-slider .social-icons {
    bottom: 63px;
  }
}
@media (max-width: 1150px) {
  .career-slider .social-icons {
    bottom: 46px;
  }
}
@media (max-width: 850px) {
  .career-slider .social-icons {
    bottom: 55px;
  }
}
@media (max-width: 1280px) {
  .career-slider .owl-dots,
  .career-slider .swiper-pagination-custom {
    bottom: 64px !important;
  }
}
@media (max-width: 1150px) {
  .career-slider .owl-dots,
  .career-slider .swiper-pagination-custom {
    bottom: 45px !important;
  }
}
@media (max-width: 850px) {
  .career-slider .owl-dots,
  .career-slider .swiper-pagination-custom {
    bottom: 30px !important;
  }
}
.career-slider .swiper-slide img {
  display: block;
  margin: auto;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 1920px) {
  .career-slider .swiper-slide img {
    height: 100%;
    /*width: auto;*/
  }
}
@media (max-width: 1280px) {
  .career-slider .swiper-slide img {
    height: 100%;
    /*width: auto;*/
    left: 0;
  }
}
@media (max-width: 1150px) {
  .career-slider .swiper-slide img {
    /*width: auto;*/
    height: 100%;
  }
}
@media (max-width: 850px) {
  .career-slider .swiper-slide img {
    left: -200px;
  }
}
@media (max-width: 680px) {
  .career-slider .swiper-slide img {
    right: -280px;
    height: 100%;
  }
}
@media (max-width: 480px) {
  .career-slider .swiper-slide img {
    right: -400px;
    left: auto;
  }
}
.career-slider .custom-container {
  padding-top: 160px;
}
@media (max-width: 1920px) {
  .career-slider .custom-container {
    padding-top: 90px;
  }
}
@media (max-width: 1280px) {
  .career-slider .custom-container {
    padding-top: 90px;
  }
}
@media (max-width: 1150px) {
  .career-slider .custom-container {
    padding-top: 88px;
  }
}
@media (max-width: 850px) {
  .career-slider .custom-container {
    padding-top: 50px;
    height: 100%;
  }
}
@media (max-width: 480px) {
  .career-slider .custom-container {
    padding-top: 27px;
  }
}
.career-slider .button {
  width: 18vw;
}
@media (max-width: 1920px) {
  .career-slider .button {
    width: 345px;
  }
}
@media (max-width: 1150px) {
  .career-slider .button {
    width: 153px;
  }
}
.career-block-01 {
  background-color: #63cdf7;
  padding-top: 3.3vw;
  padding-bottom: 2.7vw;
}
@media (max-width: 1920px) {
  .career-block-01 {
    padding-top: 61px;
    padding-bottom: 50px;
  }
}
@media (max-width: 1280px) {
  .career-block-01 {
    padding-bottom: 69px;
  }
}
@media (max-width: 1150px) {
  .career-block-01 {
    padding-top: 36px;
    padding-bottom: 51px;
  }
}
@media (max-width: 850px) {
  .career-block-01 {
    padding-top: 60px;
    padding-bottom: 55px;
  }
}
@media (max-width: 480px) {
  .career-block-01 {
    padding: 60px 0 78px 0;
  }
}
.career-block-01 .title-h1 {
  color: #fff;
  margin-bottom: 2.3vw;
}
@media (max-width: 1920px) {
  .career-block-01 .title-h1 {
    margin-bottom: 44px;
  }
}
@media (max-width: 1150px) {
  .career-block-01 .title-h1 {
    margin-bottom: 27px;
  }
}
@media (max-width: 850px) {
  .career-block-01 .title-h1 {
    margin-bottom: 21px;
  }
}
.career-block-01 .text-big {
  color: #fff;
}
@media (max-width: 850px) {
  .career-block-01 .text-big {
    font-size: 14px;
    line-height: 150%;
    max-width: 90%;
  }
}
@media (max-width: 480px) {
  .career-block-01 .text-big {
    max-width: 100%;
    font-size: 16px;
    line-height: 135%;
  }
}
@media (max-width: 1150px) {
  .career-block-01 .text-big br {
    display: none;
  }
}
.career-block-01 .breadcrumbs > * {
  color: #fff;
}
.career-block-01 .breadcrumbs {
  margin-bottom: 3.3vw;
}
@media (max-width: 1920px) {
  .career-block-01 .breadcrumbs {
    margin-bottom: 68px;
  }
}
@media (max-width: 1280px) {
  .career-block-01 .breadcrumbs {
    margin-bottom: 42px;
  }
}
@media (max-width: 1150px) {
  .career-block-01 .breadcrumbs {
    margin-bottom: 63px;
  }
}
@media (max-width: 850px) {
  .career-block-01 .breadcrumbs {
    margin-bottom: 33px;
  }
}
@media (max-width: 480px) {
  .career-block-01 .breadcrumbs {
    margin-bottom: 35px;
  }
}
.num-block {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3vw;
  padding: 0.6vw 0;
  box-sizing: border-box;
  border-top: 3px solid #63cdf7;
  border-bottom: 3px solid #63cdf7;
}
.num-block .numbers {
  margin-right: 2.2vw;
}
.career-block-02 {
  padding: 6.8vw 0 7vw 0;
  position: relative;
}
@media (max-width: 1920px) {
  .career-block-02 {
    padding: 129.25px 0 135px 0;
  }
}
@media (max-width: 1280px) {
  .career-block-02 {
    padding: 126.75px 0 102.75px;
  }
}
@media (max-width: 1150px) {
  .career-block-02 {
    padding: 80.75px 0 90.75px 0;
  }
}
@media (max-width: 850px) {
  .career-block-02 {
    padding: 57px 0;
  }
}
@media (max-width: 480px) {
  .career-block-02 {
    padding: 60px 0;
  }
}
.career-block-02 .custom-container {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  position: static;
}
.career-block-02 .custom-container .box-l {
  max-width: 39.2vw;
  width: 100%;
}
@media (max-width: 1920px) {
  .career-block-02 .custom-container .box-l {
    max-width: 61%;
  }
}
@media (max-width: 1150px) {
  .career-block-02 .custom-container .box-l {
    width: 52%;
  }
}
@media (max-width: 980px) {
  .career-block-02 .custom-container .box-l {
    width: 56%;
  }
}
@media (max-width: 850px) {
  .career-block-02 .custom-container .box-l {
    width: 58%;
  }
}
@media (max-width: 720px) {
  .career-block-02 .custom-container .box-l {
    width: 100%;
    max-width: 100%;
  }
}
.career-block-02 .custom-container .num-block {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 3vw;
  padding: 0.6vw 0;
  box-sizing: border-box;
  border-top: 3px solid #63cdf7;
  border-bottom: 3px solid #63cdf7;
}
@media (max-width: 1920px) {
  .career-block-02 .custom-container .num-block {
    padding: 10.75px 0 9px 0;
    margin-bottom: 60px;
  }
}
@media (max-width: 1280px) {
  .career-block-02 .custom-container .num-block {
    padding: 10.75px 0 10px 0;
  }
}
@media (max-width: 1150px) {
  .career-block-02 .custom-container .num-block {
    padding: 11px 0;
    margin-bottom: 43px;
  }
}
@media (max-width: 850px) {
  .career-block-02 .custom-container .num-block {
    margin-bottom: 23px;
    padding: 23px 0;
  }
}
@media (max-width: 720px) {
  .career-block-02 .custom-container .num-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .career-block-02 .custom-container .num-block {
    padding: 12px 0;
    margin-bottom: 47px;
  }
}
.career-block-02 .custom-container .num-block:last-child {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .career-block-02 .custom-container .num-block:last-child {
    padding-bottom: 36px;
  }
  .career-block-02 .custom-container .num-block:last-child .numbers-text {
    top: 8px;
  }
}
.career-block-02 .custom-container .num-block .numbers {
  margin-right: 2.2vw;
}
@media (max-width: 1920px) {
  .career-block-02 .custom-container .num-block .numbers {
    margin-right: 44px;
  }
}
@media (max-width: 720px) {
  .career-block-02 .custom-container .num-block .numbers {
    width: 100%;
    margin-right: 0;
    text-align: center;
    display: block;
  }
}
@media (max-width: 480px) {
  .career-block-02 .custom-container .num-block .numbers {
    margin: 0 auto;
    text-align: center;
  }
}
.career-block-02 .custom-container .num-block:first-child .numbers {
  margin-right: 2.6vw;
}
@media (max-width: 1920px) {
  .career-block-02 .custom-container .num-block:first-child .numbers {
    margin-right: 49.5px;
  }
}
@media (max-width: 720px) {
  .career-block-02 .custom-container .num-block:first-child .numbers {
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .career-block-02 .custom-container .num-block:first-child .numbers {
    margin: 0 auto;
    text-align: center;
  }
}
.career-block-02 .custom-container .num-block .numbers-text {
  position: relative;
  top: -3px;
}
@media (max-width: 720px) {
  .career-block-02 .custom-container .num-block .numbers-text {
    text-align: center;
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .career-block-02 .custom-container .num-block .numbers-text {
    top: -10px;
  }
}
@media (max-width: 720px) {
  .career-block-02 .custom-container .num-block .numbers-text br {
    display: none;
  }
}
.career-block-02 .custom-container .box-r {
  position: absolute;
  right: 0;
  bottom: 0;
  height: calc(100% - 3.5vw);
  z-index: -1;
}
@media (max-width: 1920px) {
  .career-block-02 .custom-container .box-r {
    height: calc(100% - 67px);
    right: auto;
    left: 62%;
  }
}
@media (max-width: 1280px) {
  .career-block-02 .custom-container .box-r {
    left: 60%;
    height: calc(100% - 125px);
  }
}
@media (max-width: 1150px) {
  .career-block-02 .custom-container .box-r {
    left: 53%;
    height: calc(100% - 62px);
    width: 40%;
  }
}
@media (max-width: 850px) {
  .career-block-02 .custom-container .box-r {
    left: 59%;
    height: calc(100% - 41px);
  }
}
@media (max-width: 720px) {
  .career-block-02 .custom-container .box-r {
    display: none;
  }
}
.career-block-02 .custom-container .box-r img {
  width: auto;
  height: 100%;
  display: block;
}
@media (max-width: 1150px) {
  .career-block-02 .custom-container .box-r img {
    right: -50px;
  }
}
@media (max-width: 980px) {
  .career-block-02 .custom-container .box-r img {
    right: -115px;
    height: 100%;
    width: auto;
  }
}
@media (max-width: 850px) {
  .career-block-02 .custom-container .box-r img {
    right: -95px;
  }
}
.career-block-03 {
  position: relative;
  padding: 9.5vw 0 8.3vw 0;
}
@media (max-width: 1920px) {
  .career-block-03 {
    padding: 180px 0 158px 0;
  }
}
@media (max-width: 1280px) {
  .career-block-03 {
    padding: 120px 0 146px 0;
  }
}
@media (max-width: 1150px) {
  .career-block-03 {
    padding: 64px 0 77px 0;
  }
}
@media (max-width: 850px) {
  .career-block-03 {
    padding: 60px 0;
  }
}
.career-block-03 .bg {
  background: url("/img/2-career/bg.jpg") 0 0 no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.career-block-03 .text-big {
  color: #fff;
  margin-bottom: 5.8vw;
}
@media (max-width: 1920px) {
  .career-block-03 .text-big {
    margin-bottom: 108px;
  }
}
@media (max-width: 1280px) {
  .career-block-03 .text-big {
    margin-bottom: 109px;
    width: 94%;
  }
}
@media (max-width: 1150px) {
  .career-block-03 .text-big {
    margin-bottom: 7.8vw;
    width: 80%;
    font-size: 2.15vw;
    line-height: 2.95vw;
  }
}
@media (max-width: 850px) {
  .career-block-03 .text-big {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 44px;
    width: 78%;
  }
}
@media (max-width: 680px) {
  .career-block-03 .text-big {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .career-block-03 .text-big {
    line-height: 137%;
    margin-bottom: 52px;
  }
}
@media (max-width: 1440px) {
  .career-block-03 .text-big br {
    display: none;
  }
}
.career-block-03 .benefits-slider {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: auto;
}
.career-block-03 .benefits-slider .owl-dots {
  bottom: -20px !important;
}
@media (max-width: 480px) {
  .career-block-03 .benefits-slider {
    padding-bottom: 35px;
  }
}
.career-block-03 .benefits-slider .item {
  box-sizing: border-box;
}
.career-block-03 .benefits-slider .item h2,
.career-block-03 .benefits-slider .item .h2 {
  margin: 0 0 20px;
}
.career-block-03 .benefits-slider .item .list {
  margin: 0 0 50px;
}
.career-block-03 .benefits-slider .item .list > li {
  line-height: 15px;
}
.career-block-03 .circles-block {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: auto;
}
@media (max-width: 750px) {
  .career-block-03 .circles-block {
    padding-bottom: 50px;
  }
  .career-block-03 .circles-block .owl-dots {
    bottom: 0 !important;
  }
}
@media (max-width: 480px) {
  .career-block-03 .circles-block {
    padding-bottom: 35px;
  }
}
.career-block-03 .circles-block .circle {
  width: 15vw;
  height: 15vw;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-top: 3vw;
  box-sizing: border-box;
}
@media (max-width: 1920px) {
  .career-block-03 .circles-block .circle {
    width: 289.5px;
    height: 289.5px;
    padding-top: 57px;
  }
}
@media (max-width: 1280px) {
  .career-block-03 .circles-block .circle {
    width: 22vw;
    height: 22vw;
    padding-top: 4.3vw;
  }
}
@media (max-width: 1150px) {
  .career-block-03 .circles-block .circle {
    width: 21.3vw;
    height: 21.3vw;
    padding-top: 4vw;
  }
}
@media (max-width: 750px) {
  .career-block-03 .circles-block .circle {
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .career-block-03 .circles-block .circle {
    width: 274px;
    height: 274px;
    padding-top: 55px;
  }
}
.career-block-03 .circles-block .circle p {
  font-size: 1vw;
  line-height: 1.4vw;
  color: #4c4c4c;
}
@media (max-width: 1280px) {
  .career-block-03 .circles-block .circle p {
    font-size: 1.6vw;
    line-height: 2vw;
  }
}
@media (max-width: 1150px) {
  .career-block-03 .circles-block .circle p {
    font-size: 1.5vw;
    line-height: 1.85vw;
  }
}
@media (max-width: 850px) {
  .career-block-03 .circles-block .circle p {
    font-size: 14px;
    line-height: 150%;
    width: 90%;
  }
  .career-block-03 .circles-block .circle p br {
    display: none;
  }
}
@media (max-width: 480px) {
  .career-block-03 .circles-block .circle p {
    font-size: 22px;
    line-height: 30px;
    width: 90%;
  }
  .career-block-03 .circles-block .circle p br {
    display: none;
  }
}
/*.career-block-03 .circles-block .circle:last-child {*/
/*  background-color: #63cdf7;*/
/*}*/
/*@media (max-width: 750px) {*/
/*  .career-block-03 .circles-block .circle:last-child {*/
/*    background-color: #fff;*/
/*  }*/
/*}*/
/*.career-block-03 .circles-block .circle:last-child p {*/
/*  color: #fff;*/
/*}*/
/*@media (max-width: 750px) {*/
/*  .career-block-03 .circles-block .circle:last-child p {*/
/*    color: #000;*/
/*  }*/
/*}*/
.career-block-03 .circles-block .circle.circle-cyan {
  background-color: #63cdf7 !important;
}
.career-block-03 .circles-block .circle.circle-cyan p {
  color: #fff;
}
@media (max-width: 750px) {
  .career-block-03 .circles-block .circle.circle-cyan p {
    color: #fff;
  }
}
.career-block-03 .circles-block .circle.circle-white {
  background-color: #fff !important;
}
.career-block-03 .circles-block .circle.circle-white p {
  color: #4c4c4c;
}
.career-block-03 .circles-block .circle .c-icon {
  margin-bottom: 2.5vw;
  height: 3.5vw;
  width: 100%;
}
@media (max-width: 1920px) {
  .career-block-03 .circles-block .circle .c-icon {
    height: 70px;
    margin-bottom: 25px;
  }
}
@media (max-width: 1280px) {
  .career-block-03 .circles-block .circle .c-icon {
    height: 5vw;
    width: 100%;
    margin-bottom: 2.2vw;
  }
}
@media (max-width: 1150px) {
  .career-block-03 .circles-block .circle .c-icon {
    height: 5vw;
    margin-bottom: 1.85vw;
  }
}
@media (max-width: 850px) {
  .career-block-03 .circles-block .circle .c-icon {
    margin-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .career-block-03 .circles-block .circle .c-icon {
    height: 60px;
    margin-bottom: 26px;
  }
}
.career-block-03 .circles-block .circle .c-icon img {
  width: auto;
  height: 100%;
}
@media (max-width: 1680px) {
  .career-block-03 .circles-block .circle .c-icon img {
    height: 100%;
    width: auto;
  }
}
@media (max-width: 680px) {
  .career-block-03 .circles-block .circle .c-icon img {
    margin: 0 auto;
  }
}
.career-block-04 {
  padding: 9.7vw 0 8.9vw 0;
}
@media (max-width: 1920px) {
  .career-block-04 {
    padding: 187.5px 0 172.5px 0;
  }
}
@media (max-width: 1280px) {
  .career-block-04 {
    padding: 122px 0 133px 0;
  }
}
@media (max-width: 1150px) {
  .career-block-04 {
    padding: 59px 0 57px 0;
  }
}
@media (max-width: 850px) {
  .career-block-04 {
    padding: 60px 0;
  }
}
.career-block-04 .title-h2 {
  margin-bottom: 2vw;
}
@media (max-width: 1920px) {
  .career-block-04 .title-h2 {
    margin-bottom: 39.75px;
  }
}
@media (max-width: 1150px) {
  .career-block-04 .title-h2 {
    margin-bottom: 47px;
  }
}
@media (max-width: 850px) {
  .career-block-04 .title-h2 {
    margin-bottom: 13px;
  }
}
@media (max-width: 480px) {
  .career-block-04 .title-h2 {
    margin-bottom: 21px;
  }
}
.career-block-04 .custom-container {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 680px) {
  .career-block-04 .custom-container {
    display: block;
  }
}
@media (max-width: 1150px) {
  .career-block-04 .custom-container .list li br {
    display: none;
  }
}
.career-block-04 .custom-container .box {
  width: calc(100% / 2);
}
.career-block-04 .custom-container .box.box-l {
  width: calc(58% - 4vw);
}
@media (max-width: 1920px) {
  .career-block-04 .custom-container .box.box-l {
    width: calc(58% - 76.25px);
  }
}
@media (max-width: 1280px) {
  .career-block-04 .custom-container .box.box-l {
    width: calc(58% - 120px);
  }
}
@media (max-width: 1150px) {
  .career-block-04 .custom-container .box.box-l {
    width: calc(58% - 100px);
    margin-bottom: 50px;
  }
}
@media (max-width: 850px) {
  .career-block-04 .custom-container .box.box-l {
    margin-bottom: 14px;
  }
}
@media (max-width: 680px) {
  .career-block-04 .custom-container .box.box-l {
    width: 100%;
    padding-bottom: 60px;
  }
}
.career-block-04 .custom-container .box.box-r {
  background-color: #63cdf7;
  padding: 3vw 0 3.3vw 3vw;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 1920px) {
  .career-block-04 .custom-container .box.box-r {
    padding: 56.25px 0 69px 56.25px;
  }
}
@media (max-width: 1280px) {
  .career-block-04 .custom-container .box.box-r {
    width: 50.6%;
  }
}
@media (max-width: 1150px) {
  .career-block-04 .custom-container .box.box-r {
    padding: 61px 48px 0 50px;
    width: 49%;
  }
}
@media (max-width: 850px) {
  .career-block-04 .custom-container .box.box-r {
    width: 53%;
    padding: 39px 0 0 39px;
  }
}
@media (max-width: 680px) {
  .career-block-04 .custom-container .box.box-r {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .career-block-04 .custom-container .box.box-r {
    width: calc(100% + 32px);
    position: relative;
    left: -16px;
    padding: 60px 0 0 16px;
  }
}
.career-block-04 .custom-container .box.box-r p {
  font-size: 1.09vw;
  line-height: 1.44vw;
  color: #fff;
  max-width: 13.3vw;
  position: relative;
  z-index: 5;
}
@media (max-width: 1920px) {
  .career-block-04 .custom-container .box.box-r p {
    font-size: 21px;
    line-height: 27px;
    max-width: 260.25px;
  }
}
@media (max-width: 1280px) {
  .career-block-04 .custom-container .box.box-r p {
    font-size: 22px;
    line-height: 30px;
    max-width: 370px;
  }
}
@media (max-width: 1280px) {
  .career-block-04 .custom-container .box.box-r p {
    font-size: 21px;
    line-height: 27px;
    max-width: 260px;
  }
}
@media (max-width: 1150px) {
  .career-block-04 .custom-container .box.box-r p {
    max-width: 224px;
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 850px) {
  .career-block-04 .custom-container .box.box-r p {
    font-size: 16px;
    line-height: 132%;
    max-width: 278px;
  }
}
.career-block-04 .custom-container .box.box-r .name-career {
  color: #000;
  font: 700 18px "ProximaNova", sans-serif;
  font-size: 1.1vw;
  line-height: 1.4vw;
  margin-bottom: 1.4vw;
  position: relative;
  max-width: 100%;
  z-index: 5;
}
@media (max-width: 1920px) {
  .career-block-04 .custom-container .box.box-r .name-career {
    font-size: 21px;
    line-height: 27px;
    margin-bottom: 27.75px;
  }
}
@media (max-width: 1150px) {
  .career-block-04 .custom-container .box.box-r .name-career {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 8.7px;
    max-width: 100%;
  }
}
@media (max-width: 850px) {
  .career-block-04 .custom-container .box.box-r .name-career {
    margin-bottom: 30px;
    line-height: 36px;
  }
}
@media (max-width: 480px) {
  .career-block-04 .custom-container .box.box-r .name-career {
    margin-bottom: 41px;
  }
}
.career-block-04 .custom-container .box.box-r .quote {
  position: absolute;
  top: 0;
  right: 0;
  width: 13vw;
  height: 11vw;
  background: url("/img/2-career/quotes.png") 0 0 no-repeat;
  background-size: contain;
}
@media (max-width: 1920px) {
  .career-block-04 .custom-container .box.box-r .quote {
    width: 249px;
    height: 212.25px;
  }
}
@media (max-width: 1280px) {
  .career-block-04 .custom-container .box.box-r .quote {
    width: 19.4vw;
    height: 17vw;
  }
}
@media (max-width: 1150px) {
  .career-block-04 .custom-container .box.box-r .quote {
    width: 15vw;
    height: 13vw;
  }
}
@media (max-width: 850px) {
  .career-block-04 .custom-container .box.box-r .quote {
    width: 17vw;
    height: 15vw;
  }
}
@media (max-width: 680px) {
  .career-block-04 .custom-container .box.box-r .quote {
    width: 80px;
    height: 69px;
  }
}
.career-block-04 .custom-container .box.box-r .image {
  position: absolute;
  right: 1.3vw;
  bottom: 0;
  width: 12.2vw;
  height: 15.2vw;
  background: url("/img/2-career/person-quotes.png") 0 0 no-repeat;
  background-size: contain;
}
@media (max-width: 1920px) {
  .career-block-04 .custom-container .box.box-r .image {
    width: 234.75px;
    height: 292.5px;
  }
}
@media (max-width: 1280px) {
  .career-block-04 .custom-container .box.box-r .image {
    width: 19vw;
    height: 23vw;
  }
}
@media (max-width: 1150px) {
  .career-block-04 .custom-container .box.box-r .image {
    width: 18vw;
    height: 22vw;
  }
}
@media (max-width: 850px) {
  .career-block-04 .custom-container .box.box-r .image {
    width: 21vw;
    height: 23vw;
  }
}
@media (max-width: 680px) {
  .career-block-04 .custom-container .box.box-r .image {
    position: static;
    margin-left: auto;
    margin-top: 34px;
  }
}
@media (max-width: 480px) {
  .career-block-04 .custom-container .box.box-r .image {
    width: 258px;
    height: 235px;
  }
}
.career-block-05 .slider-box {
  position: relative;
  height: 28.4vw;
  overflow: hidden;
}
@media (max-width: 1920px) {
  .career-block-05 .slider-box {
    height: 543px;
  }
}
@media (max-width: 1280px) {
  .career-block-05 .slider-box {
    height: 543px;
  }
}
@media (max-width: 1150px) {
  .career-block-05 .slider-box {
    height: 543px;
  }
}
@media (max-width: 850px) {
  .career-block-05 .slider-box {
    height: 505px;
  }
}
@media (max-width: 480px) {
  .career-block-05 .slider-box {
    height: 525px;
  }
}
@media (max-width: 1280px) {
  .career-block-05 .slider-box .custom-container {
    width: calc(100% - 240px);
    margin: 0 auto;
  }
}
@media (max-width: 1150px) {
  .career-block-05 .slider-box .custom-container {
    width: calc(100% - 185px);
  }
}
@media (max-width: 850px) {
  .career-block-05 .slider-box .custom-container {
    width: calc(100% - 80px);
  }
}
@media (max-width: 480px) {
  .career-block-05 .slider-box .custom-container {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
  }
}
.career-block-05 .title-box {
  background-color: #6d6e71;
  padding: 2.65vw 0;
  box-sizing: border-box;
}
@media (max-width: 1920px) {
  .career-block-05 .title-box {
    padding: 51.75px 0 52.5px 0;
  }
}
@media (max-width: 1150px) {
  .career-block-05 .title-box {
    padding: 42px 0 35px 0;
  }
}
@media (max-width: 850px) {
  .career-block-05 .title-box {
    padding: 28px 0;
  }
}
@media (max-width: 480px) {
  .career-block-05 .title-box {
    padding: 25px 0;
  }
}
.career-block-05 .title-box .title-h2 {
  color: #fff;
}
.career-block-05 .bg-slider {
  width: 18vw;
  height: 100%;
  position: absolute;
  z-index: -1;
}
@media (max-width: 1920px) {
  .career-block-05 .bg-slider {
    width: 346px;
  }
}
.career-block-05 .bg-slider.bg-l {
  background: url("/img/2-career/history-l.jpg") 0 0 no-repeat;
  left: 0;
  top: 0;
  background-size: cover;
}
@media (max-width: 1280px) {
  .career-block-05 .bg-slider.bg-l {
    left: -17%;
  }
}
.career-block-05 .bg-slider.bg-r {
  background: url("/img/2-career/history-r.jpg") 0 0 no-repeat;
  right: 0;
  top: 0;
  background-size: cover;
}
/*@media (max-width: 480px) {*/
/*  .career-block-05.career-block-06 .owl-dots {*/
/*    display: none;*/
/*  }*/
/*}*/
.career-block-05.career-block-06 .slider-box {
  position: relative;
  height: 41.55vw;
  overflow: hidden;
}
@media (max-width: 1920px) {
  .career-block-05.career-block-06 .slider-box {
    height: 796.5px;
  }
}
@media (max-width: 1280px) {
  .career-block-05.career-block-06 .slider-box {
    height: 675.8px;
  }
}
@media (max-width: 1150px) {
  .career-block-05.career-block-06 .slider-box {
    height: 543px;
  }
}
@media (max-width: 850px) {
  .career-block-05.career-block-06 .slider-box {
    height: 505px;
  }
}
@media (max-width: 480px) {
  .career-block-05.career-block-06 .slider-box {
    height: 275px;
  }
}
@media (max-width: 1280px) {
  .career-block-05.career-block-06 .slider-box .custom-container {
    width: calc(100% - 240px);
    margin: 0 auto;
  }
}
@media (max-width: 1150px) {
  .career-block-05.career-block-06 .slider-box .custom-container {
    width: calc(100% - 185px);
  }
}
@media (max-width: 850px) {
  .career-block-05.career-block-06 .slider-box .custom-container {
    width: calc(100% - 80px);
  }
}
@media (max-width: 480px) {
  .career-block-05.career-block-06 .slider-box .custom-container {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
  }
}
.career-block-05.career-block-06 .title-box {
  background-color: #63cdf7;
}
@media (max-width: 480px) {
  .career-block-05.career-block-06 .title-box {
    padding: 22px 0;
  }
}
.career-block-05.career-block-06 .title-box .title-h2 {
  color: #fff;
}
.career-block-05.career-block-06 .title-box .title-h2 span {
  color: #000;
}
.career-block-05.career-block-06 .overlay-video {
  background-color: rgba(0,0,0,0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
}
.career-block-05.career-block-06 .bg-slider {
  width: 19vw;
  height: 100%;
  position: absolute;
  z-index: -1;
}
@media (max-width: 1920px) {
  .career-block-05.career-block-06 .bg-slider {
    width: 342.75px;
  }
}
.career-block-05.career-block-06 .bg-slider:before {
  content: "";
  background-color: rgba(0,0,0,0.7);
  position: absolute;
  width: 100%;
  height: 100%;
}
.career-block-05.career-block-06 .bg-slider.bg-l {
  background: rgba(0,0,0,0.7) url("/img/2-career/video-r.jpg") 0 0 no-repeat;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}
.career-block-05.career-block-06 .bg-slider.bg-r {
  background: rgba(0,0,0,0.7) url("/img/2-career/video-r.jpg") 0 0 no-repeat;
  right: 0;
  top: 0;
  background-size: cover;
  background-position: right;
}
.history-slider {
  overflow: hidden;
}
@media (max-width: 480px) {
  .history-slider {
    width: calc(100% + 32px);
    position: relative;
    left: -16px;
  }
}
/*@media (max-width: 480px) {*/
/*  .history-slider .owl-dots {*/
/*    bottom: 60px !important;*/
/*  }*/
/*}*/
.history-slider .h-slide {
  height: 100%;
  padding: 7.9vw 0 0 3.3vw;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1920px) {
  .history-slider .h-slide {
    padding: 100px 0 40px 60.75px;
  }
}
@media (max-width: 1280px) {
  .history-slider .h-slide {
    padding: 82px 0 40px 82px;
  }
}
@media (max-width: 1150px) {
  .history-slider .h-slide {
    padding: 72px 0 40px 74px;
  }
}
@media (max-width: 850px) {
  .history-slider .h-slide {
    padding: 60px 60px 40px 60px;
  }
}
@media (max-width: 480px) {
  .history-slider .h-slide {
    display: flex;
    padding: 66px 16px 100px 16px;
    align-items: flex-end;
  }
}
.history-slider .h-slide p {
  color: #fff;
  font-size: 1.18vw;
  line-height: 1.42vw;
  font-weight: 300;
  position: relative;
  width: 100%;
  max-width: 450px;
  background-color: rgba(109, 110, 113, 0.6);
  border-radius: 15px;
  padding: 10px 30px;
  text-shadow: 1px 0 0 #000, 0 1px 0 #000;
  z-index: 10;
}

.history-slider .h-slide .name-video {
  width: auto;
  max-width: initial;
}

@media (max-width: 1920px) {
  .history-slider .h-slide p {
    font-size: 22.7px;
    line-height: 27px;
  }
}
@media (max-width: 1280px) {
  .history-slider .h-slide p {
    font-size: 23px;
    line-height: 27px;
  }
}
@media (max-width: 1150px) {
  .history-slider .h-slide p {
    font-size: 16.2px;
  }
}
@media (max-width: 850px) {
  .history-slider .h-slide p {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (max-width: 480px) {
  .history-slider .h-slide p {
    font-size: 16px;
  }
}
.history-slider .h-slide .h-name {
  margin-bottom: 1.5vw;
  font-size: 1.4vw;
  line-height: 1.4vw;
  font-weight: 300;
}
@media (max-width: 1920px) {
  .history-slider .h-slide .h-name {
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 29px;
  }
}
@media (max-width: 1280px) {
  .history-slider .h-slide .h-name {
    font-size: 27px;
    line-height: 27px;
  }
}
@media (max-width: 1150px) {
  .history-slider .h-slide .h-name {
    font-size: 24px;
    line-height: 27px;
  }
}
@media (max-width: 850px) {
  .history-slider .h-slide .h-name {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 22px;
  }
}
@media (max-width: 480px) {
  .history-slider .h-slide .h-name {
    font-size: 24.5px;
    line-height: 140%;
  }
}
.history-slider .h-slide .h-name span {
  color: #63cdf7;
}
.history-slider .h-slide .name-video {
  position: absolute;
  bottom: 1.8vw;
  left: 2vw;
  font-size: 1.41vw;
}
@media (max-width: 1920px) {
  .history-slider .h-slide .name-video {
    bottom: 27px;
    left: 38.75px;
    font-size: 27px;
    line-height: 150%;
  }
}
@media (max-width: 1280px) {
  .history-slider .h-slide .name-video {
    font-size: 24px;
    line-height: 150%;
    left: 82px;
  }
}
@media (max-width: 1150px) {
  .history-slider .h-slide .name-video {
    font-size: 19.3px;
    bottom: 22px;
    left: 70px;
  }
}
@media (max-width: 850px) {
  .history-slider .h-slide .name-video {
    font-size: 16px;
    line-height: 130%;
    left: 0;
    bottom: 24px;
  }
}
@media (max-width: 480px) {
  .history-slider .h-slide .name-video {
    font-size: 16px;
    line-height: 150%;
    left: 16px;
    bottom: 48px;
  }
}
.history-slider .image {
  width: 101%;
  height: 101%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-size: cover !important;
}
@media (max-width: 1280px) {
  .history-slider .image {
    background-position: center !important;
  }
}
.history-slider .logos {
  width: 100%;
  height: 2vw;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 4.3vw;
}
@media (max-width: 1920px) {
  .history-slider .logos {
    height: 42px;
    margin-top: 72px;
  }
}
@media (max-width: 1280px) {
  .history-slider .logos {
    margin-top: 144px;
  }
}
@media (max-width: 1150px) {
  .history-slider .logos {
    margin-top: 150px;
  }
}
@media (max-width: 850px) {
  .history-slider .logos {
    margin-top: 161px;
  }
}
@media (max-width: 480px) {
  .history-slider .logos {
    margin-top: 105px;
  }
}
.history-slider .logos img {
  width: auto;
  height: auto;
  max-width: 4.2vw;
}
@media (max-width: 1920px) {
  .history-slider .logos img {
    max-width: 85px;
  }
}
@media (max-width: 850px) {
  .history-slider .logos img {
    max-width: 100px;
  }
}
.history-slider .logos span {
  display: block;
  width: 1px;
  height: 2.4vw;
  background-color: #9dc6ea;
  margin: 0 0.55vw;
}
@media (max-width: 1920px) {
  .history-slider .logos span {
    margin: 0 12px;
    height: 34.5px;
  }
}
@media (max-width: 850px) {
  .history-slider .logos span {
    margin: 0 15px;
    height: 46px;
  }
}
.career-block-07 {
  padding: 7.9vw 0 8.3vw 0;
}
@media (max-width: 1920px) {
  .career-block-07 {
    padding: 150.75px 0 161.25px;
  }
}
@media (max-width: 1280px) {
  .career-block-07 {
    padding: 140px 0 139px 0;
  }
}
@media (max-width: 1150px) {
  .career-block-07 {
    padding: 100px 0 97px 0;
  }
}
@media (max-width: 850px) {
  .career-block-07 {
    padding: 60px 0;
  }
}
.career-block-07 .custom-container {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 1150px) {
  .career-block-07 .custom-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.career-block-07 .box {
  width: calc(100% / 4 - 5px);
  height: 11.5vw;
  padding: 1.7vw 0 0 1.8vw;
  box-sizing: border-box;
  position: relative;
/*&:after
      content ""
      background-color rgba(149, 149, 149, 0.8)
      mix-blend-mode: multiply;
      position absolute
      display block
      width 100%
      height 100%
      left 0
      top 0
      z-index 0*/
}
@media (max-width: 1920px) {
  .career-block-07 .box {
    height: 220.75px;
    padding: 34px 0 0 34.25px;
  }
}
@media (max-width: 1280px) {
  .career-block-07 .box {
    padding: 35px 0 0 30px;
    height: 217.7px;
  }
}
@media (max-width: 1150px) {
  .career-block-07 .box {
    width: calc(100% / 2 - 2px);
    margin-bottom: 4px;
    height: 160.8px;
  }
}
@media (max-width: 850px) {
  .career-block-07 .box {
    height: 120px;
    width: calc(100% / 2 - 2px);
    margin-bottom: 4px;
    padding: 24px 0 0 24px;
  }
}
@media (max-width: 480px) {
  .career-block-07 .box {
    width: 100%;
    margin-bottom: 2px;
  }
}
.career-block-07 .box.b-01 {
  background: url("/img/2-career/block5.jpg") 0 0 no-repeat;
  background-size: cover;
}
@media (max-width: 1150px) {
  .career-block-07 .box.b-01 {
    background-position: center;
  }
}
.career-block-07 .box.b-02 {
  background: url("/img/2-career/block5-1.jpg") 0 0 no-repeat;
  background-size: cover;
}
@media (max-width: 1150px) {
  .career-block-07 .box.b-02 {
    background-position: center;
  }
}
.career-block-07 .box.b-03 {
  background: url("/img/2-career/block5-2.jpg") 0 0 no-repeat;
  background-size: cover;
}
@media (max-width: 1150px) {
  .career-block-07 .box.b-03 {
    background-position: center;
  }
}
.career-block-07 .box.b-04 {
  background: url("/img/2-career/block5-3.jpg") 0 0 no-repeat;
  background-size: cover;
}
@media (max-width: 1150px) {
  .career-block-07 .box.b-04 {
    background-position: center;
  }
}

.career-block-07 .box.b-05 {
  background: url("/img/2-career/career-slider.jpg") 0 0 no-repeat;
  background-size: cover;
  background-position: 65% 50%;
}

@media (max-width: 1150px) {
  .career-block-07 .box.b-05 {
    background-position: center;
    background-position: 50% 50%;
  }
}

.career-block-07 .box.b-06 {
  background: url("/img/sport/1.jpg") 0 0 no-repeat;
  background-size: cover;
}

@media (max-width: 1150px) {
  .career-block-07 .box.b-06 {
    background-position: center;
  }
}

.career-block-07 .box .title-h4 {
  color: #fff;
  position: relative;
  z-index: 5;
}
@media (max-width: 1150px) {
  .career-block-07 .box .title-h4 br {
    display: none;
  }
}
@media (max-width: 850px) {
  .career-block-07 .box .title-h4 {
    font-size: 17.2px;
    line-height: 130%;
  }
  .career-block-07 .box .title-h4 br {
    display: none;
  }
}
@media (max-width: 1280px) {
  .investor-slider .swiper-pagination-custom {
    bottom: 30px !important;
  }
}
@media (max-width: 1280px) {
  .investor-slider .social-icons {
    bottom: 30px;
  }
}
.investor-block-01 {
  padding-bottom: 0;
}
@media (max-width: 1920px) {
  .investor-block-01 {
    padding-bottom: 0;
  }
}
@media (max-width: 1280px) {
  .investor-block-01 {
    padding-bottom: 0;
  }
}
@media (max-width: 1150px) {
  .investor-block-01 {
    padding-bottom: 0;
  }
}
@media (max-width: 850px) {
  .investor-block-01 {
    padding-top: 36px;
    padding-bottom: 0;
  }
}
@media (max-width: 480px) {
  .investor-block-01 {
    padding: 40px 0 0 0;
  }
}
@media (max-width: 850px) {
  .investor-block-01 .breadcrumbs {
    margin-bottom: 64px;
  }
}
@media (max-width: 480px) {
  .investor-block-01 .breadcrumbs {
    margin-bottom: 55px;
  }
}
.investor-block-01 .title-h1 {
  margin-bottom: 2.5vw;
}
@media (max-width: 1920px) {
  .investor-block-01 .title-h1 {
    margin-bottom: 48px;
  }
}
@media (max-width: 1280px) {
  .investor-block-01 .title-h1 {
    margin-bottom: 40px;
  }
}
@media (max-width: 1150px) {
  .investor-block-01 .title-h1 {
    margin-bottom: 64px;
  }
}
@media (max-width: 850px) {
  .investor-block-01 .title-h1 {
    margin-bottom: 51px;
  }
}
.investor-block-02 {
  padding-top: 0;
  padding-bottom: 4.7vw;
}
@media (max-width: 1920px) {
  .investor-block-02 {
    padding-top: 0;
    padding-bottom: 90.5px;
  }
}
@media (max-width: 1280px) {
  .investor-block-02 {
    padding-top: 0;
    padding-bottom: 78px;
  }
}
@media (max-width: 1150px) {
  .investor-block-02 {
    padding-top: 0;
  }
}
@media (max-width: 850px) {
  .investor-block-02 {
    padding-top: 0;
    padding-bottom: 53px;
  }
}
.investor-block-02 .custom-container {
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 1280px) {
  .investor-block-02 .custom-container {
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
@media (max-width: 1170px) {
  .investor-block-02 .custom-container {
    display: block;
  }
}
@media (max-width: 1150px) {
  .investor-block-02 .custom-container {
    display: block;
  }
}
@media (max-width: 850px) {
  .investor-block-02 .custom-container {
    display: block;
  }
}
@media (max-width: 1280px) {
  .investor-block-02 .custom-container .box.box-l {
    width: calc(81% - 120px);
  }
}
@media (max-width: 1170px) {
  .investor-block-02 .custom-container .box.box-l {
    width: 100%;
  }
}
@media (max-width: 1150px) {
  .investor-block-02 .custom-container .box.box-l {
    width: 100%;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .investor-block-02 .custom-container .box.box-l {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.investor-block-02 .custom-container .box.box-l p {
  font-size: 1.72vw;
  line-height: 2.35vw;
}
@media (max-width: 1920px) {
  .investor-block-02 .custom-container .box.box-l p {
    font-size: 33px;
    line-height: 45px;
  }
}
@media (max-width: 1170px) {
  .investor-block-02 .custom-container .box.box-l p {
    width: 100%;
  }
  .investor-block-02 .custom-container .box.box-l p br {
    display: none;
  }
}
@media (max-width: 1150px) {
  .investor-block-02 .custom-container .box.box-l p {
    font-size: 32px;
    line-height: 44px;
  }
}
@media (max-width: 850px) {
  .investor-block-02 .custom-container .box.box-l p {
    font-size: 28px;
    line-height: 40px;
  }
  .investor-block-02 .custom-container .box.box-l p br:first-child {
    display: block;
  }
}
@media (max-width: 480px) {
  .investor-block-02 .custom-container .box.box-l p {
    font-size: 20px;
    line-height: 28px;
  }
  .investor-block-02 .custom-container .box.box-l p br {
    display: none !important;
  }
}
.investor-block-02 .custom-container .box.box-r {
  width: 40.6%;
  padding: 2.2vw 0 0 1.5vw;
  height: 17.99vw;
  box-sizing: border-box;
  top: -0.6vw;
}
@media (max-width: 1920px) {
  .investor-block-02 .custom-container .box.box-r {
    height: 348.18px;
    padding: 42px 0 0 30.4px;
  }
}
@media (max-width: 1280px) {
  .investor-block-02 .custom-container .box.box-r {
    margin-top: 115px;
  }
}
@media (max-width: 1170px) {
  .investor-block-02 .custom-container .box.box-r {
    width: 110%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    height: 132px;
    margin-left: -41.5px;
    padding: 42px 0 0 41.4px;
  }
}
@media (max-width: 1150px) {
  .investor-block-02 .custom-container .box.box-r {
    width: 116%;
    left: -50.5px;
    margin-top: 54px;
    padding: 37px 0 32px 88px;
    min-height: 132px;
    height: auto;
    box-sizing: border-box;
  }
}
@media (max-width: 850px) {
  .investor-block-02 .custom-container .box.box-r {
    width: calc(100% + 170px);
    padding: 37px 0 32px 92px;
    min-height: 132px;
  }
}
@media (max-width: 480px) {
  .investor-block-02 .custom-container .box.box-r {
    margin-top: 32px;
    width: calc(100% + 32px);
    left: 0;
    margin-left: -16px;
    height: 182px;
    padding-top: 25px;
    padding-left: 20px;
  }
}
.investor-block-02 .custom-container .box.box-r svg {
  fill: #fff;
  width: 2.5vw;
  height: 3.1vw;
  margin-bottom: 2.2vw;
}
@media (max-width: 1920px) {
  .investor-block-02 .custom-container .box.box-r svg {
    width: 45.7px;
    height: 60px;
    margin-bottom: 42px;
  }
}
@media (max-width: 1170px) {
  .investor-block-02 .custom-container .box.box-r svg {
    margin-bottom: 0;
    margin-right: 30.3px;
  }
}
@media (max-width: 850px) {
  .investor-block-02 .custom-container .box.box-r svg {
    width: 40px;
    height: 53px;
    margin-right: 43.3px;
  }
}
@media (max-width: 480px) {
  .investor-block-02 .custom-container .box.box-r svg {
    margin-right: 20px;
    width: 21.6px;
    height: 28px;
    position: relative;
    top: 2px;
  }
}
.investor-block-02 .custom-container .box.box-r p {
  max-width: 22vw;
  font-size: 1.17vw;
  line-height: 1.35vw;
}
@media (max-width: 1920px) {
  .investor-block-02 .custom-container .box.box-r p {
    font-size: 22px;
    line-height: 26px;
    max-width: 409px;
  }
}
@media (max-width: 1280px) {
  .investor-block-02 .custom-container .box.box-r p {
    max-width: 409px;
    font-size: 22px;
    line-height: 26px;
  }
}
@media (max-width: 1170px) {
  .investor-block-02 .custom-container .box.box-r p {
    width: 100%;
    max-width: 80%;
  }
  .investor-block-02 .custom-container .box.box-r p br {
    display: none;
  }
}
@media (max-width: 1150px) {
  .investor-block-02 .custom-container .box.box-r p {
    max-width: 85%;
    width: 100%;
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 850px) {
  .investor-block-02 .custom-container .box.box-r p {
    max-width: 85%;
    width: 100%;
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 680px) {
  .investor-block-02 .custom-container .box.box-r p {
    max-width: 74%;
  }
}
@media (max-width: 480px) {
  .investor-block-02 .custom-container .box.box-r p {
    font-size: 18px;
    line-height: 22px;
    max-width: 85%;
  }
  .investor-block-02 .custom-container .box.box-r p br {
    display: block;
  }
}
.investor-block-02 .title-h2 {
  margin-bottom: 2.6vw;
}
@media (max-width: 1920px) {
  .investor-block-02 .title-h2 {
    margin-bottom: 50.75px;
  }
}
@media (max-width: 1150px) {
  .investor-block-02 .title-h2 {
    margin-bottom: 51px;
  }
}
@media (max-width: 850px) {
  .investor-block-02 .title-h2 {
    margin-bottom: 41px;
  }
}
.investor-block-03 {
  background-color: #e8e8e8;
  margin-bottom: 7.5vw;
}
@media (max-width: 1920px) {
  .investor-block-03 {
    margin-bottom: 142.5px;
  }
}
@media (max-width: 1280px) {
  .investor-block-03 {
    margin-bottom: 129.5px;
  }
}
@media (max-width: 1150px) {
  .investor-block-03 {
    padding: 60px 0;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .investor-block-03 {
    padding: 0;
    margin-bottom: 50px;
  }
}
@media (max-width: 480px) {
  .investor-block-03 .custom-container {
    width: 100%;
  }
}
.investor-nav {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 480px) {
  .investor-nav {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.investor-nav .box {
  width: calc(50% - 0.5px);
}
@media (max-width: 480px) {
  .investor-nav .box {
    width: 100%;
    margin-bottom: 1px;
  }
}
.investor-nav .invesor-link {
  background-color: #6d6e71;
  padding: 1.68vw 0 1.65vw 8vw;
  display: block;
  box-sizing: border-box;
  color: #fff;
  margin-bottom: 1px;
  font-size: 0.62vw;
  line-height: 0.75vw;
  letter-spacing: 0.2em;
  font-weight: 300;
}
.investor-nav .invesor-link.active {
  background-color: #63cdf7;
}
@media (max-width: 1920px) {
  .investor-nav .invesor-link {
    padding: 32.2px 0 28.5px 151.4px;
    font-size: 12px;
    line-height: 18px;
    height: 77.8px;
  }
}
@media (max-width: 1280px) {
  .investor-nav .invesor-link {
    height: 75.8px;
  }
}
@media (max-width: 1150px) {
  .investor-nav .invesor-link {
    height: 59px;
    padding: 24px 0 23px 10.5vw;
    font-size: 11px;
    line-height: 13px;
  }
}
@media (max-width: 850px) {
  .investor-nav .invesor-link {
    padding: 24px 0 23px 8vw;
  }
}
@media (max-width: 680px) {
  .investor-nav .invesor-link {
    font-size: 12px;
    line-height: 15px;
    padding: 24px 0 23px 2vw;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
}
@media (max-width: 480px) {
  .investor-nav .invesor-link {
    padding: 24px 16px 23px 16px;
  }
}
.investor-nav .invesor-link:last-child {
  margin-bottom: 0;
}
.investor-quarterly-reporting {
  display: block;
  margin-bottom: 10vw;
  min-height: 1150px;
}
@media (max-width: 1920px) {
  .investor-quarterly-reporting {
    margin-bottom: 142.5px;
  }
}
@media (max-width: 1280px) {
  .investor-quarterly-reporting {
    margin-bottom: 90px;
  }
}
@media (max-width: 1150px) {
  .investor-quarterly-reporting {
    margin-bottom: 60px;
  }
}
@media (max-width: 480px) {
  .investor-quarterly-reporting {
    margin-bottom: 50px;
  }
}
.investor-quarterly-reporting .top-block-image {
  margin-bottom: 3.3vw;
}
@media (max-width: 1920px) {
  .investor-quarterly-reporting .top-block-image {
    margin-bottom: 60.5px;
  }
}
@media (max-width: 1280px) {
  .investor-quarterly-reporting .top-block-image {
    margin-bottom: 45.5px;
  }
}
@media (max-width: 1150px) {
  .investor-quarterly-reporting .top-block-image {
    margin-bottom: 35px;
    height: 572px;
    position: relative;
  }
}
@media (max-width: 850px) {
  .investor-quarterly-reporting .top-block-image {
    height: 505px;
  }
}
.investor-quarterly-reporting .top-block-image img {
  width: 100%;
  height: auto;
}
@media (max-width: 1920px) {
  .investor-quarterly-reporting .top-block-image img {
    height: 559.2px;
    width: auto;
  }
}
@media (max-width: 1150px) {
  .investor-quarterly-reporting .top-block-image img {
    width: auto;
    height: 100%;
    position: absolute;
    left: -46%;
    top: 0;
  }
}
@media (max-width: 850px) {
  .investor-quarterly-reporting .top-block-image img {
    left: -63%;
  }
}
@media (max-width: 480px) {
  .investor-quarterly-reporting .top-block-image img {
    left: -221%;
  }
}
.investor-quarterly-reporting .title-h1 {
  margin-top: 3.2vw;
  margin-bottom: 2.5vw;
}
@media (max-width: 1920px) {
  .investor-quarterly-reporting .title-h1 {
    margin-top: 67px;
    margin-bottom: 46.5px;
  }
}
@media (max-width: 1150px) {
  .investor-quarterly-reporting .title-h1 {
    margin-bottom: 57.5px;
  }
}
@media (max-width: 480px) {
  .investor-quarterly-reporting .title-h1 {
    margin-top: 44px;
    margin-bottom: 49.5px;
  }
}
@media (max-width: 1150px) {
  .investor-quarterly-reporting .docs {
    width: calc(100% + 98px);
    margin-left: -49px;
  }
}
@media (max-width: 850px) {
  .investor-quarterly-reporting .docs {
    width: calc(100% + 78px);
    margin-left: -38px;
  }
}
@media (max-width: 480px) {
  .investor-quarterly-reporting .docs {
    width: calc(100% + 32px);
    margin-left: -16px;
  }
}
.investor-quarterly-reporting .docs .docs__item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 1.53vw 4vw 1.53vw 1.53vw;
  box-sizing: border-box;
}
@media (max-width: 1920px) {
  .investor-quarterly-reporting .docs .docs__item {
    padding: 30px 120px 30px 30.4px;
  }
}
@media (max-width: 1150px) {
  .investor-quarterly-reporting .docs .docs__item {
    padding: 40px 49px 40px 49px;
  }
}
@media (max-width: 850px) {
  .investor-quarterly-reporting .docs .docs__item {
    padding: 37px 39px 31px 39px;
  }
}
@media (max-width: 480px) {
  .investor-quarterly-reporting .docs .docs__item {
    padding: 25px 20px 25px 20px;
  }
}
.investor-quarterly-reporting .docs .docs__item:nth-child(odd) {
  background-color: #f5f5f5;
}
.investor-quarterly-reporting .docs .docs__item svg {
  fill: #63cdf7;
  width: 2.3vw;
  height: 3.2vw;
  margin-right: 1.3vw;
}
@media (max-width: 1920px) {
  .investor-quarterly-reporting .docs .docs__item svg {
    width: 45.7px;
    height: 60px;
    margin-right: 24.4px;
  }
}
@media (max-width: 1150px) {
  .investor-quarterly-reporting .docs .docs__item svg {
    width: 39.3px;
    height: 52px;
    margin-right: 30.3px;
  }
}
@media (max-width: 850px) {
  .investor-quarterly-reporting .docs .docs__item svg {
    margin-right: 39.3px;
  }
}
@media (max-width: 480px) {
  .investor-quarterly-reporting .docs .docs__item svg {
    width: 21.6px;
    height: 28px;
    margin-right: 20.2px;
  }
}
.investor-quarterly-reporting .docs .docs__link {
  color: #000;
  font-size: 1.17vw;
  line-height: 1.3vw;
}
@media (max-width: 1920px) {
  .investor-quarterly-reporting .docs .docs__link {
    font-size: 22.5px;
    line-height: 28px;
  }
}
@media (max-width: 1150px) {
  .investor-quarterly-reporting .docs .docs__link {
    font-size: 24px;
    line-height: 32px;
    width: calc(100% - 70px);
  }
}
@media (max-width: 480px) {
  .investor-quarterly-reporting .docs .docs__link {
    font-size: 18px;
    line-height: 22px;
    width: calc(100% - 42px);
  }
}
.investor-quarterly-reporting .custom-select {
  margin-bottom: 2.7vw;
  position: relative;
  z-index: 99;
}
@media (max-width: 1920px) {
  .investor-quarterly-reporting .custom-select {
    margin-bottom: 51px;
  }
}
@media (max-width: 1150px) {
  .investor-quarterly-reporting .custom-select {
    margin-bottom: 61px;
  }
}
@media (max-width: 480px) {
  .investor-quarterly-reporting .custom-select {
    margin-bottom: 50px;
  }
}
.swiper-container .carusel__content-social {
  top: auto;
  bottom: 0;
  height: 0;
  z-index: 1;
  padding: 0;
}
@media (max-width: 850px) {
  .about-top-slider {
    height: 505px;
  }
}
.about-top-slider .carusel__content {
  padding-top: 4.6vw;
}
@media (max-width: 1920px) {
  .about-top-slider .carusel__content {
    padding-top: 90px;
  }
}
@media (max-width: 1150px) {
  .about-top-slider .carusel__content {
    padding-top: 27px;
  }
}
@media (max-width: 850px) {
  .about-top-slider .carusel__content {
    padding-top: 50px;
  }
}
@media (max-width: 480px) {
  .about-top-slider .carusel__content {
    padding-top: 30px;
  }
}
@media (max-width: 1150px) {
  .about-top-slider .swiper-slide img {
    left: -13%;
  }
}
@media (max-width: 850px) {
  .about-top-slider .swiper-slide img {
    left: -32%;
  }
}
@media (max-width: 480px) {
  .about-top-slider .swiper-slide img {
    left: -149%;
  }
}
.about-top-slider .banner-title {
  max-width: 65vw;
}
@media (max-width: 1280px) {
  .about-top-slider .banner-title {
    max-width: 845px;
  }
  .about-top-slider .banner-title br {
    display: none;
  }
}
@media (max-width: 1150px) {
  .about-top-slider .banner-title {
    max-width: 700px;
  }
}
@media (max-width: 850px) {
  .about-top-slider .banner-title {
    max-width: 540px;
  }
}
@media (max-width: 480px) {
  .about-top-slider .banner-title {
    font-size: 20px;
    line-height: 24px;
  }
}
.about-block,
.product-detail-block {
  padding-top: 3.3vw;
  padding-bottom: 5.9vw;
}
@media (max-width: 1920px) {
  .about-block,
  .product-detail-block {
    padding-top: 60px;
    padding-bottom: 114px;
  }
}
@media (max-width: 1150px) {
  .about-block,
  .product-detail-block {
    padding-bottom: 34px;
  }
}
@media (max-width: 850px) {
  .about-block,
  .product-detail-block {
    padding-bottom: 16px;
  }
}
@media (max-width: 480px) {
  .about-block,
  .product-detail-block {
    padding-bottom: 61px;
  }
}
@media (max-width: 1150px) {
  .about-block .breadcrumbs,
  .product-detail-block .breadcrumbs {
    margin-bottom: 44px;
  }
}
@media (max-width: 850px) {
  .about-block .breadcrumbs,
  .product-detail-block .breadcrumbs {
    margin-bottom: 38px;
  }
}
.about-block .title-h1,
.product-detail-block .title-h1 {
  margin-top: 3.35vw;
  margin-bottom: 2.6vw;
}
@media (max-width: 1920px) {
  .about-block .title-h1,
  .product-detail-block .title-h1 {
    margin-top: 0;
    margin-bottom: 49px;
  }
}
@media (max-width: 1150px) {
  .about-block .title-h1,
  .product-detail-block .title-h1 {
    font-size: 40px;
    line-height: 49px;
    margin-bottom: 10px;
  }
}
@media (max-width: 850px) {
  .about-block .title-h1,
  .product-detail-block .title-h1 {
    font-size: 31px;
    line-height: 49px;
  }
}
@media (max-width: 480px) {
  .about-block .title-h1,
  .product-detail-block .title-h1 {
    margin-bottom: 8px;
  }
}
.about-block .text-big,
.product-detail-block .text-big {
  line-height: 2.35vw;
  margin-bottom: 5.35vw;
}
@media (max-width: 1920px) {
  .about-block .text-big,
  .product-detail-block .text-big {
    margin-bottom: 104px;
    line-height: 45px;
  }
}
@media (max-width: 1150px) {
  .about-block .text-big,
  .product-detail-block .text-big {
    margin-bottom: 28px;
    font-size: 23.8px;
    line-height: 135%;
  }
}
@media (max-width: 850px) {
  .about-block .text-big,
  .product-detail-block .text-big {
    font-size: 18px;
    line-height: 135%;
    margin-bottom: 39px;
  }
}
@media (max-width: 480px) {
  .about-block .text-big,
  .product-detail-block .text-big {
    line-height: 120%;
  }
}
.about-block .numbers,
.product-detail-block .numbers {
  margin-right: 1.9vw;
}
@media (max-width: 1150px) {
  .about-block .numbers,
  .product-detail-block .numbers {
    font-size: 7.75vw;
    margin-right: 1.6vw;
  }
}
@media (max-width: 850px) {
  .about-block .numbers,
  .product-detail-block .numbers {
    line-height: 160%;
    font-size: 7.6vw;
    margin-right: 1vw;
  }
}
@media (max-width: 680px) {
  .about-block .numbers,
  .product-detail-block .numbers {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 60px;
    letter-spacing: 4px;
  }
}
@media (max-width: 480px) {
  .about-block .numbers,
  .product-detail-block .numbers {
    font-size: 60px;
    width: 100%;
    letter-spacing: 4px;
  }
}
.about-block .num-block,
.product-detail-block .num-block {
  margin-bottom: 0;
}
@media (max-width: 680px) {
  .about-block .num-block,
  .product-detail-block .num-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.about-block sup,
.product-detail-block sup {
  font-size: 0.95vw;
  position: relative;
  top: -2px;
  right: -3px;
}
@media (max-width: 1150px) {
  .about-block sup,
  .product-detail-block sup {
    font-size: 1.3vw;
  }
}
@media (max-width: 480px) {
  .about-block sup,
  .product-detail-block sup {
    font-size: 10px;
  }
}
.about-block .numbers-text,
.product-detail-block .numbers-text {
  position: relative;
  top: -3px;
}
@media (max-width: 1150px) {
  .about-block .numbers-text,
  .product-detail-block .numbers-text {
    font-size: 2.2vw;
    top: -5px;
  }
}
@media (max-width: 680px) {
  .about-block .numbers-text,
  .product-detail-block .numbers-text {
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    display: block;
    width: 100%;
    top: -15px;
  }
}
.about-block .flex-box,
.product-detail-block .flex-box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.about-block .flex-box.wide,
.product-detail-block .flex-box.wide {
  margin: 50px 0;
}
.about-block .flex-box.wide .num-block,
.product-detail-block .flex-box.wide .num-block {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.about-block .flex-box.wide .num-block .numbers,
.product-detail-block .flex-box.wide .num-block .numbers {
  width: 100%;
}
.about-block .flex-box.count-2 .num-block,
.product-detail-block .flex-box.count-2 .num-block {
  width: 48%;
}
.about-block .flex-box.count-3 .num-block,
.product-detail-block .flex-box.count-3 .num-block {
  width: 31%;
}
.about-block .flex-box.count-4 .num-block,
.product-detail-block .flex-box.count-4 .num-block {
  width: 23%;
}
.about-block .flex-box.count-5 .num-block,
.product-detail-block .flex-box.count-5 .num-block {
  width: 18%;
}
.about-block .flex-box .box-l,
.product-detail-block .flex-box .box-l {
  width: 58%;
}
@media (max-width: 1280px) {
  .about-block .flex-box .box-l,
  .product-detail-block .flex-box .box-l {
    width: 60%;
  }
}
@media (max-width: 1150px) {
  .about-block .flex-box .box-l,
  .product-detail-block .flex-box .box-l {
    width: 54%;
  }
}
@media (max-width: 850px) {
  .about-block .flex-box .box-l,
  .product-detail-block .flex-box .box-l {
    width: 52.5%;
  }
}
@media (max-width: 680px) {
  .about-block .flex-box .box-l,
  .product-detail-block .flex-box .box-l {
    width: 100%;
    margin-bottom: 47px;
  }
}
@media (max-width: 480px) {
  .about-block .flex-box .box-l,
  .product-detail-block .flex-box .box-l {
    width: 100%;
    margin-bottom: 47px;
  }
}
.about-block .flex-box .box-r,
.product-detail-block .flex-box .box-r {
  width: 33.6%;
}
@media (max-width: 1150px) {
  .about-block .flex-box .box-r,
  .product-detail-block .flex-box .box-r {
    width: 37.6%;
  }
}
@media (max-width: 850px) {
  .about-block .flex-box .box-r,
  .product-detail-block .flex-box .box-r {
    width: 41.6%;
  }
}
@media (max-width: 680px) {
  .about-block .flex-box .box-r,
  .product-detail-block .flex-box .box-r {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .about-block .flex-box .box-r,
  .product-detail-block .flex-box .box-r {
    width: 100%;
  }
}
@media (max-width: 1920px) {
  .about-block .flex-box .box-r .a-box,
  .product-detail-block .flex-box .box-r .a-box {
    margin-bottom: 76px;
  }
}
@media (max-width: 1150px) {
  .about-block .flex-box .box-r .a-box,
  .product-detail-block .flex-box .box-r .a-box {
    margin-bottom: 30px;
  }
  .about-block .flex-box .box-r .a-box:last-child,
  .product-detail-block .flex-box .box-r .a-box:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 1150px) {
  .about-block .flex-box .box-r .a-box p,
  .product-detail-block .flex-box .box-r .a-box p {
    width: 60%;
  }
}
@media (max-width: 850px) {
  .about-block .flex-box .box-r .a-box,
  .product-detail-block .flex-box .box-r .a-box {
    margin-bottom: 23px;
  }
}
.about-block .flex-box .text-bottom,
.product-detail-block .flex-box .text-bottom {
  width: 100%;
  margin-top: 4.2vw;
  font-size: 0.936vw;
  color: #6d6e71;
}
@media (max-width: 1920px) {
  .about-block .flex-box .text-bottom,
  .product-detail-block .flex-box .text-bottom {
    margin-top: 80px;
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 1150px) {
  .about-block .flex-box .text-bottom,
  .product-detail-block .flex-box .text-bottom {
    margin-top: 21px;
  }
}
@media (max-width: 850px) {
  .about-block .flex-box .text-bottom,
  .product-detail-block .flex-box .text-bottom {
    font-size: 13.5px;
    line-height: 150%;
    margin-top: 14px;
  }
}
@media (max-width: 480px) {
  .about-block .flex-box .text-bottom,
  .product-detail-block .flex-box .text-bottom {
    font-size: 13.5px;
    line-height: 121%;
    margin-top: 44px;
    width: 100%;
  }
}
.a-box {
  max-width: 22vw;
  height: 8.2vw;
  border-radius: 120px;
  padding: 0 0 0 0.65vw;
  border: 1.5px solid #c5c5c5;
  box-sizing: border-box;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 4vw;
}
@media (max-width: 1920px) {
  .a-box {
    max-width: 414.7px;
    height: 157.4px;
    padding-left: 13.1px;
  }
}
@media (max-width: 1150px) {
  .a-box {
    max-width: 345.7px;
    height: 131.25px;
    padding-left: 10.3px;
  }
}
@media (max-width: 850px) {
  .a-box {
    max-width: 284.5px;
    height: 108px;
    padding-left: 8.5px;
  }
}
.a-box:last-child {
  margin-bottom: 0;
}
.a-box p {
  font-size: 1.47vw;
}
@media (max-width: 1920px) {
  .a-box p {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (max-width: 1150px) {
  .a-box p {
    font-size: 22px;
    line-height: 27px;
  }
  .a-box p br {
    display: none;
  }
}
@media (max-width: 850px) {
  .a-box p {
    font-size: 16px;
    line-height: 19px;
  }
}
.cyan-cirlce {
  width: 7vw;
  height: 7vw;
  border-radius: 50%;
  background-color: #63cdf7;
  position: relative;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 1.2vw;
}
@media (max-width: 1920px) {
  .cyan-cirlce {
    width: 135px;
    height: 135px;
  }
}
@media (max-width: 1150px) {
  .cyan-cirlce {
    width: 113px;
    height: 113px;
  }
}
@media (max-width: 850px) {
  .cyan-cirlce {
    width: 93px;
    height: 93px;
  }
}
.cyan-cirlce span {
  font-size: 2.8vw;
}
@media (max-width: 1920px) {
  .cyan-cirlce span {
    font-size: 52px;
  }
}
@media (max-width: 1150px) {
  .cyan-cirlce span {
    font-size: 52px;
  }
}
@media (max-width: 850px) {
  .cyan-cirlce span {
    font-size: 39px;
  }
}
.about-products {
  padding-top: 6.5vw;
  height: 42vw;
  background-color: #e8e8e8;
}
@media (max-width: 1920px) {
  .about-products {
    height: 806.25px;
    padding-top: 125.25px;
  }
}
@media (max-width: 1150px) {
  .about-products {
    padding-top: 73.25px;
    height: auto;
    padding-bottom: 84px;
  }
}
@media (max-width: 850px) {
  .about-products {
    padding-top: 47.25px;
    padding-bottom: 62px;
  }
}
.about-products .bg {
  right: auto;
  left: 0;
  top: 0;
  background: url("/img/4-about company/logo-object.png") no-repeat top left/auto 100% !important;
  height: 100%;
  z-index: 1;
}
@media (max-width: 1920px) {
  .about-products .bg {
    width: 690px;
  }
}
.about-products .item {
  overflow: hidden;
}
.about-products .item .image {
  transition: all 0.3s ease-out 0s;
}
.about-products .item .image-overlay {
  display: none;
}
.about-products .item:hover .image {
  transform: scale(1.1);
}
.about-products .custom-container {
  z-index: 2;
}
.about-products .title-h2 {
  margin-bottom: 1.4vw;
}
@media (max-width: 1920px) {
  .about-products .title-h2 {
    margin-bottom: 30px;
  }
}
@media (max-width: 1150px) {
  .about-products .title-h2 {
    margin-bottom: 19px;
  }
}
@media (max-width: 850px) {
  .about-products .title-h2 {
    margin-bottom: 23px;
  }
}
.geo-map-block {
  padding-bottom: 7.7vw;
  padding-top: 6vw;
}
@media (max-width: 1920px) {
  .geo-map-block {
    padding-top: 117px;
    padding-bottom: 147px;
  }
}
@media (max-width: 1150px) {
  .geo-map-block {
    padding-bottom: 65px;
  }
}
@media (max-width: 850px) {
  .geo-map-block {
    padding-top: 57px;
    padding-bottom: 42px;
  }
}
.geo-map-block .container-map {
  height: 33vw;
  overflow: hidden;
}
@media (max-width: 1920px) {
  .geo-map-block .container-map {
    height: 633.75px;
  }
}
@media (max-width: 1150px) {
  .geo-map-block .container-map {
    height: 498px;
  }
}
@media (max-width: 850px) {
  .geo-map-block .container-map {
    overflow: auto;
    height: 510px;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .geo-map-block .container-map {
    width: calc(100% + 32px);
    left: 0;
  }
}
.geo-map-block .container-map .map-help {
  left: 0;
  bottom: 1vw;
}
@media (max-width: 1920px) {
  .geo-map-block .container-map .map-help {
    bottom: 20px;
  }
}
.geo-map-block .container-map .map-help .help {
  margin-bottom: 0.5vw;
}
@media (max-width: 1920px) {
  .geo-map-block .container-map .map-help .help {
    margin-bottom: 9.75px;
  }
}
@media (max-width: 850px) {
  .geo-map-block .container-map .map-help .help {
    display: none;
  }
}
.geo-map-block .container-map .map-help .h-circle-svg {
  width: 1.2vw;
  height: 1.2vw;
  margin-right: 0.4vw;
}
@media (max-width: 1920px) {
  .geo-map-block .container-map .map-help .h-circle-svg {
    width: 22.5px;
    height: 22.5px;
    margin-right: 6.75px;
  }
}
.geo-map-block .container-map .map-help .h-text {
  font-size: 0.7vw;
}
@media (max-width: 1920px) {
  .geo-map-block .container-map .map-help .h-text {
    font-size: 13.5px;
    line-height: 12px;
  }
}
.geo-map-block .title-box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 480px) {
  .geo-map-block .title-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 187px;
    position: relative;
    margin-bottom: 20px;
  }
}
.geo-map-block .map-text {
  font-size: 1.17vw;
  line-height: 1.3vw;
  color: #6d6e71;
  margin-top: 1.4vw;
  margin-bottom: 1.8vw;
}
@media (max-width: 1920px) {
  .geo-map-block .map-text {
    margin-top: 29px;
    margin-bottom: 34px;
    font-size: 22.5px;
    line-height: 25px;
  }
}
@media (max-width: 1150px) {
  .geo-map-block .map-text {
    font-size: 20.3px;
    line-height: 150%;
    margin-top: 19px;
    margin-bottom: 36px;
  }
}
@media (max-width: 850px) {
  .geo-map-block .map-text {
    font-size: 15.8px;
    margin-top: 25px;
    margin-bottom: 43px;
  }
}
@media (max-width: 480px) {
  .geo-map-block .map-text {
    position: absolute;
    top: 34px;
    left: 0;
    font-size: 18px;
    line-height: 120%;
  }
}
.geo-map-block .map-btn {
  color: #6d6e71;
  font-size: 0.95vw;
  line-height: 1vw;
  border: 1px solid #6d6e71;
  border-radius: 27px;
  width: 10.3vw;
  height: 1.8vw;
  box-sizing: border-box;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: -1.6vw;
  position: relative;
  z-index: 5;
}
@media (max-width: 1920px) {
  .geo-map-block .map-btn {
    font-size: 18px;
    line-height: 22px;
    margin-top: 0;
    width: 198px;
    height: 30.75px;
  }
}
@media (max-width: 1150px) {
  .geo-map-block .map-btn {
    height: 41px;
    margin-bottom: -37px;
  }
}
@media (max-width: 850px) {
  .geo-map-block .map-btn {
    font-size: 13px;
    width: 155px;
    height: 30px;
  }
}
@media (max-width: 480px) {
  .geo-map-block .map-btn {
    margin: 0 auto;
    margin-bottom: 43px;
    width: 235px;
    height: 35px;
    font-size: 18px;
    line-height: 120%;
  }
}
.geo-map-block .map-btn.active {
  background-color: #98ccf3;
  color: #fff;
}
#geo-map-svg-world .st0 {
  -webkit-clip-path: url("#SVGID_2_");
          clip-path: url("#SVGID_2_");
}
#geo-map-svg-world .st1 {
  fill: none;
  stroke: #000;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
#geo-map-svg-world .st2 {
  fill: #fff;
}
#geo-map-svg-world .st3 {
  fill: #ebebeb;
}
#geo-map-svg-world .st4 {
  fill: none;
  stroke: #fff;
  stroke-width: 0.596;
  stroke-miterlimit: 10;
}
#geo-map-svg-world .st5 {
  fill: #c5c5c8;
}
#geo-map-svg-world .st6 {
  fill: #ebebeb;
  stroke: #fff;
  stroke-width: 0.596;
  stroke-miterlimit: 10;
}
#geo-map-svg-world .region-svg {
  fill: #98ccf3;
}
#geo-map-svg-world .st8 {
  fill: #727270;
}
#geo-map-svg-world .st9 {
  fill: #dae11f;
}
#geo-map-svg-world .st10 {
  fill: #98ccf3;
  stroke: #fff;
  stroke-width: 0.596;
  stroke-miterlimit: 10;
}
#geo-map-svg-world .st11 {
  fill: #63cdf7;
}
@media (max-width: 850px) {
  #geo-map-svg-world {
    width: 975px;
    position: relative;
    left: -19.5%;
    top: -1.5%;
  }
}
@media (max-width: 480px) {
  #geo-map-svg-world {
    width: 925px;
    left: -54.5%;
  }
}
#geo-map-svg-russia {
  display: none;
  width: 100%;
  height: 100%;
}
#geo-map-svg-russia .st0 {
  -webkit-clip-path: url("#SVGID_2_");
          clip-path: url("#SVGID_2_");
}
#geo-map-svg-russia .st1 {
  fill: #fff;
}
#geo-map-svg-russia .st2 {
  fill: #ebebeb;
}
#geo-map-svg-russia .st3 {
  fill: none;
  stroke: #fff;
  stroke-width: 0.596;
  stroke-miterlimit: 10;
}
#geo-map-svg-russia .st4 {
  fill: #c5c5c8;
}
#geo-map-svg-russia .st5 {
  fill: #98ccf3;
}
#geo-map-svg-russia .st6 {
  fill: #98ccf3;
  stroke: #fff8f8;
}
#geo-map-svg-russia .st7 {
  fill: #727270;
}
#geo-map-svg-russia .st8 {
  fill: #67cdfd;
}
#geo-map-svg-russia .marker-hover {
  fill: none;
  stroke: none;
}
@media (max-width: 850px) {
  #geo-map-svg-russia {
    width: 1442px;
  }
}
@media (max-width: 480px) {
  #geo-map-svg-russia {
    left: -160%;
    position: relative;
  }
}
#geo-map-svg-world,
#geo-map-svg-russia {
  transition: all ease 0.5s;
}
#geo-map-svg-world .marker-svg-group,
#geo-map-svg-russia .marker-svg-group {
  transition: ease all 0.5s;
}
#geo-map-svg-world .marker-svg-group.marker-svg-group-hover .marker-hover,
#geo-map-svg-russia .marker-svg-group.marker-svg-group-hover .marker-hover {
  opacity: 1;
  fill: none !important;
}
#geo-map-svg-world .marker-svg-group.marker-svg-group-hover .marker-hover .st9,
#geo-map-svg-russia .marker-svg-group.marker-svg-group-hover .marker-hover .st9 {
  fill: none !important;
  stroke: #000;
}
#geo-map-svg-world .marker-svg-group.marker-svg-group-hover .hint-svg-lines,
#geo-map-svg-russia .marker-svg-group.marker-svg-group-hover .hint-svg-lines {
  opacity: 1;
}
#geo-map-svg-world .marker-hover,
#geo-map-svg-russia .marker-hover {
  opacity: 0;
  transition: ease all 0.5s;
}
#geo-map-svg-world .marker-hover .st9,
#geo-map-svg-russia .marker-hover .st9 {
  fill: none !important;
  stroke: none;
}
#geo-map-svg-world .marker-g,
#geo-map-svg-russia .marker-g {
  opacity: 1;
}
#geo-map-svg-world .region-svg-group,
#geo-map-svg-russia .region-svg-group {
  position: relative;
  cursor: pointer;
}
#geo-map-svg-world .region-svg-group.hovered .region-svg,
#geo-map-svg-russia .region-svg-group.hovered .region-svg {
  fill: #dc9233;
}
#geo-map-svg-world .region-svg-group .region-svg,
#geo-map-svg-russia .region-svg-group .region-svg {
  transition: all ease 0.5s;
}
#geo-map-svg-world .hint-svg,
#geo-map-svg-russia .hint-svg {
  display: none;
}
#geo-map-svg-world .hint-svg-rus,
#geo-map-svg-russia .hint-svg-rus {
  display: none;
}
#geo-map-svg-world .hint-svg-lines,
#geo-map-svg-russia .hint-svg-lines {
  opacity: 0;
}
.map-block-russia {
  padding-bottom: 0;
}
.map-block-russia .map-help {
  display: none;
}
.map-block-russia .map-btn {
  display: none;
}
.map-block-russia .container-map {
  width: 100%;
}
@media (max-width: 1920px) {
  .map-block-russia .container-map {
    max-width: 100%;
  }
}
.map-block-russia .container-map #geo-map-svg-world {
  display: none;
}
.map-block-russia .container-map #geo-map-svg-russia {
  display: block;
}
.yellow-markers .region-blue-01 .marker-g,
.yellow-markers .region-blue-02 .marker-g,
.yellow-markers .region-blue-03 .marker-g,
.yellow-markers .region-blue-01 .marker-hover,
.yellow-markers .region-blue-02 .marker-hover,
.yellow-markers .region-blue-03 .marker-hover {
  display: none;
}
.yellow-markers .hint-argentina,
.yellow-markers .hint-south-africa,
.yellow-markers .hint-kazakhstan {
  display: none;
}
.about-block-03 {
  padding: 6.6vw 0 8.3vw 0;
}
@media (max-width: 1920px) {
  .about-block-03 {
    padding: 127.5px 0 155.25px 0;
  }
}
@media (max-width: 1150px) {
  .about-block-03 {
    padding: 83.5px 0 82.25px 0;
  }
}
@media (max-width: 850px) {
  .about-block-03 {
    padding: 54.5px 0 62px 0;
  }
}
.about-block-03 .title-h2 {
  color: #fff;
  margin-bottom: 3.3vw;
}
@media (max-width: 1920px) {
  .about-block-03 .title-h2 {
    margin-bottom: 61.5px;
  }
}
@media (max-width: 1150px) {
  .about-block-03 .title-h2 {
    margin-bottom: 32.5px;
  }
}
@media (max-width: 850px) {
  .about-block-03 .title-h2 {
    margin-bottom: 23.5px;
  }
}
@media (max-width: 480px) {
  .about-block-03 .title-h2 {
    margin-bottom: 12.5px;
  }
}
.about-block-03 .text-big {
  margin-bottom: 6.8vw;
}
@media (max-width: 1920px) {
  .about-block-03 .text-big {
    margin-bottom: 125px;
  }
}
@media (max-width: 1150px) {
  .about-block-03 .text-big {
    margin-bottom: 71px;
  }
}
@media (max-width: 850px) {
  .about-block-03 .text-big {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 60px;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .about-block-03 .text-big {
    margin-bottom: 78px;
  }
}
.about-block-03 .bg {
  background: url("/img/4-about company/bg-project.jpg") 0 0 no-repeat;
  background-size: cover !important;
}
@media (max-width: 850px) {
  .about-block-03 .circles-block .circle {
    padding-top: 5vw;
  }
}
@media (max-width: 480px) {
  .about-block-03 .circles-block .circle {
    padding-top: 68px;
  }
}
.about-block-03 .circles-block .circle .c-icon {
  margin-bottom: 1.3vw;
}
@media (max-width: 1920px) {
  .about-block-03 .circles-block .circle .c-icon {
    margin-bottom: 29px;
  }
}
@media (max-width: 850px) {
  .about-block-03 .circles-block .circle .c-icon {
    margin-bottom: 7px;
  }
}
@media (max-width: 480px) {
  .about-block-03 .circles-block .circle .c-icon {
    margin-bottom: 20px;
  }
}
.technologies-block {
  padding-top: 5.9vw;
  padding-bottom: 5.9vw;
}
@media (max-width: 1920px) {
  .technologies-block {
    padding-top: 117px;
    padding-bottom: 117px;
  }
}
@media (max-width: 1150px) {
  .technologies-block {
    padding-top: 84px;
    padding-bottom: 85px;
  }
}
@media (max-width: 850px) {
  .technologies-block {
    padding-top: 57px;
    padding-bottom: 65px;
  }
}
.technologies-block .title-h2 {
  margin-bottom: 2.5vw;
}
@media (max-width: 1150px) {
  .technologies-block .title-h2 {
    margin-bottom: 32.5px;
  }
}
@media (max-width: 850px) {
  .technologies-block .title-h2 {
    margin-bottom: 24px;
  }
}
@media (max-width: 480px) {
  .technologies-block .title-h2 {
    margin-bottom: 15px;
  }
}
.technologies-block .text-base30 {
  width: 83.5%;
  margin-bottom: 4.4vw;
}
@media (max-width: 1920px) {
  .technologies-block .text-base30 {
    margin-bottom: 87.25px;
  }
}
@media (max-width: 1150px) {
  .technologies-block .text-base30 {
    font-size: 20.6px !important;
    line-height: 137% !important;
    margin-bottom: 66px;
  }
}
@media (max-width: 850px) {
  .technologies-block .text-base30 {
    font-size: 14px !important;
    line-height: 150% !important;
    width: 100%;
    margin-bottom: 26px;
  }
}
@media (max-width: 480px) {
  .technologies-block .text-base30 {
    font-size: 17.2px !important;
    line-height: 125% !important;
    margin-bottom: 44px;
  }
}
.technologies-block .flex-box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 480px) {
  .technologies-block .flex-box {
    display: block;
  }
}
.technologies-block .box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 2.6vw;
}
@media (max-width: 1920px) {
  .technologies-block .box {
    margin-bottom: 51.5px;
  }
}
@media (max-width: 1150px) {
  .technologies-block .box {
    margin-bottom: 60px;
  }
}
@media (max-width: 480px) {
  .technologies-block .box {
    display: block;
  }
}
.technologies-block .box.box-l {
  width: 53.5%;
}
@media (max-width: 1150px) {
  .technologies-block .box.box-l {
    width: 44.5%;
  }
}
@media (max-width: 850px) {
  .technologies-block .box.box-l {
    width: 43.5%;
  }
}
@media (max-width: 480px) {
  .technologies-block .box.box-l {
    width: 100%;
    margin-bottom: 43px;
  }
}
.technologies-block .box.box-r {
  width: 43.4%;
  background-color: #8dccf4;
  box-sizing: border-box;
  padding: 2vw;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
@media (max-width: 1920px) {
  .technologies-block .box.box-r {
    padding: 40px;
  }
}
@media (max-width: 1150px) {
  .technologies-block .box.box-r {
    width: 53.8%;
    padding: 34px 50px 32px 55px;
  }
}
@media (max-width: 850px) {
  .technologies-block .box.box-r {
    width: 47.8%;
    padding: 25px 50px 20px 36px;
  }
}
@media (max-width: 480px) {
  .technologies-block .box.box-r {
    width: calc(100% + 32px);
    position: relative;
    left: -16px;
    display: block;
    padding: 75px 0;
    margin-bottom: 45px;
  }
}
.technologies-block .box.box-r p {
  color: #fff;
  font-size: 1.7vw;
  line-height: 1.9vw;
  width: 58%;
}
@media (max-width: 1920px) {
  .technologies-block .box.box-r p {
    font-size: 33px;
    line-height: 34px;
  }
}
@media (max-width: 1150px) {
  .technologies-block .box.box-r p {
    font-size: 28px;
    line-height: 136%;
    font-weight: 300;
  }
}
@media (max-width: 850px) {
  .technologies-block .box.box-r p {
    font-size: 16px;
    line-height: 136%;
  }
}
@media (max-width: 480px) {
  .technologies-block .box.box-r p {
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    line-height: 120%;
    width: 65%;
  }
}
.technologies-block .box.box-r .icons {
  margin-right: 1.8vw;
  line-height: 1.95vw;
}
@media (max-width: 1150px) {
  .technologies-block .box.box-r .icons {
    margin-right: 2.5vw;
  }
}
.technologies-block .box.box-r .icons img {
  width: 8vw;
}
@media (max-width: 1920px) {
  .technologies-block .box.box-r .icons img {
    width: 149.25px;
  }
}
@media (max-width: 1150px) {
  .technologies-block .box.box-r .icons img {
    width: 14.6vw;
  }
}
@media (max-width: 850px) {
  .technologies-block .box.box-r .icons img {
    width: 11.6vw;
  }
}
@media (max-width: 480px) {
  .technologies-block .box.box-r .icons img {
    width: 170px;
    height: 170px;
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
  }
}
@media (max-width: 850px) {
  .technologies-block .flex-box-b {
    width: calc(100% + 76px);
    position: relative;
    left: -38px;
  }
}
@media (max-width: 480px) {
  .technologies-block .flex-box-b {
    width: 100%;
    left: 0;
  }
}
.technologies-block .box-b {
  width: calc((100% - 2px) / 3);
  height: 13.6vw;
  box-sizing: border-box;
  padding: 1.8vw 0 0 2vw;
}
@media (max-width: 1920px) {
  .technologies-block .box-b {
    height: 261.75px;
    padding: 36px 0 0 37.5px;
  }
}
@media (max-width: 1150px) {
  .technologies-block .box-b {
    height: 152px;
    padding: 20px 0 0 20px;
  }
}
@media (max-width: 850px) {
  .technologies-block .box-b {
    height: 127px;
  }
}
@media (max-width: 480px) {
  .technologies-block .box-b {
    width: 100%;
  }
}
@media (max-width: 1150px) {
  .technologies-block .box-b .title-h4 {
    font-size: 18px;
    line-height: 130%;
  }
}
.technologies-block .box-b.b-01 {
  background: url("/img/4-about company/tech-upravleniye2.jpg") 0 0 no-repeat #a9a9a9;
  background-size: cover;
  background-blend-mode: multiply;
}
@media (max-width: 1150px) {
  .technologies-block .box-b.b-01 {
    background-position: center;
  }
}
.technologies-block .box-b.b-02 {
  background: url("/img/4-about company/tech-komfort.jpg") 0 0 no-repeat #a9a9a9;
  background-size: cover;
  background-blend-mode: multiply;
}
@media (max-width: 1150px) {
  .technologies-block .box-b.b-02 {
    background-position: center;
  }
}
.technologies-block .box-b.b-03 {
  background: url("/img/4-about company/tech-effektivnost.jpg") 0 0 no-repeat #a9a9a9;
  background-size: cover;
  background-blend-mode: multiply;
}
@media (max-width: 1150px) {
  .technologies-block .box-b.b-03 {
    background-position: center;
  }
}
.technologies-block .box-b .title-h4 {
  color: #fff;
}
.technologies-block .num-block {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 32%;
  padding: 0.3vw 0;
  margin-bottom: 0;
}
@media (max-width: 1920px) {
  .technologies-block .num-block {
    padding: 0.5vw 0 1.2vw;
  }
}
@media (max-width: 1150px) {
  .technologies-block .num-block {
    width: 41%;
    -ms-flex-align: start;
        align-items: flex-start;
    padding-top: 27px;
  }
}
@media (max-width: 850px) {
  .technologies-block .num-block {
    width: 39%;
    padding-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .technologies-block .num-block {
    width: 100% !important;
    padding-bottom: 30px;
  }
}
.technologies-block .num-block:first-child {
  width: 62%;
}
@media (max-width: 1150px) {
  .technologies-block .num-block:first-child {
    width: 53%;
  }
}
@media (max-width: 850px) {
  .technologies-block .num-block:first-child {
    width: 55%;
  }
}
@media (max-width: 480px) {
  .technologies-block .num-block:first-child {
    margin-bottom: 48px;
  }
}
.technologies-block .num-block .numbers,
.technologies-block .num-block .numbers-text {
  width: 100%;
}
@media (max-width: 1150px) {
  .technologies-block .num-block .numbers {
    font-size: 8.1vw;
    line-height: 100%;
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .technologies-block .num-block .numbers {
    font-size: 60px;
    text-align: center;
    display: block;
  }
}
@media (max-width: 1150px) {
  .technologies-block .num-block .numbers-text {
    font-size: 2vw;
  }
}
@media (max-width: 480px) {
  .technologies-block .num-block .numbers-text {
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    display: block;
  }
  .technologies-block .num-block .numbers-text br {
    display: none;
  }
}
.history-block {
  padding-bottom: 6vw;
}
@media (max-width: 1920px) {
  .history-block {
    padding-bottom: 124px;
  }
}
@media (max-width: 1150px) {
  .history-block {
    padding-bottom: 107px;
  }
}
@media (max-width: 850px) {
  .history-block {
    padding-bottom: 45px;
  }
}
.history-block .slider-container {
  position: relative;
}
.history-block .slider-container .custom-container {
  width: 80%;
}
@media (max-width: 1280px) {
  .history-block .slider-container .custom-container {
    width: 80%;
  }
}
@media (max-width: 1150px) {
  .history-block .slider-container .custom-container {
    width: 85%;
  }
}
@media (max-width: 480px) {
  .history-block .slider-container .custom-container {
    width: 100%;
  }
}
.history-block .line-slider {
  position: absolute;
  left: 0;
  top: 6.5vw;
  right: 0;
  bottom: 0;
  margin: auto auto;
  width: 100%;
  height: 4px;
  background-color: #63cdf7;
}
@media (max-width: 1920px) {
  .history-block .line-slider {
    top: 120px;
    height: 3px;
  }
}
@media (max-width: 1150px) {
  .history-block .line-slider {
    height: 2px;
    top: 88px;
  }
}
@media (max-width: 850px) {
  .history-block .line-slider {
    top: 70px;
  }
}
@media (max-width: 480px) {
  .history-block .line-slider {
    height: 4px;
    top: 70px;
  }
}
.history-block .nav-history-about {
  top: 3.25vw;
  z-index: 10;
}
@media (max-width: 1920px) {
  .history-block .nav-history-about {
    top: 41px;
  }
}
@media (max-width: 1280px) {
  .history-block .nav-history-about {
    top: 88px;
  }
}
@media (max-width: 1150px) {
  .history-block .nav-history-about {
    top: 55px;
    width: 90%;
  }
}
@media (max-width: 850px) {
  .history-block .nav-history-about {
    top: 45px;
    width: 93%;
  }
}
@media (max-width: 480px) {
  .history-block .nav-history-about {
    top: 33px;
  }
  .history-block .nav-history-about .prev-btn,
  .history-block .nav-history-about .next-btn {
    width: 19px;
    height: 38px;
  }
}
@media (max-width: 480px) {
  .history-slider-about {
    overflow: hidden;
  }
}
.history-slider-about .owl-stage-outer {
  width: 110%;
}
@media (max-width: 1280px) {
  .history-slider-about .owl-stage-outer {
    width: 120%;
  }
}
@media (max-width: 480px) {
  .history-slider-about .owl-stage-outer {
    width: 100%;
  }
}
.history-slider-about .owl-item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 26.5vw;
  padding-bottom: 1vw;
}
@media (max-width: 1920px) {
  .history-slider-about .owl-item {
    height: 490px;
    padding-bottom: 20px;
  }
}
@media (max-width: 1150px) {
  .history-slider-about .owl-item {
    height: 323px;
    padding-bottom: 40px;
  }
}
@media (max-width: 850px) {
  .history-slider-about .owl-item {
    height: 236px;
  }
}
@media (max-width: 480px) {
  .history-slider-about .owl-item {
    height: 333px;
    padding-bottom: 50px;
  }
}
.history-slider-about .owl-item .slide-h {
  position: relative;
}
@media (max-width: 480px) {
  .history-slider-about .owl-item .slide-h {
    width: 100%;
  }
}
.history-slider-about .owl-item .slide-h.sl-01 {
  left: 20px;
}
.history-slider-about .owl-item .slide-h.sl-03 {
  left: -20px;
}
.history-slider-about .owl-item svg {
  width: 3.4vw;
  height: 3.2vw;
  fill: #fff;
}
.history-slider-about .owl-item svg path {
  stroke-width: 12;
}
@media (max-width: 1920px) {
  .history-slider-about .owl-item svg {
    width: 65px;
    height: 60px;
  }
}
@media (max-width: 1150px) {
  .history-slider-about .owl-item svg {
    width: 36px;
    height: 32px;
  }
}
@media (max-width: 850px) {
  .history-slider-about .owl-item svg {
    width: 28px;
    height: 24px;
  }
  .history-slider-about .owl-item svg path {
    stroke-width: 18;
  }
}
@media (max-width: 480px) {
  .history-slider-about .owl-item svg {
    width: 42px;
    height: 38px;
  }
}
.history-slider-about .owl-item.active .top-text {
  opacity: 1;
}
.history-slider-about .owl-item.center .slide-h {
  left: 0;
}
.history-slider-about .owl-item.center svg {
  width: 12.4vw;
  height: 12.1vw;
}
.history-slider-about .owl-item.center svg path {
  stroke-width: 4;
}
@media (max-width: 1920px) {
  .history-slider-about .owl-item.center svg {
    width: 237px;
    height: 233px;
  }
}
@media (max-width: 1150px) {
  .history-slider-about .owl-item.center svg {
    width: 124px;
    height: 124px;
  }
}
@media (max-width: 850px) {
  .history-slider-about .owl-item.center svg {
    width: 95px;
    height: 90px;
  }
  .history-slider-about .owl-item.center svg path {
    stroke-width: 8;
  }
}
@media (max-width: 480px) {
  .history-slider-about .owl-item.center svg {
    width: 42px;
    height: 38px;
  }
  .history-slider-about .owl-item.center svg path {
    stroke-width: 30;
  }
}
.history-slider-about .owl-item.center .image {
  width: 10.7vw;
  height: 10.7vw;
  background-color: transparent;
}
@media (max-width: 1920px) {
  .history-slider-about .owl-item.center .image {
    width: 206.2px;
    height: 206.2px;
  }
}
@media (max-width: 1150px) {
  .history-slider-about .owl-item.center .image {
    width: 110.5px;
    height: 110.5px;
  }
}
@media (max-width: 850px) {
  .history-slider-about .owl-item.center .image {
    width: 83px;
    height: 83px;
  }
}
@media (max-width: 480px) {
  .history-slider-about .owl-item.center .image {
    width: 26px;
    height: 26px;
    background-color: #9b9b9b;
  }
  .history-slider-about .owl-item.center .image img {
    display: none;
  }
}
.history-slider-about .owl-item.center .image:before {
  opacity: 0;
}
.history-slider-about .owl-item.center .circle-block {
  width: 12.4vw;
  height: 12.1vw;
}
@media (max-width: 1920px) {
  .history-slider-about .owl-item.center .circle-block {
    width: 237px;
    height: 233px;
  }
}
@media (max-width: 1150px) {
  .history-slider-about .owl-item.center .circle-block {
    width: 124px;
    height: 124px;
  }
}
@media (max-width: 850px) {
  .history-slider-about .owl-item.center .circle-block {
    width: 95px;
    height: 90px;
  }
}
@media (max-width: 480px) {
  .history-slider-about .owl-item.center .circle-block {
    width: 42px;
    height: 38px;
    margin: 0 auto;
  }
}
.history-slider-about .owl-item.center .top-text {
  color: #63cdf7;
}
@media (max-width: 480px) {
  .history-slider-about .owl-item.center .top-text {
    color: #404040;
  }
}
.history-slider-about .owl-item.center .top-block {
  top: -5px;
}
.history-slider-about .owl-item .image {
  border-radius: 50%;
  width: 2vw;
  height: 2vw;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto auto;
  overflow: hidden;
}
@media (max-width: 1920px) {
  .history-slider-about .owl-item .image {
    width: 40.5px;
    height: 40.5px;
  }
}
@media (max-width: 1150px) {
  .history-slider-about .owl-item .image {
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 850px) {
  .history-slider-about .owl-item .image {
    width: 16.5px;
    height: 16.5px;
  }
}
.history-slider-about .owl-item .image:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #9b9b9b;
}
.history-slider-about .owl-item .circle-block {
  position: relative;
  width: 3.4vw;
  height: 3.2vw;
}
@media (max-width: 1920px) {
  .history-slider-about .owl-item .circle-block {
    width: 65px;
    height: 60px;
  }
}
@media (max-width: 1150px) {
  .history-slider-about .owl-item .circle-block {
    width: 36px;
    height: 32px;
  }
}
@media (max-width: 850px) {
  .history-slider-about .owl-item .circle-block {
    width: 28px;
    height: 24px;
  }
}
@media (max-width: 480px) {
  .history-slider-about .owl-item .circle-block {
    width: 42px;
    height: 38px;
    margin: 0 auto;
  }
}
.history-slider-about .owl-item .slide-date {
  text-align: center;
  font-size: 1.3vw;
  line-height: 1.7vw;
  color: #acacac;
  margin-top: 1.15vw;
  width: auto;
  position: absolute;
  white-space: nowrap;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
}
@media (max-width: 1920px) {
  .history-slider-about .owl-item .slide-date {
    font-size: 25.5px;
    line-height: 31px;
    margin-top: 20px;
  }
}
@media (max-width: 1150px) {
  .history-slider-about .owl-item .slide-date {
    font-size: 23px;
    line-height: 22px;
    margin-top: 30px;
  }
}
@media (max-width: 850px) {
  .history-slider-about .owl-item .slide-date {
    font-size: 18px;
    line-height: 17px;
    margin-top: 21px;
  }
}
@media (max-width: 480px) {
  .history-slider-about .owl-item .slide-date {
    text-align: center;
    font-size: 24px;
    line-height: 23px;
    position: absolute;
  }
}
.history-slider-about .owl-item .top-block {
  width: 4px;
  margin: 0 auto;
  position: relative;
  top: -13px;
}
@media (max-width: 480px) {
  .history-slider-about .owl-item .top-block {
    width: 100%;
  }
}
.history-slider-about .owl-item .top-block .top-line {
  height: 7.6vw;
  width: 4px;
  background-color: #9b9b9b;
  display: inline-block;
}
@media (max-width: 1920px) {
  .history-slider-about .owl-item .top-block .top-line {
    height: 146px;
    width: 3px;
  }
}
@media (max-width: 1150px) {
  .history-slider-about .owl-item .top-block .top-line {
    width: 2px;
    height: 130px;
  }
}
@media (max-width: 850px) {
  .history-slider-about .owl-item .top-block .top-line {
    height: 110px;
  }
}
@media (max-width: 480px) {
  .history-slider-about .owl-item .top-block .top-line {
    height: 120px;
    width: 4px;
    margin: 0 auto;
    display: block;
  }
}
.history-slider-about .owl-item .top-text {
  font-size: 28px;
  line-height: 1.4vw;
  display: inline-block;
  position: absolute;
  left: 1.1vw;
  top: -0.3vw;
  font-weight: 300;
  color: #404040;
  opacity: 0;
  width: 400px;
  background-color: #fff;
}
@media (max-width: 1920px) {
  .history-slider-about .owl-item .top-text {
    font-size: 16px;
    line-height: 22px;
    top: -5px;
    left: 20px;
    width: unset;
    max-width: 400px;
    min-width: 270px;
  }
}
@media (max-width: 1150px) {
  .history-slider-about .owl-item .top-text {
    font-size: 14px;
    line-height: 140%;
    min-width: 240px;
  }
}
@media (max-width: 850px) {
  .history-slider-about .owl-item .top-text {
    font-size: 12px;
    min-width: 170px;
  }
}
@media (max-width: 480px) {
  .history-slider-about .owl-item .top-text {
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -60px;
    font-size: 18px;
    line-height: 120%;
    width: 80%;
    padding-bottom: 2px;
  }
  .history-slider-about .owl-item .top-text br {
    display: none;
  }
}
.history-slider-about .owl-item.history-slider-about_prev-sl .top-text {
  min-width: 218px;
}
@media (max-width: 850px) {
  .history-slider-about .owl-item.history-slider-about_prev-sl .top-text {
    min-width: 162px;
  }
}
.history-slider-about .owl-item.history-slider-about_next-sl .top-text {
  min-width: 225px;
}
@media (max-width: 1150px) {
  .history-slider-about .owl-item.history-slider-about_next-sl .top-text {
    min-width: 218px;
  }
}
@media (max-width: 850px) {
  .history-slider-about .owl-item.history-slider-about_next-sl .top-text {
    min-width: 152px;
  }
}
.partners-about {
  background-color: #d1d1d1;
  padding: 4.8vw 0 0 0;
}
@media (max-width: 1920px) {
  .partners-about {
    padding: 93.75px 0 0 0;
  }
}
@media (max-width: 1150px) {
  .partners-about {
    padding: 81.75px 0 0 0;
  }
}
@media (max-width: 850px) {
  .partners-about {
    padding: 61.75px 0 0 0;
  }
}
.partners-about .title-h2 {
  margin-bottom: 2.5vw;
}
@media (max-width: 1920px) {
  .partners-about .title-h2 {
    margin-bottom: 49.5px;
  }
}
@media (max-width: 1150px) {
  .partners-about .title-h2 {
    margin-bottom: 24.5px;
  }
}
.partners-about .text-base30 {
  margin-bottom: 5.6vw;
}
@media (max-width: 1920px) {
  .partners-about .text-base30 {
    margin-bottom: 108.75px;
  }
}
@media (max-width: 1150px) {
  .partners-about .text-base30 {
    font-size: 20.6px !important;
    line-height: 137% !important;
    margin-bottom: 92px;
  }
  .partners-about .text-base30 br {
    display: none;
  }
}
@media (max-width: 850px) {
  .partners-about .text-base30 {
    font-size: 14px !important;
    line-height: 150% !important;
    margin-bottom: 60px;
  }
}
.pagination-slider-container {
  background-color: #6d6e71;
  border-bottom: 2px solid #fff;
}
@media (max-width: 1150px) {
  .pagination-slider-container {
    border-bottom: none;
  }
}
.pagination-slider-container.pagination-slider-container-2 {
  border-bottom: none;
}
@media (max-width: 480px) {
  .pagination-slider-container.pagination-slider-container-2 .custom-container {
    width: 100%;
  }
}
.slider-pagination-g {
  height: 8.25vw;
  padding-right: 2px;
}
@media (max-width: 1920px) {
  .slider-pagination-g {
    height: 158.2px;
  }
}
@media (max-width: 1150px) {
  .slider-pagination-g {
    height: 118px;
  }
}
@media (max-width: 850px) {
  .slider-pagination-g {
    height: 80px;
  }
}
@media (max-width: 480px) {
  .slider-pagination-g {
    height: 105px;
  }
}
.slider-pagination-g .swiper-wrapper {
  padding: 0 2px;
}
@media (max-width: 1920px) {
  .slider-pagination-g .swiper-wrapper {
    padding: 0 1.5px;
  }
}
@media (max-width: 1150px) {
  .slider-pagination-g .swiper-wrapper {
    padding: 0 1px;
  }
}
@media (max-width: 480px) {
  .slider-pagination-g .swiper-wrapper {
    padding: 0;
  }
}
.slider-pagination-g .swiper-slide {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-right: 2px solid #fff;
  padding-right: 2px;
  box-sizing: border-box;
  cursor: pointer;
}
@media (max-width: 1920px) {
  .slider-pagination-g .swiper-slide {
    border-right: 2px solid #fff;
    padding-right: 2px;
  }
}
@media (max-width: 1150px) {
  .slider-pagination-g .swiper-slide {
    border-right: 2px solid #fff;
    padding-right: 1px;
  }
}
@media (max-width: 480px) {
  .slider-pagination-g .swiper-slide {
    border-left: none;
    padding-right: 0;
    padding-right: 0;
    border-right: none;
  }
}
.slider-pagination-g .swiper-slide img {
  width: 8.5vw;
}
@media (max-width: 1920px) {
  .slider-pagination-g .swiper-slide img {
    width: 160.5px;
  }
}
@media (max-width: 1150px) {
  .slider-pagination-g .swiper-slide img {
    width: 120.5px;
  }
}
@media (max-width: 850px) {
  .slider-pagination-g .swiper-slide img {
    width: 85px;
  }
}
.slider-pagination-g .swiper-slide.swiper-slide-thumb-active {
  background-color: #63cdf7;
}
.slider-pagination-g .swiper-slide:first-child {
  border-left: 2px solid #fff;
}
@media (max-width: 480px) {
  .slider-pagination-g .swiper-slide:first-child {
    border-left: none;
  }
}
.slider-pagination-g.slider-pagination-metro .swiper-slide p {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  font-size: 0.64vw;
  line-height: 1.9vw;
}
@media (max-width: 1920px) {
  .slider-pagination-g.slider-pagination-metro .swiper-slide p {
    font-size: 12.5px;
    line-height: 30px;
  }
}
@media (max-width: 1150px) {
  .slider-pagination-g.slider-pagination-metro .swiper-slide p {
    font-size: 14px;
  }
}
@media (max-width: 850px) {
  .slider-pagination-g.slider-pagination-metro .swiper-slide p {
    font-size: 1.45vw;
    line-height: 20px;
  }
}
@media (max-width: 680px) {
  .slider-pagination-g.slider-pagination-metro .swiper-slide p {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .slider-pagination-g.slider-pagination-metro .swiper-slide p {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 480px) {
  .slider-pagination-g.slider-pagination-passtrain {
    height: 80px;
  }
}
@media (max-width: 1150px) {
  .slider-pagination-g.slider-pagination-passtrain .swiper-slide p {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 2px;
    width: 77%;
    margin: 0 auto;
  }
}
@media (max-width: 1150px) {
  .slider-pagination-g.slider-pagination-passtrain .swiper-slide p {
    font-size: 1.5vw;
    line-height: 2.3vw;
    width: 86%;
  }
}
@media (max-width: 480px) {
  .slider-pagination-g.slider-pagination-passtrain .swiper-slide p {
    font-size: 12px;
    line-height: 15px;
  }
}
.about-slider-swiper {
  height: 23.1vw;
}
@media (max-width: 1150px) {
  .about-slider-swiper {
    height: 440px;
  }
}
@media (max-width: 850px) {
  .about-slider-swiper {
    height: 400px;
  }
}
.about-slider-swiper img {
  height: 100%;
  width: auto;
}
.about-slider-swiper p {
  font-size: 1.48vw;
  line-height: 1.85vw;
  color: #000;
  max-width: 520px;
}
@media (max-width: 1920px) {
  .about-slider-swiper p {
    font-size: 28.5px;
    line-height: 36px;
  }
}
@media (max-width: 1150px) {
  .about-slider-swiper p {
    font-size: 20.6px !important;
    line-height: 137% !important;
    font-weight: normal;
  }
}
@media (max-width: 850px) {
  .about-slider-swiper p {
    font-size: 15.5px !important;
    line-height: 150% !important;
  }
}
.about-slider-swiper p a {
  color: #63cdf7;
}
.about-slider-swiper .custom-container {
  position: relative;
}
.about-slider-swiper .text-box {
  position: absolute;
  top: 5.2vw;
  width: 32%;
}
@media (max-width: 1920px) {
  .about-slider-swiper .text-box {
    top: 99px;
  }
}
@media (max-width: 1150px) {
  .about-slider-swiper .text-box {
    top: 78px;
  }
}
@media (max-width: 850px) {
  .about-slider-swiper .text-box {
    top: 38px;
    width: 43%;
  }
}
@media (max-width: 480px) {
  .about-slider-swiper .text-box {
    width: 80%;
  }
}
.about-slider-swiper .name {
  font: 700 18px "ProximaNova", sans-serif;
  font-size: 1.48vw;
  line-height: 1.85vw;
  color: #000;
  margin-bottom: 1.9vw;
}
@media (max-width: 1920px) {
  .about-slider-swiper .name {
    font-size: 28.5px;
    line-height: 36px;
    margin-bottom: 39px;
  }
}
@media (max-width: 1150px) {
  .about-slider-swiper .name {
    font-size: 20.6px !important;
    line-height: 137% !important;
    font-weight: normal;
    margin-bottom: 19px;
  }
}
@media (max-width: 850px) {
  .about-slider-swiper .name {
    font-size: 16px !important;
    line-height: 150% !important;
  }
}
.media-block-01 {
  margin-bottom: 4.5vw;
}
@media (max-width: 1150px) {
  .media-block-01 {
    margin-bottom: 56px;
  }
}
@media (max-width: 480px) {
  .media-block-01 {
    margin-bottom: 40px;
  }
}
.media-block-02 {
  margin-top: 0;
}
@media (max-width: 1920px) {
  .media-block-02 {
    margin-top: 0;
  }
}
@media (max-width: 1280px) {
  .media-block-02 {
    margin-top: 0;
  }
}
@media (max-width: 1150px) {
  .media-block-02 {
    margin-top: 0;
  }
}
@media (max-width: 850px) {
  .media-block-02 {
    margin-top: 0;
  }
}

@media (max-width: 1920px) {
  .n-news-block {
    padding-bottom: 120px;
  }
}
@media (max-width: 480px) {
  .n-news-block {
    padding-bottom: 48px;
  }
}
.journal-block-c {
  background-color: #f5f5f5;
  padding: 5vw 0 0 0;
}
@media (max-width: 1920px) {
  .journal-block-c {
    padding: 91px 0 50px 0;
  }
}
@media (max-width: 1150px) {
  .journal-block-c {
    padding: 60px 0 60px 0;
  }
}
@media (max-width: 480px) {
  .journal-block-c {
    padding: 50px 0 50px 0;
  }
}
.journal-block-c .news-2 {
  padding-bottom: 2.7vw;
}
@media (max-width: 1920px) {
  .journal-block-c .news-2 {
    padding-bottom: 0;
  }
}
.journal-media-slider .image-new {
  height: 17.8vw;
  margin-bottom: 0;
}
@media (max-width: 1920px) {
  .journal-media-slider .image-new {
    height: 345px;
    margin-bottom: 0;
  }
}
@media (max-width: 1280px) {
  .journal-media-slider .image-new {
    height: 330.5px;
    margin-bottom: 0;
  }
}
@media (max-width: 1150px) {
  .journal-media-slider .image-new {
    height: 297px;
    margin-bottom: 0;
  }
}
@media (max-width: 850px) {
  .journal-media-slider .image-new {
    height: 330.5px;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .journal-media-slider .image-new {
    height: 330.5px;
    margin-bottom: 0;
  }
}
@media (max-width: 850px) {
  .journal-media-slider .image-new img {
    height: 100%;
    width: auto;
  }
}
.journal-media-slider .date-journal {
  margin-top: 0;
  margin-bottom: 1vw;
}
@media (max-width: 1920px) {
  .journal-media-slider .date-journal {
    margin-top: 0;
  }
}
@media (max-width: 1280px) {
  .journal-media-slider .date-journal {
    margin-top: 0;
  }
}
@media (max-width: 1150px) {
  .journal-media-slider .date-journal {
    margin-top: 0;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 25px;
  }
}
@media (max-width: 850px) {
  .journal-media-slider .date-journal {
    margin-top: 0;
    margin-bottom: 28px;
  }
}
@media (max-width: 480px) {
  .journal-media-slider .date-journal {
    margin-top: 0;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 28.4px;
  }
}
@media (max-width: 1150px) {
  .journal-media-slider .text-new {
    font-size: 18px;
    line-height: 130%;
    font-weight: bold;
  }
}
@media (max-width: 850px) {
  .journal-media-slider .text-new {
    font-size: 18px;
    line-height: 130%;
  }
}
@media (max-width: 480px) {
  .journal-media-slider .text-new {
    font-size: 18px;
    line-height: 130%;
  }
}
.journal-media-slider .bottom-box {
  padding: 1.4vw 1vw 1.6vw 1vw;
  background-color: #fff;
}
@media (max-width: 1920px) {
  .journal-media-slider .bottom-box {
    padding: 21px 21px 29px 21px;
  }
}
@media (max-width: 1150px) {
  .journal-media-slider .bottom-box {
    padding: 26px 21px 33px 17px;
  }
}
@media (max-width: 850px) {
  .journal-media-slider .bottom-box {
    padding: 28px 21px 43px 17px;
  }
}
.press-contacts {
  font-size: 1.17vw;
  line-height: 1.4vw;
  color: #4c4c4c;
  padding: 4.7vw 0 4.7vw 0;
}
@media (max-width: 1920px) {
  .press-contacts {
    padding: 90px 0 90px 0;
    font-size: 22.5px;
    line-height: 25px;
  }
}
@media (max-width: 1150px) {
  .press-contacts {
    font-size: 28px;
    line-height: 36px;
    padding: 60px 0 59px 0;
  }
}
@media (max-width: 850px) {
  .press-contacts {
    font-size: 23.8px;
    line-height: 30px;
  }
}
@media (max-width: 480px) {
  .press-contacts {
    font-size: 19.7px;
    padding: 50px 0 50px 0;
  }
}
.press-contacts a {
  color: #4c4c4c;
}
.press-contacts .ct {
  margin-bottom: 1.3vw;
}
@media (max-width: 1920px) {
  .press-contacts .ct {
    margin-bottom: 26px;
  }
}
@media (max-width: 1150px) {
  .press-contacts .ct {
    margin-bottom: 36px;
  }
}
@media (max-width: 850px) {
  .press-contacts .ct {
    margin-bottom: 35px;
  }
}
@media (max-width: 480px) {
  .press-contacts .ct {
    margin-bottom: 25px;
  }
}
.press-contacts .ct.ct-04 {
  margin-bottom: 0;
}
.press-contacts .title-h5 {
  margin-bottom: 2.5vw;
}
@media (max-width: 1920px) {
  .press-contacts .title-h5 {
    margin-bottom: 48px;
  }
}
@media (max-width: 1150px) {
  .press-contacts .title-h5 {
    margin-bottom: 33px;
  }
}
@media (max-width: 850px) {
  .press-contacts .title-h5 {
    margin-bottom: 37px;
  }
}
@media (max-width: 480px) {
  .press-contacts .title-h5 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px;
  }
}
.video-block-c {
  padding: 4.8vw 0 3.6vw 0;
}
@media (max-width: 1920px) {
  .video-block-c {
    padding: 90px 0 75px 0;
  }
}
@media (max-width: 1150px) {
  .video-block-c {
    padding: 60px 0 33px 0;
  }
}
@media (max-width: 480px) {
  .video-block-c {
    padding: 50px 0 33px 0;
  }
}
.video-block-c .news-2 {
  padding-bottom: 0;
}
.video-block-c .title-box {
  margin-bottom: 2.6vw;
}
@media (max-width: 1280px) {
  .video-block-c .title-box {
    margin-bottom: 48px;
  }
}
@media (max-width: 850px) {
  .video-block-c .title-box {
    margin-bottom: 41px;
  }
}
@media (max-width: 480px) {
  .video-block-c .title-box {
    margin-bottom: 34px;
  }
}
@media (max-width: 480px) {
  .media-page .breadcrumbs {
    margin-bottom: 44px;
  }
}
@media (max-width: 480px) {
  .media-page .title-h2 {
    margin-bottom: 6px;
  }
}
@media (max-width: 480px) {
  .media-work-page .top-block-image {
    margin-bottom: 31px;
  }
}
@media (max-width: 480px) {
  .media-work-page .breadcrumbs {
    margin-bottom: 44px;
  }
}
.media-work-page .news-items {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.media-work-page .news-items .item-n {
  width: calc(100% / 3 - 1.2vw);
  margin-bottom: 2.9vw;
}
@media (max-width: 1920px) {
  .media-work-page .news-items .item-n {
    margin-bottom: 56.25px;
    width: calc(100% / 3 - 20px);
  }
}
@media (max-width: 1280px) {
  .media-work-page .news-items .item-n {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .media-work-page .news-items .item-n {
    width: 260px;
  }
}
.media-work-page .news-items .item-n .label-new {
  display: none;
}
@media (max-width: 1280px) {
  .media-work-page .news-items .item-n .label-new {
    display: block;
  }
}
@media (max-width: 1280px) {
  .media-work-page .news-2 .nav-news-2 {
    display: none;
  }
}
.media-work-page .news-2 .nav-news-2.nav-news-work {
  display: none;
}
@media (max-width: 1280px) {
  .media-work-page .news-2 .nav-news-2.nav-news-work {
    display: block;
  }
}
@media (max-width: 1920px) {
  .products-page .top-block-image {
    margin-bottom: 105.5px;
  }
}
@media (max-width: 1150px) {
  .products-page .top-block-image {
    margin-bottom: 35.5px;
  }
}
@media (max-width: 480px) {
  .products-page .top-block-image {
    height: 300px;
  }
  .products-page .top-block-image img {
    left: -111%;
  }
}
@media (max-width: 1920px) {
  .products-page .breadcrumbs {
    margin-bottom: 20px;
  }
}
@media (max-width: 1150px) {
  .products-page .breadcrumbs {
    margin-bottom: 66px;
  }
}
@media (max-width: 480px) {
  .products-page .breadcrumbs {
    margin-bottom: 39px;
  }
}
@media (max-width: 480px) {
  .pr-metro-page .top-slider-page {
    height: 505px;
  }
}
.pr-metro-page .top-slider-page .banner-title {
  color: #000;
}
@media (max-width: 480px) {
  .pr-metro-page .top-slider-page .banner-title {
    font-size: 20px;
    line-height: 24px;
  }
  .pr-metro-page .top-slider-page .banner-title br {
    display: none;
  }
}
.pr-metro-page .top-slider-page .custom-container {
  padding-top: 5.2vw;
}
@media (max-width: 850px) {
  .pr-metro-page .top-slider-page .custom-container {
    padding-top: 50px;
  }
}
@media (max-width: 480px) {
  .pr-metro-page .top-slider-page .custom-container {
    padding-top: 31px;
  }
}
@media (max-width: 1150px) {
  .pr-metro-page .top-slider-page .swiper-slide img {
    left: -15%;
  }
}
@media (max-width: 850px) {
  .pr-metro-page .top-slider-page .swiper-slide img {
    left: -27%;
  }
}
@media (max-width: 480px) {
  .pr-metro-page .top-slider-page .swiper-slide img {
    left: -90%;
  }
}
@media (max-width: 375px) {
  .pr-metro-page .top-slider-page .swiper-slide img {
    left: -100%;
  }
}
@media (max-width: 320px) {
  .pr-metro-page .top-slider-page .swiper-slide img {
    left: -130%;
  }
}
.metro-slider-swiper {
  height: auto;
  background-color: #e8e8e8;
}
.metro-slider-swiper .swiper-wrapper {
  height: auto;
}
.metro-slider-swiper .swiper-wrapper .swiper-slide {
  height: auto;
}
@media (max-width: 1920px) {
  .metro-slider-swiper {
    height: auto;
  }
}
@media (max-width: 1150px) {
  .metro-slider-swiper {
    height: auto;
  }
}
@media (max-width: 850px) {
  .metro-slider-swiper {
    height: auto;
  }
}
@media (max-width: 750px) {
  .metro-slider-swiper {
    height: auto;
  }
}
@media (max-width: 480px) {
  .metro-slider-swiper {
    height: auto;
  }
  .metro-slider-swiper .swiper-wrapper {
    height: auto;
  }
}
.metro-slider-swiper .list li {
  margin-bottom: 15px;
}
@media (max-width: 850px) {
  .metro-slider-swiper .list li:before {
    top: 9px;
  }
}
.metro-slider-swiper .title-h2 {
  color: #000;
}
.metro-slider-swiper .about-block-03 {
  padding-top: 5.4vw;
  padding-bottom: 2.7vw;
  height: auto;
}
@media (max-width: 1920px) {
  .metro-slider-swiper .about-block-03 {
    padding-top: 105px;
    padding-bottom: 82.5px;
    height: auto;
  }
}
@media (max-width: 1150px) {
  .metro-slider-swiper .about-block-03 {
    padding: 50px 0 50px 0;
    height: auto;
  }
}
@media (max-width: 850px) {
  .metro-slider-swiper .about-block-03 {
    padding: 50px 0;
    height: auto;
  }
}
@media (max-width: 480px) {
  .metro-slider-swiper .about-block-03 {
    padding: 35px 0 60px 0;
    height: auto;
  }
}
.metro-slider-swiper .text-base30 {
  width: 100%;
  max-width: 80%;
  color: #000;
  margin-bottom: 6.3vw;
}
@media (max-width: 1920px) {
  .metro-slider-swiper .text-base30 {
    margin-bottom: 40px;
  }
}
@media (max-width: 1150px) {
  .metro-slider-swiper .text-base30 {
    margin-bottom: 40px;
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .metro-slider-swiper .text-base30 {
    margin-bottom: 35px;
  }
}
.metro-slider-swiper .circles-block .circle {
  padding-top: 2.1vw;
}
@media (max-width: 1920px) {
  .metro-slider-swiper .circles-block .circle {
    padding-top: 40px;
  }
}
@media (max-width: 1150px) {
  .metro-slider-swiper .circles-block .circle {
    padding-top: 30px;
  }
}
@media (max-width: 850px) {
  .metro-slider-swiper .circles-block .circle {
    padding-top: 22px;
  }
}
@media (max-width: 750px) {
  .metro-slider-swiper .circles-block .circle {
    width: 163px;
    height: 163px;
  }
}
@media (max-width: 480px) {
  .metro-slider-swiper .circles-block .circle {
    padding-top: 40px;
    width: 288px;
    height: 288px;
  }
}
@media (max-width: 1150px) {
  .metro-slider-swiper .circles-block .circle p {
    font-size: 1.5vw !important;
  }
}
@media (max-width: 850px) {
  .metro-slider-swiper .circles-block .circle p {
    width: 78%;
    line-height: 128%;
    font-size: 1.7vw !important;
  }
  .metro-slider-swiper .circles-block .circle p br {
    display: block;
  }
  .metro-slider-swiper .circles-block .circle p span {
    display: none;
  }
}
@media (max-width: 480px) {
  .metro-slider-swiper .circles-block .circle p {
    font-size: 22px !important;
    line-height: 30px !important;
  }
}
.metro-slider-swiper .circles-block .circle .c-icon {
  height: 4.3vw;
  margin-bottom: 1.5vw;
}
@media (max-width: 1920px) {
  .metro-slider-swiper .circles-block .circle .c-icon {
    height: 83px;
    margin-bottom: 31px;
  }
}
@media (max-width: 1150px) {
  .metro-slider-swiper .circles-block .circle .c-icon {
    height: 63.6px;
    margin-bottom: 25px;
  }
}
@media (max-width: 850px) {
  .metro-slider-swiper .circles-block .circle .c-icon {
    height: 48.1px;
    margin-bottom: 18.5px;
  }
}
@media (max-width: 480px) {
  .metro-slider-swiper .circles-block .circle .c-icon {
    height: 85px;
    margin-bottom: 26.8px;
  }
}
@media (max-width: 750px) {
  .metro-slider-swiper .circles-block .circle .c-icon img {
    margin: 0 auto;
  }
}
.metro-slider-swiper .numbers-flex {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 480px) {
  .metro-slider-swiper .numbers-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.metro-slider-swiper .numbers-flex .num-block {
  width: 49%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 1.4vw;
  margin-bottom: 0;
}
@media (max-width: 1920px) {
  .metro-slider-swiper .numbers-flex .num-block {
    padding-bottom: 20px;
  }
}
@media (max-width: 850px) {
  .metro-slider-swiper .numbers-flex .num-block {
    -ms-flex-align: start;
        align-items: flex-start;
    padding: 1.4vw 0 1vw 0;
  }
}
@media (max-width: 480px) {
  .metro-slider-swiper .numbers-flex .num-block {
    width: 100% !important;
  }
}
@media (max-width: 1150px) {
  .metro-slider-swiper .numbers-flex .num-block:first-child {
    width: 49.5%;
  }
}
@media (max-width: 850px) {
  .metro-slider-swiper .numbers-flex .num-block:first-child {
    width: 48%;
  }
}
@media (max-width: 480px) {
  .metro-slider-swiper .numbers-flex .num-block:first-child {
    margin-bottom: 13px;
  }
}
@media (max-width: 1150px) {
  .metro-slider-swiper .numbers-flex .num-block:last-child {
    width: 49.5%;
  }
}
@media (max-width: 850px) {
  .metro-slider-swiper .numbers-flex .num-block:last-child {
    width: 48%;
  }
}
.metro-slider-swiper .numbers-flex .num-block .numbers {
  width: 100%;
  line-height: 80px;
}
@media (max-width: 1920px) {
  .metro-slider-swiper .numbers-flex .num-block .numbers {
    font-size: 80px;
  }
}
@media (max-width: 1150px) {
  .metro-slider-swiper .numbers-flex .num-block .numbers {
    font-size: 72px;
  }
}
@media (max-width: 850px) {
  .metro-slider-swiper .numbers-flex .num-block .numbers {
    font-size: 62px;
  }
}
@media (max-width: 480px) {
  .metro-slider-swiper .numbers-flex .num-block .numbers {
    line-height: 74px;
  }
}
.metro-slider-swiper .numbers-flex .num-block .numbers-text {
  width: 100%;
}
@media (max-width: 1150px) {
  .metro-slider-swiper .numbers-flex .num-block .numbers-text {
    font-size: 18px;
    line-height: 24px;
    margin-top: -12px;
  }
}
@media (max-width: 850px) {
  .metro-slider-swiper .numbers-flex .num-block .numbers-text {
    margin-top: -8px;
  }
}
@media (max-width: 480px) {
  .metro-slider-swiper .numbers-flex .num-block .numbers-text {
    font-size: 16px;
    line-height: 24px;
  }
}
.metro-block-01 {
  padding-bottom: 1.5vw;
}
@media (max-width: 1920px) {
  .metro-block-01 {
    padding-bottom: 27px;
  }
}
@media (max-width: 1150px) {
  .metro-block-01 {
    padding-top: 35px;
    padding-bottom: 60px;
  }
}
@media (max-width: 480px) {
  .metro-block-01 {
    padding-top: 31px;
    padding-bottom: 50px;
  }
}
@media (max-width: 1150px) {
  .metro-block-01 .breadcrumbs {
    margin-bottom: 50px;
  }
}
@media (max-width: 480px) {
  .metro-block-01 .breadcrumbs {
    margin-bottom: 34px;
  }
}
.metro-block-01 .title-h1 {
  margin-bottom: 32px;
}
@media (max-width: 680px) {
  .metro-block-01 .flex-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.metro-block-01 .box.box-l {
  width: 61.5%;
}
@media (max-width: 1150px) {
  .metro-block-01 .box.box-l {
    width: 57.5%;
  }
}
@media (max-width: 850px) {
  .metro-block-01 .box.box-l {
    width: 51.5%;
  }
}
@media (max-width: 480px) {
  .metro-block-01 .box.box-l {
    width: 100%;
    margin-bottom: 0;
  }
}
@media (max-width: 680px) {
  .metro-block-01 .box.box-l.box-2-l {
    width: 100%;
    margin-bottom: 47px;
  }
}
.metro-block-01 .box.box-l .text-base30 {
  margin-bottom: 1.2vw;
}
@media (max-width: 1920px) {
  .metro-block-01 .box.box-l .text-base30 {
    margin-bottom: 27px;
    width: 88%;
  }
}
@media (max-width: 1150px) {
  .metro-block-01 .box.box-l .text-base30 {
    margin-bottom: 25px;
    width: 100%;
  }
  .metro-block-01 .box.box-l .text-base30 br {
    display: none;
  }
}
@media (max-width: 850px) {
  .metro-block-01 .box.box-l .text-base30 {
    margin-bottom: 25px;
  }
}
@media (max-width: 480px) {
  .metro-block-01 .box.box-l .text-base30 {
    margin-bottom: 10px;
  }
}
@media (max-width: 1150px) {
  .metro-block-01 .box.box-l .num-block {
    padding: 1.55vw 0;
  }
}
@media (max-width: 850px) {
  .metro-block-01 .box.box-l .num-block {
    width: 109%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 387px;
  }
}
@media (max-width: 680px) {
  .metro-block-01 .box.box-l .num-block {
    width: 100%;
    padding: 22px 0;
  }
}
@media (max-width: 480px) {
  .metro-block-01 .box.box-l .num-block {
    padding: 11px 0;
  }
}
.metro-block-01 .box.box-l .num-block:first-of-type {
  margin-top: 0;
  margin-bottom: 3.2vw;
}
@media (max-width: 1920px) {
  .metro-block-01 .box.box-l .num-block:first-of-type {
    margin-bottom: 60.75px;
    margin-top: 0;
  }
}
@media (max-width: 1150px) {
  .metro-block-01 .box.box-l .num-block:first-of-type {
    margin-top: 0;
    margin-bottom: 4.2vw;
  }
}
@media (max-width: 850px) {
  .metro-block-01 .box.box-l .num-block:first-of-type {
    margin-bottom: 44px;
  }
}
@media (max-width: 480px) {
  .metro-block-01 .box.box-l .num-block:first-of-type {
    margin-bottom: 14px;
  }
}
@media (max-width: 850px) {
  .metro-block-01 .box.box-l .num-block:last-of-type .numbers-text {
    max-width: 180px;
  }
}
@media (max-width: 1150px) {
  .metro-block-01 .box.box-r {
    width: 38%;
  }
}
@media (max-width: 850px) {
  .metro-block-01 .box.box-r {
    width: 42%;
  }
}
@media (max-width: 480px) {
  .metro-block-01 .box.box-r {
    width: 100%;
  }
}
@media (max-width: 680px) {
  .metro-block-01 .box.box-r.box-2-r {
    width: 100%;
  }
}
.metro-block-01 .box.box-r.box-2-r .a-box:nth-child(2) p {
  width: 50%;
}
@media (max-width: 1150px) {
  .metro-block-01 .box.box-r.box-2-r .a-box:nth-child(2) p {
    width: auto;
  }
}
.metro-block-01 .box .numbers-text {
  top: 0;
}
@media (max-width: 1150px) {
  .metro-block-01 .box .numbers-text {
    font-size: 16px;
    line-height: 19px;
  }
}
@media (max-width: 680px) {
  .metro-block-01 .box .numbers-text {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.metro-block-01 .box .numbers {
  margin-right: 2.2vw;
}
@media (max-width: 1920px) {
  .metro-block-01 .box .numbers {
    margin-right: 42px;
  }
}
@media (max-width: 1280px) {
  .metro-block-01 .box .numbers {
    font-size: 96px;
  }
}
@media (max-width: 1150px) {
  .metro-block-01 .box .numbers {
    font-size: 7.8vw;
    line-height: 122%;
    margin-right: 3.1vw;
  }
}
@media (max-width: 850px) {
  .metro-block-01 .box .numbers {
    font-size: 70px;
    line-height: 85px;
    margin-right: 15px;
  }
}
@media (max-width: 680px) {
  .metro-block-01 .box .numbers {
    width: 100%;
  }
}
.metro-block-01 .box .a-box {
  margin-bottom: 3.3vw;
}
@media (max-width: 1920px) {
  .metro-block-01 .box .a-box {
    margin-bottom: 64px;
  }
}
@media (max-width: 1150px) {
  .metro-block-01 .box .a-box {
    margin-bottom: 4.4vw;
  }
}
@media (max-width: 850px) {
  .metro-block-01 .box .a-box {
    margin-bottom: 5.8vw;
  }
}
.circle-logo {
  width: 19.9vw;
  height: 19.9vw;
  border-radius: 50%;
  border: 1.5px solid #aeaeae;
  position: relative;
  margin-left: auto;
  top: -1.5vw;
  margin-bottom: 2vw;
}
@media (max-width: 1920px) {
  .circle-logo {
    width: 381.7px;
    height: 381.7px;
    top: -31px;
    margin-bottom: 35px;
  }
}
@media (max-width: 1150px) {
  .circle-logo {
    width: 34vw;
    height: 34vw;
    top: -2vw;
    margin-bottom: 1.8vw;
  }
}
@media (max-width: 850px) {
  .circle-logo {
    width: 37vw;
    height: 37vw;
  }
}
@media (max-width: 480px) {
  .circle-logo {
    width: 226px;
    height: 226px;
    margin: 30px auto 24px auto;
  }
}
.circle-logo img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto auto;
}
@media (max-width: 1920px) {
  .circle-logo img {
    width: 179.2px;
    height: 183.7px;
  }
}
@media (max-width: 1150px) {
  .circle-logo img {
    width: 16vw;
    height: auto;
  }
}
@media (max-width: 850px) {
  .circle-logo img {
    width: 18vw;
    height: auto;
  }
}
@media (max-width: 480px) {
  .circle-logo img {
    width: 106.1px;
    height: 108.7px;
  }
}
.circle-logo-owl {
  width: 19.9vw;
  height: 19.9vw;
  border-radius: 50%;
  border: 1.5px solid #aeaeae;
  position: relative;
  margin-left: auto;
  top: -1.5vw;
  margin-bottom: 2vw;
  overflow: hidden;
}
.circle-logo-owl .metro-slider-logos {
  top: 50%;
  transform: translateY(-50%);
}
.circle-logo-owl img {
  width: auto !important;
  margin: 0 auto;
}

@media (max-width: 1920px) {
  .circle-logo-owl {
    width: 381.7px;
    height: 381.7px;
    top: -31px;
    margin-bottom: 35px;
  }
}
@media (max-width: 1150px) {
  .circle-logo-owl {
    width: 34vw;
    height: 34vw;
    top: -2vw;
    margin-bottom: 1.8vw;
  }
}
@media (max-width: 850px) {
  .circle-logo-owl {
    width: 37vw;
    height: 37vw;
  }

  .circle-logo-owl .metro-slider-logos .owl-item img {
    width: calc(100% - 100px) !important;
  }
}
@media (max-width: 480px) {
  .circle-logo-owl {
    width: 226px;
    height: 226px;
    margin: 30px auto 24px auto;
  }
}
.small-block {
  background-color: #badfed;
}
.small-block .custom-container {
  background-color: #63cdf7;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 1.6vw 1.6vw 1.58vw 1.6vw;
  box-sizing: border-box;
}
@media (max-width: 1920px) {
  .small-block .custom-container {
    padding: 31.5px 30px 31.5px 30px;
  }
}
@media (max-width: 1150px) {
  .small-block .custom-container {
    padding: 19px 19px 18px 19px;
  }
}
@media (max-width: 850px) {
  .small-block .custom-container {
    padding: 17px 17px 16px 17px;
  }
}
@media (max-width: 480px) {
  .small-block .custom-container {
    padding: 60px 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}
.small-block img {
  margin-right: 70px;
  width: 3.27vw;
  height: auto;
}
@media (max-width: 1920px) {
  .small-block img {
    width: 63.6px;
    margin-right: 52.5px;
  }
}
@media (max-width: 1150px) {
  .small-block img {
    width: 61px;
    margin-right: 30px;
  }
}
@media (max-width: 850px) {
  .small-block img {
    width: 48.4px;
    margin-right: 23px;
  }
}
@media (max-width: 480px) {
  .small-block img {
    width: 84.9px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 24px;
  }
}
.small-block p {
  color: #fff;
  font-size: 1.055vw;
  line-height: 2vw;
  font-weight: bold;
}
@media (max-width: 1920px) {
  .small-block p {
    font-size: 20.25px;
    line-height: 30px;
  }
}
@media (max-width: 1150px) {
  .small-block p {
    font-size: 16px;
    line-height: 19px;
  }
}
@media (max-width: 480px) {
  .small-block p {
    line-height: 22px;
    margin-top: 20px;
    text-align: center;
  }
}
.pst-page .circle-logo.circle-pst {
  padding-top: 0;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.pst-page .circle-logo.circle-pst img {
  margin-bottom: 9px;
}
.pst-page .circle-logo.circle-pst p {
  width: 100%;
  top: 0;
}
@media (max-width: 850px) {
  .pst-page .top-slider-page {
    height: 505px;
  }
}
@media (max-width: 480px) {
  .pst-page .top-slider-page {
    height: 300px;
  }
}
.pst-page .top-slider-page .logo-ivolga {
  width: 20vw;
  height: auto;
  display: block;
  margin-left: auto;
}
@media (max-width: 1920px) {
  .pst-page .top-slider-page .logo-ivolga {
    width: 382.5px;
  }
}
@media (max-width: 1150px) {
  .pst-page .top-slider-page .logo-ivolga {
    width: 290px;
    left: auto;
    right: 0;
    margin-right: 0;
  }
}
@media (max-width: 850px) {
  .pst-page .top-slider-page .logo-ivolga {
    position: static;
  }
}
.pst-page .top-slider-page .custom-container {
  padding-top: 4.7vw;
}
@media (max-width: 1920px) {
  .pst-page .top-slider-page .custom-container {
    padding-top: 90px;
  }
}
@media (max-width: 1150px) {
  .pst-page .top-slider-page .custom-container {
    padding-top: 71px;
  }
}
@media (max-width: 850px) {
  .pst-page .top-slider-page .custom-container {
    padding-top: 51px;
  }
}
@media (max-width: 480px) {
  .pst-page .top-slider-page .custom-container {
    padding-top: 39px;
  }
}
@media (max-width: 1150px) {
  .pst-page .top-slider-page .swiper-slide .carusel__img {
    left: -15%;
  }
}
@media (max-width: 850px) {
  .pst-page .top-slider-page .swiper-slide .carusel__img {
    left: -27%;
  }
}
@media (max-width: 480px) {
  .pst-page .top-slider-page .swiper-slide .carusel__img {
    left: -59%;
  }
}
.list-box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 480px) {
  .list-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.list-box .box {
  width: calc(100% / 2 - 0.5vw);
}
@media (max-width: 1920px) {
  .list-box .box {
    width: calc(100% / 2 - 12px);
  }
}
@media (max-width: 850px) {
  .list-box .box {
    width: calc(100% / 2 - 15px);
  }
}
@media (max-width: 480px) {
  .list-box .box {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .list-box .box.box-l {
    margin-bottom: 33px;
  }
}
.list-box .box .list li {
  font-size: 1.085vw;
  line-height: 1.55vw;
  margin-bottom: 0.64vw;
}
@media (max-width: 1920px) {
  .list-box .box .list li {
    font-size: 20.7px;
    line-height: 30px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1150px) {
  .list-box .box .list li {
    font-size: 18px;
    line-height: 30px;
  }
}
@media (max-width: 850px) {
  .list-box .box .list li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 3px;
  }
}
.list-box .box p {
  color: #000;
  margin-bottom: 2vw;
}
@media (max-width: 1920px) {
  .list-box .box p {
    margin-bottom: 39px;
  }
}
.circle-pst {
  width: 15vw;
  height: 15vw;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  padding-top: 2vw;
  box-sizing: border-box;
  top: 0;
  margin-bottom: 1.5vw;
}
@media (max-width: 1920px) {
  .circle-pst {
    width: 289.5px;
    height: 289.5px;
    top: 0;
    margin-bottom: 25px;
  }
}
@media (max-width: 1150px) {
  .circle-pst {
    margin-bottom: 0;
    width: 29vw;
    height: 29vw;
    top: 0;
    padding-top: 3.5vw;
  }
}
@media (max-width: 680px) {
  .circle-pst {
    width: 223.4px;
    height: 223.4px;
    padding-top: 28px;
    margin: 0 auto !important;
  }
}
@media (max-width: 850px) {
  .circle-pst:last-child p {
    width: 70%;
    top: -4.6vw;
  }
}
@media (max-width: 680px) {
  .circle-pst:last-child p {
    top: -30px;
  }
}
.circle-pst img {
  position: static;
  margin: 0 auto;
  height: 5.4vw;
  width: auto;
}
@media (max-width: 1920px) {
  .circle-pst img {
    height: 105px;
  }
}
@media (max-width: 1150px) {
  .circle-pst img {
    height: 11vw;
  }
}
@media (max-width: 680px) {
  .circle-pst img {
    height: 80px;
  }
}
.circle-pst p {
  width: 100%;
  text-align: center;
  font-size: 1.16vw;
  line-height: 1.3vw;
  color: #4c4c4c !important;
  position: relative;
  top: -1.9vw;
}
@media (max-width: 1920px) {
  .circle-pst p {
    top: -38px;
    font-size: 22.5px;
    line-height: 25px;
  }
}
@media (max-width: 1150px) {
  .circle-pst p {
    font-size: 1.75vw;
    line-height: 2.2vw;
    top: -4vw;
  }
}
@media (max-width: 850px) {
  .circle-pst p {
    font-size: 2.07vw;
    line-height: 2.3vw;
    width: 80%;
    top: -2.2vw;
  }
}
@media (max-width: 680px) {
  .circle-pst p {
    font-size: 16px;
    line-height: 18px;
    top: -30px;
  }
  .circle-pst p br {
    display: none;
  }
}
.pst-block-01 {
  height: 57.4vw;
}
@media (max-width: 1920px) {
  .pst-block-01 {
    height: auto;
    padding-bottom: 150px;
  }
}
@media (max-width: 1150px) {
  .pst-block-01 {
    padding-top: 37px;
    padding-bottom: 62px;
  }
}
@media (max-width: 480px) {
  .pst-block-01 {
    padding-bottom: 28px;
  }
}
@media (max-width: 1150px) {
  .pst-block-01 .breadcrumbs {
    margin-bottom: 59px;
  }
}
@media (max-width: 480px) {
  .pst-block-01 .breadcrumbs {
    margin-bottom: 30px;
  }
}
@media (max-width: 1920px) {
  .pst-block-01 .title-h1 {
    margin-bottom: 72px;
    margin-top: 0;
  }
}
@media (max-width: 1150px) {
  .pst-block-01 .title-h1 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 33px;
  }
  .pst-block-01 .title-h1 br {
    display: none;
  }
}
@media (max-width: 850px) {
  .pst-block-01 .title-h1 {
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .pst-block-01 .title-h1 {
    margin-bottom: 2px;
    line-height: 41px;
    font-size: 31px;
    margin-bottom: 49px;
  }
  .pst-block-01 .title-h1 br {
    display: none;
  }
}
.pst-block-01 .box.box-l {
  width: 65.5%;
}
@media (max-width: 1150px) {
  .pst-block-01 .box.box-l {
    width: 100%;
  }
}
@media (max-width: 850px) {
  .pst-block-01 .box.box-l .text-base30 {
    margin-bottom: 8px;
  }
}
@media (max-width: 1150px) {
  .pst-block-01 .box.box-l .numbers-flex {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
@media (max-width: 1150px) {
  .pst-block-01 .box.box-l .numbers-flex .num-block {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: calc(100% / 2 - 5px);
    padding: 2.5vw 0 2.6vw 0;
  }
}
@media (max-width: 850px) {
  .pst-block-01 .box.box-l .numbers-flex .num-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .pst-block-01 .box.box-l .numbers-flex .num-block {
    width: 100%;
    padding: 17px 0;
  }
}
@media (max-width: 1150px) {
  .pst-block-01 .box.box-l .numbers-flex .num-block:first-of-type {
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .pst-block-01 .box.box-l .numbers-flex .num-block:first-of-type {
    margin-bottom: 13px !important;
  }
}
@media (max-width: 1150px) {
  .pst-block-01 .box.box-l .numbers-flex .num-block .numbers {
    font-size: 7.2vw;
    line-height: 100%;
    font-weight: 400;
    margin-right: 2vw;
  }
}
@media (max-width: 850px) {
  .pst-block-01 .box.box-l .numbers-flex .num-block .numbers {
    width: 100%;
    margin-right: 0;
    font-size: 8.2vw;
    margin-bottom: 0.9vw;
  }
}
@media (max-width: 480px) {
  .pst-block-01 .box.box-l .numbers-flex .num-block .numbers {
    font-size: 50px;
    line-height: 100%;
  }
}
@media (max-width: 1150px) {
  .pst-block-01 .box.box-l .numbers-flex .num-block .numbers-text {
    font-size: 1.76vw;
    line-height: 2.4vw;
  }
}
@media (max-width: 850px) {
  .pst-block-01 .box.box-l .numbers-flex .num-block .numbers-text {
    width: 100%;
    max-width: 100%;
    font-size: 2.1vw;
    line-height: 2.3vw;
  }
  .pst-block-01 .box.box-l .numbers-flex .num-block .numbers-text br {
    display: none;
  }
}
@media (max-width: 480px) {
  .pst-block-01 .box.box-l .numbers-flex .num-block .numbers-text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1150px) and (max-width: 480px) {
  .pst-block-01 .box.box-l .numbers-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.pst-block-01 .box.box-l .circles-flex-1024 {
  display: none;
}
@media (max-width: 1150px) {
  .pst-block-01 .box.box-l .circles-flex-1024 {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%;
    margin-bottom: 51.8px;
    margin-top: 56px;
  }
}
@media (max-width: 850px) {
  .pst-block-01 .box.box-l .circles-flex-1024 {
    margin-top: 70px;
    margin-bottom: 39.8px;
  }
}
@media (max-width: 680px) {
  .pst-block-01 .box.box-l .circles-flex-1024 {
    padding-bottom: 62px;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .pst-block-01 .box.box-l .circles-flex-1024 {
    margin-top: 85px;
  }
}
.pst-block-01 .box.box-l .circles-flex-1024 .owl-dots .owl-dot {
  background-color: #e8e8e8 !important;
}
.pst-block-01 .box.box-l .circles-flex-1024 .owl-dots .owl-dot.active {
  background-color: #63cdf7 !important;
}
@media (max-width: 1150px) {
  .pst-block-01 .box.box-l .circles-flex-1024 .circle-pst {
    margin: 0;
  }
}
@media (max-width: 1150px) {
  .pst-block-01 .box.box-l .num-block {
    width: calc(100% / 2 - 15px);
  }
}
.pst-block-01 .box.box-l .num-block:first-of-type {
  margin-top: 6.7vw;
}
@media (max-width: 1920px) {
  .pst-block-01 .box.box-l .num-block:first-of-type {
    margin-top: 111px;
    margin-bottom: 59.75px;
  }
}
.pst-block-01 .box.box-r {
  width: 33%;
  position: absolute;
  top: 4vw;
  right: 0;
}
@media (max-width: 1920px) {
  .pst-block-01 .box.box-r {
    top: 77px;
  }
}
@media (max-width: 1150px) {
  .pst-block-01 .box.box-r {
    width: 100%;
    position: static;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    display: none !important;
  }
}
.pst-block-02 .title-h2 {
  margin-bottom: 3.2vw;
}
@media (max-width: 1920px) {
  .pst-block-02 .title-h2 {
    margin-bottom: 62.25px;
  }
}
@media (max-width: 1150px) {
  .pst-block-02 .title-h2 {
    margin-bottom: 37.25px;
  }
}
@media (max-width: 480px) {
  .pst-block-02 .title-h2 {
    margin-bottom: 18px;
  }
}
.pst-block-02 .text-base30 {
  margin-bottom: 4.2vw;
  width: 94%;
}
@media (max-width: 1920px) {
  .pst-block-02 .text-base30 {
    margin-bottom: 81px;
  }
}
@media (max-width: 1150px) {
  .pst-block-02 .text-base30 {
    width: 101%;
    line-height: 145% !important;
    margin-bottom: 32px;
  }
}
@media (max-width: 480px) {
  .pst-block-02 .text-base30 {
    margin-bottom: 42px;
  }
}
.pst-block-02 .box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 3.7vw;
}
@media (max-width: 1920px) {
  .pst-block-02 .box {
    margin-bottom: 72px;
  }
}
@media (max-width: 1150px) {
  .pst-block-02 .box {
    margin-bottom: 29px;
  }
}
@media (max-width: 850px) {
  .pst-block-02 .box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .pst-block-02 .box {
    padding-bottom: 70px;
    margin-bottom: 0;
  }
}
.pst-block-02 .box .owl-dots .owl-dot {
  background-color: #e8e8e8 !important;
}
.pst-block-02 .box .owl-dots .owl-dot.active {
  background-color: #63cdf7 !important;
}
.pst-block-02 .box .cyan-box {
  width: calc(100% / 4 - 0.9vw);
  background-color: #63cdf7;
  padding: 1.5vw 1vw 1vw 1vw;
  box-sizing: border-box;
  height: 8.63vw;
}
@media (max-width: 1920px) {
  .pst-block-02 .box .cyan-box {
    width: calc(100% / 4 - 17px);
    padding: 30px 18px 18px 18px;
    height: 165px;
  }
}
@media (max-width: 1150px) {
  .pst-block-02 .box .cyan-box {
    height: 200px;
    width: calc(100% / 4 - 8px);
    padding: 30px 18px 18px 21px;
  }
}
@media (max-width: 850px) {
  .pst-block-02 .box .cyan-box {
    width: calc(100% / 2 - 5px);
    margin-bottom: 10px;
    height: 190px;
  }
}
@media (max-width: 480px) {
  .pst-block-02 .box .cyan-box {
    width: 100%;
    height: 160px;
    margin: 0;
  }
}
.pst-block-02 .box .cyan-box p {
  color: #fff;
  font-size: 2.6vw;
  font-weight: 300;
}
@media (max-width: 1920px) {
  .pst-block-02 .box .cyan-box p {
    font-size: 51px;
  }
}
@media (max-width: 1150px) {
  .pst-block-02 .box .cyan-box p {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 850px) {
  .pst-block-02 .box .cyan-box p {
    font-size: 48px;
    line-height: 140%;
  }
}
@media (max-width: 480px) {
  .pst-block-02 .box .cyan-box p {
    font-size: 36px;
    line-height: 40px;
  }
}
.pst-block-02 .box .cyan-box span {
  font-size: 0.85vw;
}
@media (max-width: 1920px) {
  .pst-block-02 .box .cyan-box span {
    font-size: 16.5px;
  }
}
@media (max-width: 1150px) {
  .pst-block-02 .box .cyan-box span {
    font-size: 18px;
    line-height: 24px;
  }
}
.pst-block-02 .box .top-level {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.1vw;
}
@media (max-width: 1920px) {
  .pst-block-02 .box .top-level {
    margin-bottom: 17px;
  }
}
@media (max-width: 1150px) {
  .pst-block-02 .box .top-level {
    height: 69px;
  }
}
@media (max-width: 850px) {
  .pst-block-02 .box .top-level {
    margin-bottom: 9px;
  }
}
.pst-block-02 .box .top-level img {
  margin-right: 0.85vw;
  width: 2vw;
}
@media (max-width: 1920px) {
  .pst-block-02 .box .top-level img {
    width: 38px;
    margin-right: 18px;
  }
}
@media (max-width: 1150px) {
  .pst-block-02 .box .top-level img {
    width: 53px;
    margin-right: 25.5px;
  }
}
.pst-block-03 {
  padding-top: 0;
  padding-bottom: 6.3vw;
}
@media (max-width: 1920px) {
  .pst-block-03 {
    padding-bottom: 118px;
  }
}
@media (max-width: 1150px) {
  .pst-block-03 {
    padding-bottom: 56px;
  }
}
@media (max-width: 480px) {
  .pst-block-03 .custom-container {
    position: relative;
    left: 0;
  }
}
.pst-block-03 .flex-box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
}
.pst-block-03 .flex-box .big-image-pst {
  width: 66.6%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  z-index: 10;
  box-sizing: border-box;
  padding: 40px 0 0 40px;
  overflow: hidden;
}
.pst-block-03 .flex-box .big-image-pst.active {
  display: block;
}
.pst-block-03 .flex-box .big-image-pst img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
}
.pst-block-03 .flex-box .big-image-pst .title-h4 {
  position: relative;
  z-index: 10;
  color: #fff;
}
.pst-block-03 .flex-box .box-b {
  margin-bottom: 1px;
  background: none !important;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.pst-block-03 .flex-box .box-b:hover img {
  transform: scale(1.1);
}
@media (max-width: 1150px) {
  .pst-block-03 .flex-box .box-b {
    width: calc(100% / 2 - 1px);
    height: 290px;
    margin-bottom: 2px;
  }
}
@media (max-width: 850px) {
  .pst-block-03 .flex-box .box-b {
    height: 216px;
    padding: 30px 0 0 33.5px;
  }
}
@media (max-width: 480px) {
  .pst-block-03 .flex-box .box-b {
    width: 100%;
    height: 140px;
    margin: 0 auto;
    margin-bottom: 2px;
  }
}
@media (max-width: 1150px) {
  .pst-block-03 .flex-box .box-b .title-h4 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
  }
}
@media (max-width: 850px) {
  .pst-block-03 .flex-box .box-b .title-h4 {
    font-size: 15px;
    line-height: 21px;
    font-weight: 600;
    letter-spacing: 0.08em;
  }
}
.pst-block-03 .flex-box .box-b img {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  z-index: -1;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 1280px) {
  .pst-block-03 .flex-box .box-b img {
    width: 110%;
  }
}
@media (max-width: 1150px) {
  .pst-block-03 .flex-box .box-b img {
    width: 110%;
  }
}
.pst-block-04 .metro-slider-swiper {
  padding-bottom: 5.6vw;
  background-color: #e8e8e8;
}
@media (max-width: 1920px) {
  .pst-block-04 .metro-slider-swiper {
    padding-top: 96px;
    padding-bottom: 112px;
    height: auto;
  }
}
@media (max-width: 1150px) {
  .pst-block-04 .metro-slider-swiper {
    padding-top: 53px;
    padding-bottom: 66px;
  }
}
@media (max-width: 850px) {
  .pst-block-04 .metro-slider-swiper {
    padding-bottom: 57px;
  }
}
@media (max-width: 480px) {
  .pst-block-04 .metro-slider-swiper {
    padding-top: 43px;
    padding-bottom: 49px;
  }
}
@media (max-width: 1920px) {
  .pst-block-04 .metro-slider-swiper .box p {
    font-size: 27px;
  }
}
@media (max-width: 1150px) {
  .pst-block-04 .metro-slider-swiper .box p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 15px;
  }
}
@media (max-width: 850px) {
  .pst-block-04 .metro-slider-swiper .box p {
    font-size: 16px;
    line-height: 24px;
  }
}
.pst-block-04 .about-block-03 {
  padding-bottom: 0;
}
@media (max-width: 1920px) {
  .pst-block-04 .about-block-03 {
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
  }
}
.pst-block-04 .about-block-03 .text-base34 {
  max-width: 100%;
  color: #000;
  margin-bottom: 5vw;
}
@media (max-width: 1920px) {
  .pst-block-04 .about-block-03 .text-base34 {
    margin-bottom: 91px;
  }
}
@media (max-width: 1150px) {
  .pst-block-04 .about-block-03 .text-base34 {
    width: 100%;
    margin-bottom: 35px;
  }
}
@media (max-width: 850px) {
  .pst-block-04 .about-block-03 .text-base34 {
    margin-bottom: 29px;
  }
}
@media (max-width: 480px) {
  .pst-block-04 .about-block-03 .text-base34 {
    margin-bottom: 54px;
  }
  .pst-block-04 .about-block-03 .text-base34 br {
    display: none;
  }
}
.products-tabs-passtrain {
  padding-top: 6.6vw;
  padding-bottom: 7.5vw;
}
@media (max-width: 1920px) {
  .products-tabs-passtrain {
    padding-top: 128px;
    padding-bottom: 144px;
  }
}
@media (max-width: 1150px) {
  .products-tabs-passtrain {
    padding-top: 62px;
    padding-bottom: 118px;
  }
}
@media (max-width: 850px) {
  .products-tabs-passtrain {
    padding-bottom: 55px;
  }
}
@media (max-width: 480px) {
  .products-tabs-passtrain {
    padding-top: 50px;
  }
}
.products-tabs-passtrain .tab-menu-products {
  margin: 2.4vw 0 4vw 0;
}
@media (max-width: 1920px) {
  .products-tabs-passtrain .tab-menu-products {
    margin: 43px 0 68px 0;
  }
}
@media (max-width: 1150px) {
  .products-tabs-passtrain .tab-menu-products {
    margin: 38px 0 40px 0;
  }
}
@media (max-width: 850px) {
  .products-tabs-passtrain .tab-menu-products {
    margin: 24px 0 7px 0;
  }
}
@media (max-width: 480px) {
  .products-tabs-passtrain .tab-menu-products {
    margin: 24px 0 34px 0;
  }
}
.slide-03a .career-block-03 {
  background-color: transparent;
}
.slide-03a .bg-slide {
  position: absolute;
  width: 100%;
  height: 135%;
  background-size: cover !important;
  top: -5vw;
}
@media (max-width: 1920px) {
  .slide-03a .bg-slide {
    top: -96px;
  }
}
@media (max-width: 1150px) {
  .slide-03a .bg-slide {
    background-position: center !important;
  }
}
@media (max-width: 480px) {
  .slide-03a .bg-slide {
    display: none;
  }
}
.products-tabs .tabs-items-2col .tab-item .col-pr .product-item-slider {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.tabs-items-3col.tabs-items-2col .tab-item .col-pr .slider-item .item-pr {
  margin-right: calc((100% - ((100% / 3 - 1.5vw) * 3)) / 2);
}
@media (max-width: 1920px) {
  .tabs-items-3col.tabs-items-2col .tab-item .col-pr .slider-item .item-pr {
    margin-right: calc((100% - ((100% / 3 - 30px) * 3)) / 2);
  }
}
@media (max-width: 1280px) {
  .tabs-items-3col.tabs-items-2col .tab-item .col-pr .slider-item .item-pr {
    margin-right: calc((100% - ((100% / 3 - 39px) * 3)) / 2);
  }
}
@media (max-width: 850px) {
  .tabs-items-3col.tabs-items-2col .tab-item .col-pr .slider-item .item-pr {
    margin-right: calc((100% - ((100% / 3 - 20px) * 3)) / 2);
  }
}
.tabs-items-3col.tabs-items-2col .tab-item .col-pr .slider-item .item-pr:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 850px) {
  .tabs-items-area .tab-item .image img {
    object-fit: cover;
    width: 100%;
  }
}
.top-text br {
  display: none;
}
.passwagon-page .top-slider-page {
  margin-bottom: 3.3vw;
}
@media (max-width: 1920px) {
  .passwagon-page .top-slider-page {
    margin-bottom: 61.2px;
  }
}
@media (max-width: 1150px) {
  .passwagon-page .top-slider-page {
    margin-bottom: 35.2px;
  }
}
@media (max-width: 850px) {
  .passwagon-page .top-slider-page {
    height: 505px;
  }
}
@media (max-width: 480px) {
  .passwagon-page .top-slider-page {
    height: 300px;
  }
}
@media (max-width: 1150px) {
  .passwagon-page .top-slider-page .swiper-slide img {
    left: -15%;
  }
}
@media (max-width: 850px) {
  .passwagon-page .top-slider-page .swiper-slide img {
    left: -66%;
  }
}
.passwagon-page .title-h1 {
  margin-bottom: 2.4vw;
}
@media (max-width: 1920px) {
  .passwagon-page .title-h1 {
    margin-bottom: 51px;
  }
}
@media (max-width: 1150px) {
  .passwagon-page .title-h1 {
    margin-bottom: 58px;
  }
}
@media (max-width: 480px) {
  .passwagon-page .title-h1 {
    margin-bottom: 49px;
  }
}
.passwagon-block-01 {
  padding-bottom: 6.1vw;
}
@media (max-width: 1150px) {
  .passwagon-block-01 {
    padding-bottom: 81px;
  }
}
@media (max-width: 850px) {
  .passwagon-block-01 {
    padding-bottom: 69px;
  }
}
@media (max-width: 480px) {
  .passwagon-block-01 {
    padding-bottom: 53px;
  }
}
.passwagon-block-01 .text-base30 {
  margin-bottom: 3.7vw;
}
@media (max-width: 1920px) {
  .passwagon-block-01 .text-base30 {
    margin-bottom: 72px;
  }
}
@media (max-width: 1150px) {
  .passwagon-block-01 .text-base30 br {
    display: none;
  }
}
@media (max-width: 850px) {
  .passwagon-block-01 .text-base30 {
    font-size: 18px !important;
    line-height: 27px !important;
    margin-bottom: 63px;
  }
}
@media (max-width: 480px) {
  .passwagon-block-01 .text-base30 {
    font-size: 16px !important;
    line-height: 20px !important;
    margin-bottom: 27px;
  }
}
.passwagon-block-01 .numbers-flex {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 480px) {
  .passwagon-block-01 .numbers-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.passwagon-block-01 .numbers-flex .num-block {
  width: 49%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 1.4vw;
  margin-bottom: 0;
}
@media (max-width: 1920px) {
  .passwagon-block-01 .numbers-flex .num-block {
    padding-bottom: 20px;
  }
}
@media (max-width: 850px) {
  .passwagon-block-01 .numbers-flex .num-block {
    -ms-flex-align: start;
        align-items: flex-start;
    padding: 1.4vw 0 1vw 0;
  }
}
@media (max-width: 480px) {
  .passwagon-block-01 .numbers-flex .num-block {
    width: 100% !important;
  }
}
.passwagon-block-01 .numbers-flex .num-block:first-child {
  width: 40.5%;
}
@media (max-width: 1150px) {
  .passwagon-block-01 .numbers-flex .num-block:first-child {
    width: 49.5%;
  }
}
@media (max-width: 850px) {
  .passwagon-block-01 .numbers-flex .num-block:first-child {
    width: 48%;
  }
}
@media (max-width: 480px) {
  .passwagon-block-01 .numbers-flex .num-block:first-child {
    margin-bottom: 13px;
  }
}
.passwagon-block-01 .numbers-flex .num-block:last-child {
  width: 53.5%;
}
@media (max-width: 1150px) {
  .passwagon-block-01 .numbers-flex .num-block:last-child {
    width: 49.5%;
  }
}
@media (max-width: 850px) {
  .passwagon-block-01 .numbers-flex .num-block:last-child {
    width: 48%;
  }
}
.passwagon-block-01 .numbers-flex .num-block .numbers {
  width: 100%;
}
@media (max-width: 1920px) {
  .passwagon-block-01 .numbers-flex .num-block .numbers {
    font-size: 80px;
  }
}
@media (max-width: 1150px) {
  .passwagon-block-01 .numbers-flex .num-block .numbers {
    font-size: 72px;
  }
}
@media (max-width: 850px) {
  .passwagon-block-01 .numbers-flex .num-block .numbers {
    font-size: 62px;
  }
}
@media (max-width: 480px) {
  .passwagon-block-01 .numbers-flex .num-block .numbers {
    line-height: 74px;
  }
}
.passwagon-block-01 .numbers-flex .num-block .numbers-text {
  width: 100%;
}
@media (max-width: 1150px) {
  .passwagon-block-01 .numbers-flex .num-block .numbers-text {
    font-size: 18px;
    line-height: 24px;
    margin-top: -12px;
  }
}
@media (max-width: 850px) {
  .passwagon-block-01 .numbers-flex .num-block .numbers-text {
    margin-top: -8px;
  }
}
@media (max-width: 480px) {
  .passwagon-block-01 .numbers-flex .num-block .numbers-text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 850px) {
  .passwagon-block-02 {
    padding-bottom: 65px;
  }
}
@media (max-width: 480px) {
  .passwagon-block-02 {
    padding-bottom: 48px;
  }
}
.passwagon-block-02 .flex-box .box-b img {
  height: 100%;
  width: auto;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 1150px) {
  .passwagon-block-02 .flex-box .box-b img {
    width: 120%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .passwagon-block-02 .flex-box .box-b img {
    width: 100%;
    height: auto;
  }
}
.passwagon-block-02 .flex-box .box-b:hover img {
  transform: scale(1.1);
}
.disable-top .top-block-image {
  height: 0 !important;
}
.disable-top .top-block-image img {
  display: none;
}
.passwagon-block-03 .benefits-slider .item .list {
  margin: 0 0 50px;
}
.passwagon-block-03 .benefits-slider {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: auto;
}
.passwagon-block-03 .benefits-slider .owl-dots {
  bottom: -20px !important;
}
@media (max-width: 480px) {
  .passwagon-block-03 .benefits-slider {
    padding-bottom: 35px;
  }
}
.passwagon-block-03 .benefits-slider .item {
  box-sizing: border-box;
}
.passwagon-block-03 .benefits-slider .item h2,
.passwagon-block-03 .benefits-slider .item .h2 {
  margin: 0 0 20px;
}
.passwagon-block-03 .benefits-slider .item .list {
  margin: 0 0 50px;
}
.passwagon-block-03 .benefits-slider .item .list > li {
  line-height: 15px;
}
.passwagon-block-03 #sslider-05 {
  padding-bottom: 5.6vw;
  background-color: #e8e8e8;
}
@media (max-width: 1920px) {
  .passwagon-block-03 #sslider-05 {
    padding-top: 96px;
    padding-bottom: 112px;
    height: auto;
  }
}
@media (max-width: 1150px) {
  .passwagon-block-03 #sslider-05 {
    padding-top: 53px;
    padding-bottom: 66px;
  }
}
@media (max-width: 850px) {
  .passwagon-block-03 #sslider-05 {
    padding-bottom: 57px;
  }
}
@media (max-width: 480px) {
  .passwagon-block-03 #sslider-05 {
    padding-top: 43px;
    padding-bottom: 49px;
  }
}
.passwagon-block-03 #sslider-05 .swiper-slide {
  background: #e8e8e8;
}
.passwagon-block-03 #sslider-05 .text-base34 {
  line-height: 1.9vw !important;
  margin-bottom: 2.4vw;
}
@media (max-width: 1920px) {
  .passwagon-block-03 #sslider-05 .text-base34 {
    margin-bottom: 46px;
    line-height: 36.5px !important;
  }
}
@media (max-width: 1920px) {
  .passwagon-block-03 #sslider-05 .custom-container {
    padding: 0 !important;
  }
}
.passwagon-block-03 #sslider-05 {
  height: auto !important;
}
@media (max-width: 480px) {
  .passwagon-block-03 #sslider-05 .swiper-slide {
    padding: 0 !important;
  }
}
.passwagon-block-03 #sslider-04,
.passwagon-block-03 #sslider-05 {
  height: 35vw;
}
@media (max-width: 1920px) {
  .passwagon-block-03 #sslider-04,
  .passwagon-block-03 #sslider-05 {
    height: 673.5px;
  }
}
@media (max-width: 1150px) {
  .passwagon-block-03 #sslider-04,
  .passwagon-block-03 #sslider-05 {
    height: 602.5px;
  }
}
@media (max-width: 850px) {
  .passwagon-block-03 #sslider-04,
  .passwagon-block-03 #sslider-05 {
    height: 459.5px;
  }
}
@media (max-width: 480px) {
  .passwagon-block-03 #sslider-04,
  .passwagon-block-03 #sslider-05 {
    height: auto;
  }
}
@media (max-width: 480px) {
  .passwagon-block-03 #sslider-04 .swiper-wrapper,
  .passwagon-block-03 #sslider-05 .swiper-wrapper {
    height: auto;
  }
}
@media (max-width: 480px) {
  .passwagon-block-03 #sslider-04 .swiper-slide,
  .passwagon-block-03 #sslider-05 .swiper-slide {
    background-color: #e8e8e8;
    padding-bottom: 200px;
  }
}
@media (max-width: 480px) {
  .passwagon-block-03 #sslider-04 .image,
  .passwagon-block-03 #sslider-05 .image {
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto;
    height: 180px;
    z-index: 5;
  }
}
.passwagon-block-03 #sslider-04 .custom-container,
.passwagon-block-03 #sslider-05 .custom-container {
  padding-top: 3.5vw;
}
@media (max-width: 1920px) {
  .passwagon-block-03 #sslider-04 .custom-container,
  .passwagon-block-03 #sslider-05 .custom-container {
    padding-top: 67.5px;
  }
}
@media (max-width: 1150px) {
  .passwagon-block-03 #sslider-04 .custom-container,
  .passwagon-block-03 #sslider-05 .custom-container {
    padding-top: 53.5px;
  }
}
@media (max-width: 850px) {
  .passwagon-block-03 #sslider-04 .custom-container,
  .passwagon-block-03 #sslider-05 .custom-container {
    padding-top: 40.5px;
  }
}
.passwagon-block-03 #sslider-04 .title-h2,
.passwagon-block-03 #sslider-05 .title-h2 {
  margin-bottom: 2.6vw;
}
@media (max-width: 1920px) {
  .passwagon-block-03 #sslider-04 .title-h2,
  .passwagon-block-03 #sslider-05 .title-h2 {
    margin-bottom: 48.75px;
  }
}
@media (max-width: 1150px) {
  .passwagon-block-03 #sslider-04 .title-h2,
  .passwagon-block-03 #sslider-05 .title-h2 {
    margin-bottom: 57.75px;
  }
}
@media (max-width: 850px) {
  .passwagon-block-03 #sslider-04 .title-h2,
  .passwagon-block-03 #sslider-05 .title-h2 {
    margin-bottom: 41.75px;
  }
}
@media (max-width: 480px) {
  .passwagon-block-03 #sslider-04 .title-h2,
  .passwagon-block-03 #sslider-05 .title-h2 {
    margin-bottom: 24.75px;
  }
}
@media (max-width: 1150px) {
  .passwagon-block-03 #sslider-04 .text-base34,
  .passwagon-block-03 #sslider-05 .text-base34 {
    font-size: 28px !important;
    line-height: 36px !important;
    margin-bottom: 50px;
  }
  .passwagon-block-03 #sslider-04 .text-base34 br,
  .passwagon-block-03 #sslider-05 .text-base34 br {
    display: none;
  }
}
@media (max-width: 850px) {
  .passwagon-block-03 #sslider-04 .text-base34,
  .passwagon-block-03 #sslider-05 .text-base34 {
    font-size: 24px !important;
    line-height: 32px !important;
    margin-bottom: 23px;
  }
}
@media (max-width: 480px) {
  .passwagon-block-03 #sslider-04 .text-base34,
  .passwagon-block-03 #sslider-05 .text-base34 {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}
.passwagon-block-03 #sslider-04 .list li,
.passwagon-block-03 #sslider-05 .list li {
  font-size: 1.092vw;
  line-height: 150%;
  margin-bottom: 0.45vw;
}
@media (max-width: 1920px) {
  .passwagon-block-03 #sslider-04 .list li,
  .passwagon-block-03 #sslider-05 .list li {
    font-size: 21px;
    line-height: 31px;
    margin-bottom: 8.6px;
  }
}
@media (max-width: 1150px) {
  .passwagon-block-03 #sslider-04 .list li,
  .passwagon-block-03 #sslider-05 .list li {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 9.9px;
  }
}
@media (max-width: 850px) {
  .passwagon-block-03 #sslider-04 .list li,
  .passwagon-block-03 #sslider-05 .list li {
    font-size: 16px;
    line-height: 22px;
  }
  .passwagon-block-03 #sslider-04 .list li:before,
  .passwagon-block-03 #sslider-05 .list li:before {
    top: 9px;
  }
}
.passwagon-block-03 .slide-s01 h2,
.passwagon-block-03 .slide-s01 p,
.passwagon-block-03 .slide-s01 span,
.passwagon-block-03 .slide-s01 li {
  color: #000;
}
@media (max-width: 1280px) {
  .passwagon-block-03 .slide-s01 .image {
    background-position: 0px 0px !important;
  }
}
@media (max-width: 1150px) {
  .passwagon-block-03 .slide-s01 .image {
    background-position: 40% 0 !important;
  }
}
.passwagon-block-03 .slide-s02 h2,
.passwagon-block-03 .slide-s02 p,
.passwagon-block-03 .slide-s02 span,
.passwagon-block-03 .slide-s02 li {
  color: #000;
}
@media (max-width: 480px) {
  .passwagon-block-03 .slide-s02 h2,
  .passwagon-block-03 .slide-s02 p,
  .passwagon-block-03 .slide-s02 span,
  .passwagon-block-03 .slide-s02 li {
    color: #000;
  }
}
.passwagon-block-03 .slide-s02 .text-base34 {
  margin-top: -0.5vw;
  margin-bottom: 3.7vw;
}
@media (max-width: 1920px) {
  .passwagon-block-03 .slide-s02 .text-base34 {
    margin-bottom: 48.75px;
    margin-top: -10px;
  }
}
@media (max-width: 1280px) {
  .passwagon-block-03 .slide-s02 .image {
    background-position: 0px 0px !important;
  }
}
.passwagon-block-03 .slide-s03 h2,
.passwagon-block-03 .slide-s03 p,
.passwagon-block-03 .slide-s03 span,
.passwagon-block-03 .slide-s03 li {
  color: #000;
}
.passwagon-block-03 .slide-s03 .text-base34 {
  line-height: 1.9vw !important;
  margin-bottom: 2.4vw;
}
@media (max-width: 1920px) {
  .passwagon-block-03 .slide-s03 .text-base34 {
    margin-bottom: 46px;
    line-height: 36.5px !important;
  }
}
@media (max-width: 1280px) {
  .passwagon-block-03 .slide-s03 .image {
    background-position: 80% 0px !important;
  }
}
.passwagon-block-03 .slide-s04 h2,
.passwagon-block-03 .slide-s04 p,
.passwagon-block-03 .slide-s04 span,
.passwagon-block-03 .slide-s04 li {
  color: #000;
}
@media (max-width: 480px) {
  .passwagon-block-03 .slide-s04 h2,
  .passwagon-block-03 .slide-s04 p,
  .passwagon-block-03 .slide-s04 span,
  .passwagon-block-03 .slide-s04 li {
    color: #000;
  }
}
.passwagon-block-03 .slide-s04 .text-base34 {
  margin-bottom: 4vw;
  line-height: 1.7vw !important;
}
@media (max-width: 1920px) {
  .passwagon-block-03 .slide-s04 .text-base34 {
    margin-bottom: 69px;
    line-height: 33px !important;
  }
}
@media (max-width: 1150px) {
  .passwagon-block-03 .slide-s04 .text-base34 {
    width: 88%;
  }
}
@media (max-width: 850px) {
  .passwagon-block-03 .slide-s04 .text-base34 {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .passwagon-block-03 .slide-s04 .text-base34 {
    width: 90%;
  }
}
@media (max-width: 1280px) {
  .passwagon-block-03 .slide-s04 .image {
    background-position: 45% 0px !important;
  }
}
@media (max-width: 1150px) {
  .passwagon-block-03 .slide-s04 .image {
    background-position: 77% 0 !important;
  }
}
.passwagon-block-03 .circle-flex {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 74.5%;
}
@media (max-width: 1280px) {
  .passwagon-block-03 .circle-flex {
    width: 77.5%;
  }
}
.passwagon-block-03 .circle-logo {
  background-color: #fff;
  border: none;
  margin: 0;
}
@media (max-width: 1280px) {
  .passwagon-block-03 .circle-logo {
    width: 22vw;
    height: 22vw;
    padding-top: 3vw;
  }
}
@media (max-width: 1280px) {
  .passwagon-block-03 .circle-logo img {
    height: 8vw;
    margin-bottom: 1vw !important;
  }
}
.passwagon-block-03 .circle-logo p {
  color: #000;
}
@media (max-width: 1280px) {
  .passwagon-block-03 .circle-logo p {
    font-size: 1.7vw !important;
    line-height: 2.3vw !important;
    top: -2vw !important;
  }
}
.product-detail-block .title-h1 {
  margin-bottom: 50px !important;
}
.product-detail-block .circles-block {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 50px 0 0 0;
}
.product-detail-block .circles-block .owl-dots {
  bottom: -30px !important;
}
.product-detail-block .circles-block .owl-dots button.owl-dot {
  border-radius: 100%;
  border: 1px solid #aeaeae;
}
.product-detail-block .circles-block .owl-dots button.owl-dot.active {
  border: none;
}
.product-detail-block .circles-block.count-5 .circle {
  padding: 18% 0 0;
  width: 18%;
}
@media (max-width: 1440px) {
  .product-detail-block .circles-block.count-5 .circle {
    padding: 20% 0 0;
    width: 20%;
  }
}
@media (max-width: 850px) {
  .product-detail-block .circles-block.count-5 .circle {
    padding: 48% 0 0;
    width: 48%;
  }
}
@media (max-width: 750px) {
  .product-detail-block .circles-block.count-5 .circle {
    padding: 95% 0 0;
    width: 95%;
  }
  .product-detail-block .circles-block.count-5 .circle p {
    font-size: 130%;
    top: 130px;
  }
}
.product-detail-block .circles-block .circle {
  border: 1.5px solid #aeaeae;
  border-radius: 50%;
  padding: 100% 0 0;
  position: relative;
}
.product-detail-block .circles-block .circle .c-icon {
  height: 60px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 30px;
  width: 60px;
}
.product-detail-block .circles-block .circle .c-icon img {
  max-width: 100%;
}
.product-detail-block .circles-block .circle p {
  box-sizing: border-box;
  left: 0;
  padding: 0 20px;
  position: absolute;
  text-align: center;
  top: 90px;
  width: 100%;
}
.product-table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 50px 0 0;
  width: 100%;
}
.product-table td {
  border: 3px solid #e8e8e8;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 32px;
}
.locomotive-page .passwagon-block-01 {
  padding-top: 3.1vw;
  padding-bottom: 0;
}
.header-navbar ul li.active a {
  color: #63cdf7;
}
@media (max-width: 480px) {
  .gruz-spec-page .top-slider-page {
    height: 300px;
  }
  .gruz-spec-page .top-slider-page img {
    right: -185px;
  }
}
@media (max-width: 1920px) {
  .gruz-spec-page .breadcrumbs {
    margin-bottom: 65px;
  }
}
@media (max-width: 480px) {
  .gruz-spec-page .breadcrumbs {
    margin-bottom: 47px;
  }
}
.gruz-spec-page .title-h1 {
  margin: 3vw 0 3vw 0;
}
@media (max-width: 1920px) {
  .gruz-spec-page .title-h1 {
    margin: 0 0 55px 0;
  }
}
@media (max-width: 480px) {
  .gruz-spec-page .title-h1 {
    margin: 0 0 30px 0;
  }
}
.gruz-spec-page .list li {
  padding-left: 0.9vw;
}
@media (max-width: 1920px) {
  .gruz-spec-page .list li {
    padding-left: 13px;
  }
}
@media (max-width: 480px) {
  .gruz-spec-page .list li {
    line-height: 150%;
    margin-bottom: 10px;
  }
}
.product-block-pr-01 {
  padding-bottom: 6.2vw;
}
@media (max-width: 1920px) {
  .product-block-pr-01 {
    padding-bottom: 118px;
  }
}
@media (max-width: 1150px) {
  .product-block-pr-01 {
    padding-bottom: 75px;
  }
}
@media (max-width: 480px) {
  .product-block-pr-01 {
    padding-bottom: 57px;
  }
}
@media (max-width: 1150px) {
  .product-block-pr-01 .title-h1 {
    margin-bottom: 33px;
  }
}
.product-block-pr-01 .text-big {
  margin-bottom: 3.7vw;
}
@media (max-width: 1920px) {
  .product-block-pr-01 .text-big {
    margin-bottom: 75px;
  }
}
@media (max-width: 1280px) {
  .product-block-pr-01 .text-big {
    font-size: 33px;
    line-height: 45px;
  }
}
@media (max-width: 1150px) {
  .product-block-pr-01 .text-big {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 50px;
  }
}
@media (max-width: 850px) {
  .product-block-pr-01 .text-big {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .product-block-pr-01 .text-big {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 45px;
  }
}
@media (max-width: 850px) {
  .product-block-pr-01 .flex-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.product-block-pr-01 .flex-box .box {
  width: calc(100% / 2 - 0.6vw);
}
@media (max-width: 850px) {
  .product-block-pr-01 .flex-box .box.box-l {
    width: 100%;
  }
}
@media (max-width: 680px) {
  .product-block-pr-01 .flex-box .box.box-l {
    width: 100%;
  }
}
@media (max-width: 850px) {
  .product-block-pr-01 .flex-box .box.box-r {
    margin-top: 10px;
    width: 48%;
  }
}
@media (max-width: 680px) {
  .product-block-pr-01 .flex-box .box.box-r {
    width: 100%;
    margin-top: 50px;
  }
}
@media (max-width: 480px) {
  .product-block-pr-01 .flex-box .box.box-r {
    width: 100%;
    margin-top: 35px;
  }
}
.product-block-pr-01 .num-block {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0.4vw;
}
@media (max-width: 1920px) {
  .product-block-pr-01 .num-block {
    margin-top: 4px;
    padding: 15px 0 15px 5px;
  }
}
@media (max-width: 480px) {
  .product-block-pr-01 .num-block {
    padding: 0;
  }
}
.product-block-pr-01 .num-block .numbers {
  width: 100%;
}
.product-block-pr-01 .num-block .numbers-text {
  width: 100%;
  top: -0.6vw;
}
@media (max-width: 1920px) {
  .product-block-pr-01 .num-block .numbers-text {
    top: -11px;
  }
}
@media (max-width: 850px) {
  .gruz-page .product-block-pr-01 .flex-box .box.box-l {
    width: 50%;
  }
}
@media (max-width: 680px) {
  .gruz-page .product-block-pr-01 .flex-box .box.box-l {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .gruz-spec-block-02 .owl-dots {
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.gruz-spec-block-02 .slider-box {
  height: 28.5vw !important;
}
@media (max-width: 1920px) {
  .gruz-spec-block-02 .slider-box {
    height: 543px !important;
  }
}
@media (max-width: 480px) {
  .gruz-spec-block-02 .slider-box {
    height: auto !important;
  }

  .gruz-spec-block-02-normal-height .slider-box {
    height: fit-content !important;
  }
}
.career-block-05.career-block-06.gruz-spec-block-02 .prod-block-new {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media (max-width: 680px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .prod-block-new {
    display: block;
  }
}
.career-block-05.career-block-06.gruz-spec-block-02 .prod-block-new_text {
  padding: 6.25vw 0 0 4.6875vw;
}
@media (max-width: 1680px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .prod-block-new_text {
    padding: 6.25vw 0 6.25vw 4.6875vw;
  }
}
.career-block-05.career-block-06.gruz-spec-block-02 .prod-block-new_text .title-h2 {
  padding-bottom: 3.125vw;
}
@media (max-width: 680px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .prod-block-new_text {
    padding: 20px 0 60px;
  }
  .career-block-05.career-block-06.gruz-spec-block-02 .prod-block-new_text .title-h2 {
    padding-bottom: 20px;
  }
}
.career-block-05.career-block-06.gruz-spec-block-02 .prod-block-new_img {
  position: relative;
  width: 50%;
}
@media (max-width: 680px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .prod-block-new_img {
    width: 100%;
  }
}
.career-block-05.career-block-06.gruz-spec-block-02 .prod-block-new_img img {
  display: block;
  position: relative;
  left: 100%;
  transform: translateX(-100%);
  width: 50vw;
}
@media (max-width: 1680px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .prod-block-new_img img {
    position: absolute;
    height: 100%;
    width: auto;
    transform: none;
    left: auto;
    right: 0;
  }
}
@media (max-width: 680px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .prod-block-new_img img {
    position: relative;
    left: 50%;
    right: auto;
    height: auto;
    transform: translateX(-50%);
    width: 124vw;
  }
}
.career-block-05.career-block-06.gruz-spec-block-02 .prod-block-new:before {
  content: '';
  z-index: -1;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 100vw;
  background: #f5f5f5;
}
.career-block-05.career-block-06.gruz-spec-block-02 .career-block-03.about-block-03 + .products-tabs-gruz-spec {
  padding-top: 0;
}
.career-block-05.career-block-06.gruz-spec-block-02 .owl-carousel button.owl-dot {
  background-color: #808080 !important;
}
.career-block-05.career-block-06.gruz-spec-block-02 .owl-carousel button.owl-dot.active {
  background-color: #63cdf7 !important;
}
.career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle {
  border: 2px solid rgba(174,174,174,0.5);
  padding-top: 2.1vw;
}
@media (max-width: 1920px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle {
    padding-top: 40px;
  }
}
@media (max-width: 1150px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle {
    padding-top: 30px;
  }
}
@media (max-width: 850px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle {
    padding-top: 22px;
  }
}
@media (max-width: 750px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle {
    width: 163px;
    height: 163px;
  }
}
@media (max-width: 480px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle {
    padding-top: 40px;
    width: 288px;
    height: 288px;
  }
}
@media (max-width: 1150px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle p {
    font-size: 1.75vw !important;
  }
}
@media (max-width: 850px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle p {
    width: 78%;
    line-height: 128%;
    font-size: 1.7vw !important;
  }
  .career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle p br {
    display: block;
  }
  .career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle p span {
    display: none;
  }
}
@media (max-width: 480px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle p {
    font-size: 22px !important;
    line-height: 30px !important;
  }
}
.career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle .c-icon {
  height: 4.3vw;
  margin-bottom: 1.5vw;
}
@media (max-width: 1920px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle .c-icon {
    height: 83px;
    margin-bottom: 31px;
  }
}
@media (max-width: 1150px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle .c-icon {
    height: 63.6px;
    margin-bottom: 25px;
  }
}
@media (max-width: 850px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle .c-icon {
    height: 48.1px;
    margin-bottom: 18.5px;
  }
}
@media (max-width: 480px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle .c-icon {
    height: 85px;
    margin-bottom: 26.8px;
  }
}
@media (max-width: 750px) {
  .career-block-05.career-block-06.gruz-spec-block-02 .circles-block .circle .c-icon img {
    margin: 0 auto;
  }
}
.slider-nav-container {
  position: absolute;
  top: -1vw;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto auto;
  z-index: 20;
  height: 1px;
}
@media (max-width: 1920px) {
  .slider-nav-container {
    top: -36px;
  }
}
@media (max-width: 1150px) {
  .slider-nav-container {
    top: 50%;
  }
}
.slider-nav-container .slider-custom-nav {
  position: static;
}
.slider-nav-container .slider-custom-nav .prev-btn {
  width: 0.9vw !important;
  height: 1.8vw !important;
  left: -4vw;
}
@media (max-width: 1920px) {
  .slider-nav-container .slider-custom-nav .prev-btn {
    left: -75px !important;
    width: 14.6px !important;
    height: 30px;
  }
}
@media (max-width: 850px) {
  .slider-nav-container .slider-custom-nav .prev-btn {
    left: -30px !important;
  }
}
.slider-nav-container .slider-custom-nav .next-btn {
  width: 0.9vw !important;
  height: 1.8vw !important;
  right: -4vw;
}
@media (max-width: 1920px) {
  .slider-nav-container .slider-custom-nav .next-btn {
    right: -75px !important;
    width: 14.6px !important;
    height: 30px;
  }
}
@media (max-width: 850px) {
  .slider-nav-container .slider-custom-nav .next-btn {
    right: -30px !important;
  }
}
.gruz-spec-slider .h-slide {
  padding: 9.6vw 0 0 0;
}
@media (max-width: 1920px) {
  .gruz-spec-slider .h-slide {
    padding: 180px 0 0 0;
  }
}
@media (max-width: 480px) {
  .gruz-spec-slider .h-slide {
    padding: 41px 16px 0 16px;
    background-color: #e8e8e8;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: auto;
  }
}
@media (max-width: 480px) {
  .gruz-spec-slider .list {
    margin-bottom: 40px;
  }
}
.gruz-spec-slider .list li {
  color: #fff;
}
@media (max-width: 480px) {
  .gruz-spec-slider .list li {
    color: #000;
  }
}
.gruz-spec-slider .image {
  background-position: center !important;
}
@media (max-width: 480px) {
  .gruz-spec-slider .image {
    height: 180px;
    width: auto;
    top: auto;
    bottom: 0;
    z-index: 5;
    position: static;
    -ms-flex-order: 1;
        order: 1;
  }
}
.products-tabs-gruz-spec {
  padding-top: 6.2vw;
}
@media (max-width: 1920px) {
  .products-tabs-gruz-spec {
    padding-top: 115px;
  }
}
@media (max-width: 1150px) {
  .products-tabs-gruz-spec {
    padding-top: 60px;
  }
}
@media (max-width: 480px) {
  .products-tabs-gruz-spec {
    padding-top: 47px;
  }
}
.products-tabs-gruz-spec .title-h2 {
  margin-bottom: 3vw;
}
@media (max-width: 1920px) {
  .products-tabs-gruz-spec .title-h2 {
    margin-bottom: 57px;
  }
}
@media (max-width: 480px) {
  .products-tabs-gruz-spec .title-h2 {
    margin-bottom: 35px;
  }
}
.products-tabs-gruz-spec .tab-item .item-pr {
  height: 11vw;
}
@media (max-width: 1920px) {
  .products-tabs-gruz-spec .tab-item .item-pr {
    height: 215px;
  }
}
@media (max-width: 1150px) {
  .products-tabs-gruz-spec .tab-item .item-pr {
    height: auto;
  }
}
.products-tabs-gruz-spec .tab-item .item-pr p {
  line-height: 125%;
}
@media (max-width: 480px) {
  .products-tabs-gruz-spec .tab-item .item-pr p {
    line-height: 150%;
  }
}
.products-tabs-gruz-spec .tab-item .col-pr .nav-item-slider {
  top: -158px;
}
@media (max-width: 480px) {
  .spec-page .product-block-pr-01 .box.box-r,
  .spec-page .flex-box .box.box-r {
    margin-top: 0;
  }
}
.category-page .title-h1 {
  margin-bottom: 0.5vw;
}
@media (max-width: 1920px) {
  .category-page .title-h1 {
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .category-page .title-h1 {
    margin-bottom: 28px;
  }
}
@media (max-width: 480px) {
  .category-page .top-block-image {
    height: 300px;
  }
}
@media (max-width: 1150px) {
  .category-page .top-block-image img {
    transform: translateX(-50%);
  }
}
@media (max-width: 850px) {
  .category-page .top-block-image img {
    transform: translateX(-35%);
  }
}
@media (max-width: 480px) {
  .category-page .breadcrumbs {
    margin-bottom: 42px;
  }
}
@media (max-width: 480px) {
  .category-page .breadcrumbs.wrap-crumbs .home {
    width: 44px;
  }
}
.pr-category-01 {
  padding-bottom: 5vw;
}
.pr-category-01 p,
.pr-category-01 ul {
  margin-bottom: 20px;
}
.pr-category-01 p:last-child,
.pr-category-01 ul:last-child {
  margin-bottom: 0;
}
@media (max-width: 1920px) {
  .pr-category-01 {
    padding-bottom: 96px;
  }
}
@media (max-width: 850px) {
  .pr-category-01 {
    padding-bottom: 50px;
  }
}
@media (max-width: 480px) {
  .pr-category-01 {
    padding-bottom: 40px;
  }
}
.pr-category-01 .text-big {
  margin-bottom: 3.3vw;
}
@media (max-width: 1920px) {
  .pr-category-01 .text-big {
    margin-bottom: 63px;
  }
}
@media (max-width: 850px) {
  .pr-category-01 .text-big {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .pr-category-01 .text-big {
    margin-bottom: 35px;
  }
  .pr-category-01 .text-big br {
    display: none;
  }
}
.pr-category-01 .flex-box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 680px) {
  .pr-category-01 .flex-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.pr-category-01 .flex-box .text-base30 {
  width: 100%;
}
@media (max-width: 850px) {
  .pr-category-01 .flex-box .text-base30 br {
    display: none;
  }
}
@media (max-width: 680px) {
  .pr-category-01 .flex-box .text-base30 {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .pr-category-01 .flex-box .text-base30 {
    margin-bottom: 40px;
  }
}
@media (max-width: 850px) {
  .pr-category-01 .flex-box .box {
    width: 49%;
  }
}
@media (max-width: 680px) {
  .pr-category-01 .flex-box .box {
    width: 100%;
  }
}
.pr-category-01 .flex-box .cyan-box {
  width: 18.1vw;
}
@media (max-width: 1920px) {
  .pr-category-01 .flex-box .cyan-box {
    width: 346.5px;
  }
}
@media (max-width: 480px) {
  .pr-category-01 .flex-box .cyan-box {
    width: 100%;
    height: 180px;
  }
}
.pr-category-01 .flex-box .cyan-box .top-level {
  margin-bottom: 0.8vw;
}
@media (max-width: 1920px) {
  .pr-category-01 .flex-box .cyan-box .top-level {
    margin-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .pr-category-01 .flex-box .cyan-box .top-level img {
    margin-right: 10.5px;
  }
  .pr-category-01 .flex-box .cyan-box .top-level span br {
    display: none;
  }
}
.pr-category-02 {
  padding-bottom: 5.2vw;
}
.pr-category-02 p,
.pr-category-02 ul {
  margin-bottom: 20px;
}
.pr-category-02 p:last-child,
.pr-category-02 ul:last-child {
  margin-bottom: 0;
}
@media (max-width: 1920px) {
  .pr-category-02 {
    padding-bottom: 100px;
  }
}
@media (max-width: 850px) {
  .pr-category-02 {
    padding-bottom: 50px;
  }
}
@media (max-width: 680px) {
  .pr-category-02 {
    padding-bottom: 20px;
  }
}
.pr-category-02 .custom-container {
  overflow: hidden;
}
@media (max-width: 480px) {
  .pr-category-02 .custom-container {
    overflow: visible;
  }
}
.pr-category-02 .flex-box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 5.2vw;
}
@media (max-width: 680px) {
  .pr-category-02 .flex-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.pr-category-02 .flex-box .num-block {
  width: calc(100% / 3 - 1.5vw);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1.1vw 0 0.5vw 0;
  margin-bottom: 0;
}
@media (max-width: 680px) {
  .pr-category-02 .flex-box .num-block {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .pr-category-02 .flex-box .num-block {
    padding: 24px 0 10px 0;
    margin-bottom: 44px;
  }
}
.pr-category-02 .flex-box .num-block.wide {
  width: calc(100% / 2 - 1.5vw);
}
.pr-category-02 .flex-box .num-block .numbers {
  width: 100%;
  font-size: 4.9vw;
  line-height: 4.4vw;
}
.pr-category-02 .flex-box .num-block .numbers.two-str {
  font-size: 2.5vw;
  line-height: 2.2vw;
}
@media (max-width: 1280px) {
  .pr-category-02 .flex-box .num-block .numbers {
    font-size: 6vw;
    line-height: 100%;
  }
  .pr-category-02 .flex-box .num-block .numbers.two-str {
    font-size: 3vw;
  }
}
@media (max-width: 850px) {
  .pr-category-02 .flex-box .num-block .numbers {
    font-size: 7vw;
  }
  .pr-category-02 .flex-box .num-block .numbers.two-str {
    font-size: 3.5vw;
  }
}
@media (max-width: 680px) {
  .pr-category-02 .flex-box .num-block .numbers {
    font-size: 70px;
    line-height: 85px;
  }
  .pr-category-02 .flex-box .num-block .numbers.two-str {
    font-size: 35px;
    line-height: 42px;
  }
}
.pr-category-02 .flex-box .num-block .numbers-text {
  width: 100%;
  font-size: 1.09vw;
}
.pr-category-02 .flex-box .num-block .numbers-text.long {
  font-size: 0.9vw;
  line-height: 20px;
}
@media (max-width: 1280px) {
  .pr-category-02 .flex-box .num-block .numbers-text {
    font-size: 1.6vw;
    line-height: 130%;
  }
  .pr-category-02 .flex-box .num-block .numbers-text.long {
    font-size: 1.4vw;
    line-height: 110%;
  }
}
@media (max-width: 850px) {
  .pr-category-02 .flex-box .num-block .numbers-text {
    font-size: 1.9vw;
  }
  .pr-category-02 .flex-box .num-block .numbers-text.long {
    font-size: 1.7vw;
  }
}
@media (max-width: 680px) {
  .pr-category-02 .flex-box .num-block .numbers-text {
    font-size: 24px;
    line-height: 36px;
  }
  .pr-category-02 .flex-box .num-block .numbers-text.long {
    font-size: 18px;
    line-height: 18px;
  }
}
@media (max-width: 480px) {
  .pr-category-02 .flex-box .num-block .numbers-text {
    font-size: 16px;
    line-height: 130%;
  }
  .pr-category-02 .flex-box .num-block .numbers-text.long {
    font-size: 14px;
    line-height: 100%;
  }
}
.category-3d-slider {
  height: 29vw;
  transition: opacity 0.6s ease;
  width: 143%;
  position: relative;
  left: -48%;
  overflow: visible;
  margin-bottom: 5.2vw;
}
@media (max-width: 1920px) {
  .category-3d-slider {
    height: 556px;
  }
}
@media (max-width: 1280px) {
  .category-3d-slider {
    height: 43vw;
  }
}
@media (max-width: 1150px) {
  .category-3d-slider {
    height: 40vw;
  }
}
@media (max-width: 850px) {
  .category-3d-slider {
    width: 100%;
    left: 0;
    height: auto;
  }
}
@media (max-width: 480px) {
  .category-3d-slider {
    width: calc(100% + 32px);
    left: -16px;
    margin-bottom: 66px;
  }
}
.category-3d-slider .slider-custom-nav {
  right: -3.2vw;
  left: auto;
  width: 6vw;
  bottom: 2vw;
  top: auto;
  z-index: 55;
}
@media (max-width: 1920px) {
  .category-3d-slider .slider-custom-nav {
    width: 115px;
    bottom: 36px;
  }
}
@media (max-width: 850px) {
  .category-3d-slider .slider-custom-nav {
    right: 0;
    left: 0;
    width: 90%;
    margin: auto auto;
    bottom: 0;
    top: 0;
  }
}
@media (max-width: 480px) {
  .category-3d-slider .slider-custom-nav {
    width: 92%;
    bottom: 47px;
  }
}
.category-3d-slider .slider-custom-nav .prev-btn {
  left: 0;
}
.category-3d-slider .slider-custom-nav .next-btn {
  right: 0;
}
.category-3d-slider .swiper-slide {
  opacity: 1;
}
.category-3d-slider .swiper-slide .overlay-slide {
  background-color: rgba(255,255,255,0);
  position: absolute;
  width: 200%;
  height: 100%;
  z-index: 99;
}
@media (max-width: 850px) {
  .category-3d-slider .swiper-slide .overlay-slide {
    display: none;
  }
}
.category-3d-slider .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.category-3d-slider .swiper-slide.swiper-slide-active .overlay-slide {
  background-color: rgba(255,255,255,0);
}
@media (max-width: 850px) {
  .category-3d-slider .swiper-slide.swiper-slide-active .overlay-slide {
    display: none;
  }
}
.category-3d-slider .swiper-slide.swiper-slide-active img {
  box-shadow: none;
  opacity: 1;
}
.category-3d-slider .swiper-slide img {
  height: 100%;
  width: auto;
  box-shadow: 20px 34px 34px rgba(0,0,0,0.25);
  opacity: 0.5;
}
@media (max-width: 850px) {
  .category-3d-slider .swiper-slide img {
    width: 100%;
    height: auto;
    box-shadow: none;
  }
}
.pr-category-03 {
  padding-bottom: 6vw;
}
@media (max-width: 1920px) {
  .pr-category-03 {
    padding-bottom: 110px;
  }
}
@media (max-width: 1150px) {
  .pr-category-03 {
    padding-bottom: 80px;
  }
}
@media (max-width: 850px) {
  .pr-category-03 {
    padding-bottom: 40px;
  }
}
@media (max-width: 680px) {
  .pr-category-03 {
    padding-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .pr-category-03 {
    padding-bottom: 52px;
  }
}
@media (max-width: 850px) {
  .pr-category-03 .list li:before {
    top: 12px;
  }
}
.pr-category-03 .custom-container {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
@media (max-width: 850px) {
  .pr-category-03 .custom-container {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
@media (max-width: 680px) {
  .pr-category-03 .custom-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 680px) {
  .pr-category-03 .box {
    width: 100%;
    margin-right: 0 !important;
  }
}
.pr-category-03 .box.box-l {
  margin-right: 7.65vw;
}
@media (max-width: 1150px) {
  .pr-category-03 .box.box-l {
    width: 273px;
  }
}
@media (max-width: 850px) {
  .pr-category-03 .box.box-l {
    margin-right: 30px;
    width: 273px;
  }
}
@media (max-width: 680px) {
  .pr-category-03 .box.box-l {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .pr-category-03 .box.box-l {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 1150px) {
  .pr-category-03 .box.box-r {
    width: 70%;
  }
}
@media (max-width: 850px) {
  .pr-category-03 .box.box-r {
    width: 54%;
  }
}
@media (max-width: 680px) {
  .pr-category-03 .box.box-r {
    width: 100%;
  }
}
.pr-category-03 .cyan-box {
  width: 14.23vw;
  margin-bottom: 4vw;
}
@media (max-width: 1920px) {
  .pr-category-03 .cyan-box {
    width: 273px;
    margin-bottom: 77px;
  }
}
@media (max-width: 680px) {
  .pr-category-03 .cyan-box {
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .pr-category-03 .cyan-box {
    width: 100%;
    height: 180px;
    margin-bottom: 30px;
  }
}
.pr-category-03 .list li {
  font-size: 0.93vw;
  margin-bottom: 1.2vw;
}
@media (max-width: 1920px) {
  .pr-category-03 .list li {
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 23px;
  }
}
@media (max-width: 480px) {
  .pr-category-03 .list li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
  }
}
.pdf-b {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 680px) {
  .pdf-b {
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .pdf-b {
    margin-left: 10px;
  }
}
.pdf-b img {
  margin-right: 1.1vw;
  height: 4vw;
}
@media (max-width: 1920px) {
  .pdf-b img {
    height: 77.7px;
    margin-right: 21.7px;
  }
}
@media (max-width: 480px) {
  .pdf-b img {
    height: 55px;
    margin-right: 14px;
  }
}
.pdf-b span {
  font-size: 0.8vw;
  line-height: 1.3vw;
  color: #000;
  position: relative;
}
@media (max-width: 1920px) {
  .pdf-b span {
    font-size: 16.2px;
    line-height: 150%;
  }
}
@media (max-width: 480px) {
  .pdf-b span {
    font-size: 14px;
    top: 0;
  }
  .pdf-b span br:last-child {
    display: none;
  }
}
.bottom-image-page img {
  max-width: 100%;
  object-fit: cover;
  height: 29.2vw;
}
@media (max-width: 1920px) {
  .bottom-image-page img {
    height: 558.8px;
  }
}
@media (max-width: 1150px) {
  .bottom-image-page img {
    height: 450px;
  }
}
@media (max-width: 850px) {
  .bottom-image-page img {
    height: 300px;
  }
}
@media (max-width: 480px) {
  .bottom-image-page img {
    height: 180px;
  }
}
.engines-page .breadcrumbs {
  margin-bottom: 4.1vw;
}
@media (max-width: 1150px) {
  .engines-page .breadcrumbs {
    margin-bottom: 47px;
  }
}
@media (max-width: 480px) {
  .engines-page .breadcrumbs {
    margin-bottom: 37px;
  }
}
@media (max-width: 1150px) {
  .engines-page .top-block-image {
    margin-bottom: 60px;
  }
}
@media (max-width: 850px) {
  .engines-page .top-block-image .title-h1 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 23px;
  }
  .engines-page .top-block-image .text-big {
    width: 90%;
  }
  .engines-page .top-block-image .text-big br {
    display: none;
  }
}
@media (max-width: 480px) {
  .engines-page .top-block-image {
    margin-bottom: 37px;
  }
  .engines-page .top-block-image .title-h1 {
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 40.5px;
  }
  .engines-page .top-block-image .text-big {
    font-size: 20px;
    line-height: 24px;
    width: 87%;
  }
}
.engines-page .title-h1 {
  margin-bottom: 2.5vw;
}
@media (max-width: 1920px) {
  .engines-page .title-h1 {
    margin-bottom: 51px;
  }
}
@media (max-width: 480px) {
  .engines-page .title-h1 {
    margin-bottom: 23px;
  }
}
.engines-block-01 {
  padding-bottom: 6vw;
}
@media (max-width: 1150px) {
  .engines-block-01 {
    padding-bottom: 91px;
  }
}
@media (max-width: 850px) {
  .engines-block-01 {
    padding-bottom: 60px;
  }
}
@media (max-width: 480px) {
  .engines-block-01 {
    padding-bottom: 56px;
  }
}
.engines-block-01 .text-base30 {
  margin-bottom: 4vw;
}
@media (max-width: 1280px) {
  .engines-block-01 .text-base30 {
    width: 88%;
  }
  .engines-block-01 .text-base30 br {
    display: none;
  }
}
@media (max-width: 1150px) {
  .engines-block-01 .text-base30 {
    font-size: 24px !important;
    line-height: 32px !important;
    width: 94%;
    margin-bottom: 47px;
  }
}
@media (max-width: 850px) {
  .engines-block-01 .text-base30 {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}
@media (max-width: 480px) {
  .engines-block-01 .text-base30 {
    font-size: 16px !important;
    line-height: 24px !important;
    width: 100%;
    margin-bottom: 26px;
  }
}
.engines-block-01 .flex-box .box-b {
  height: 13.15vw;
  padding: 1.3vw 0 0 1.2vw;
}
@media (max-width: 1920px) {
  .engines-block-01 .flex-box .box-b {
    height: 252.5px;
    padding: 20px 0 0 20px;
  }
}
@media (max-width: 1150px) {
  .engines-block-01 .flex-box .box-b {
    height: 190.5px;
  }
}
@media (max-width: 850px) {
  .engines-block-01 .flex-box .box-b {
    height: 140.5px;
    padding: 15px 0 0 16px;
  }
}
@media (max-width: 480px) {
  .engines-block-01 .flex-box .box-b {
    height: 175.5px;
    padding: 30px 0 0 27px;
  }
}
.engines-block-01 .flex-box .box-b.b-01 {
  background: url("/img/12-products_diesel_engines/zd-transport.jpg?3") 0 0 no-repeat;
}
.engines-block-01 .flex-box .box-b.b-02 {
  background: url("/img/12-products_diesel_engines/energya.jpeg?3") 0 0 no-repeat;
}
.engines-block-01 .flex-box .box-b.b-03 {
  background: url("/img/12-products_diesel_engines/world-of-warships.png?3") 0 0 no-repeat;
}
.scheme-box svg {
  width: 100%;
  height: 33vw;
}
@media (max-width: 1920px) {
  .scheme-box svg {
    max-height: 633px;
    height: 100%;
  }
}
@media (max-width: 1150px) {
  .scheme-box svg {
    max-height: 473px;
  }
}
@media (max-width: 850px) {
  .scheme-box svg {
    height: 352px;
    width: 690px;
  }
}
.engines-block-02 {
  padding-bottom: 7.55vw;
}
@media (max-width: 1150px) {
  .engines-block-02 {
    padding-bottom: 90px;
  }
}
@media (max-width: 850px) {
  .engines-block-02 {
    padding-bottom: 61px;
  }
}
@media (max-width: 480px) {
  .engines-block-02 {
    padding-bottom: 91px;
  }
}
@media (max-width: 850px) {
  .engines-block-02 .scheme-box {
    overflow: scroll;
  }
}
.engines-block-02 .title-h2 {
  margin-bottom: 3vw;
}
@media (max-width: 1150px) {
  .engines-block-02 .title-h2 {
    margin-bottom: 57px;
  }
}
@media (max-width: 850px) {
  .engines-block-02 .title-h2 {
    margin-bottom: 39px;
  }
}
@media (max-width: 480px) {
  .engines-block-02 .title-h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 31px;
  }
}
.engines-slider {
  height: 35vw;
}
@media (max-width: 1280px) {
  .engines-slider {
    height: 45vw;
  }
}
@media (max-width: 1150px) {
  .engines-slider {
    height: 602px;
  }
}
@media (max-width: 850px) {
  .engines-slider {
    height: 444px;
  }
}
@media (max-width: 680px) {
  .engines-slider {
    height: 485px;
  }
}
.engines-slider .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.engines-slider .swiper-slide {
  position: relative;
  height: 100%;
}
.engines-slider .swiper-slide .title-h2 {
  margin-bottom: 2.97vw;
}
@media (max-width: 1150px) {
  .engines-slider .swiper-slide .title-h2 {
    margin-bottom: 42px;
    font-weight: 400;
  }
}
@media (max-width: 850px) {
  .engines-slider .swiper-slide .title-h2 {
    margin-bottom: 34px;
  }
}
@media (max-width: 480px) {
  .engines-slider .swiper-slide .title-h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 23px;
  }
}
.engines-slider .swiper-slide .text-base34 {
  margin-bottom: 4.5vw;
}
@media (max-width: 1150px) {
  .engines-slider .swiper-slide .text-base34 {
    font-size: 24px !important;
    line-height: 32px !important;
    margin-bottom: 80px;
  }
  .engines-slider .swiper-slide .text-base34 br {
    display: none;
  }
}
@media (max-width: 850px) {
  .engines-slider .swiper-slide .text-base34 {
    font-size: 20px !important;
    line-height: 28px !important;
    margin-bottom: 60px;
  }
}
@media (max-width: 680px) {
  .engines-slider .swiper-slide .text-base34 {
    font-size: 16px !important;
    line-height: 24px !important;
    margin-bottom: 28px;
  }
}
.engines-slider .swiper-slide >* {
  color: #fff;
}
.engines-slider .swiper-slide p {
  color: #fff;
}
.engines-slider .swiper-slide.sl-01a .bg {
  background: url("/img/12-products_diesel_engines/scale.jpg") 0 0 no-repeat;
  background-size: cover;
}
.engines-slider .swiper-slide.sl-02a .bg {
  background: url("/img/12-products_diesel_engines/Advantages.jpg") 0 0 no-repeat;
  background-size: cover;
}
.engines-slider .swiper-slide.sl-02a .list li {
  font-size: 1.3vw;
  line-height: 1.6vw;
  margin-bottom: 0.8vw;
}
@media (max-width: 1280px) {
  .engines-slider .swiper-slide.sl-02a .list li {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 850px) {
  .engines-slider .swiper-slide.sl-02a .list li:before {
    top: 11px;
  }
}
.engines-slider .swiper-slide.sl-02a .title-h2 {
  margin-bottom: 3.3vw;
}
.engines-slider .custom-container {
  padding-top: 4.6vw;
  box-sizing: border-box;
  height: 100%;
}
@media (max-width: 1150px) {
  .engines-slider .custom-container {
    padding-top: 60px;
  }
}
@media (max-width: 850px) {
  .engines-slider .custom-container {
    padding-top: 50px;
  }
}
@media (max-width: 480px) {
  .engines-slider .custom-container {
    padding-top: 43px;
  }
}
.engines-slider .flex-box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 680px) {
  .engines-slider .flex-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.engines-slider .flex-box .line {
  width: 2px;
  height: 9.2vw;
  background-color: #fff;
  position: relative;
  top: 0.4vw;
}
@media (max-width: 1280px) {
  .engines-slider .flex-box .line {
    height: 12.2vw;
  }
}
@media (max-width: 1150px) {
  .engines-slider .flex-box .line {
    width: 1px;
    height: 14.2vw;
  }
}
@media (max-width: 680px) {
  .engines-slider .flex-box .line {
    display: none;
  }
}
.engines-slider .flex-box .line.line-1 {
  left: 2vw;
}
@media (max-width: 1150px) {
  .engines-slider .flex-box .line.line-1 {
    left: 5vw;
  }
}
@media (max-width: 1150px) {
  .engines-slider .flex-box .line.line-2 {
    left: 3vw;
  }
}
.engines-slider .flex-box .box {
  width: calc(100% / 3 - 2px);
  box-sizing: border-box;
}
@media (max-width: 680px) {
  .engines-slider .flex-box .box {
    width: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 !important;
    margin-bottom: 10px;
  }
}
.engines-slider .flex-box .box .num {
  font-size: 6.9vw;
  font-weight: 300;
  line-height: 100%;
}
@media (max-width: 1280px) {
  .engines-slider .flex-box .box .num {
    font-size: 8.9vw;
  }
}
@media (max-width: 1150px) {
  .engines-slider .flex-box .box .num {
    font-size: 10vw;
  }
}
@media (max-width: 680px) {
  .engines-slider .flex-box .box .num {
    font-size: 48px;
    line-height: 120%;
    width: 91px;
    text-align: right;
    margin-right: 20px;
  }
}
.engines-slider .flex-box .box .text {
  font-size: 1.48vw;
  line-height: 120%;
}
@media (max-width: 1280px) {
  .engines-slider .flex-box .box .text {
    font-size: 1.88vw;
  }
}
@media (max-width: 1150px) {
  .engines-slider .flex-box .box .text {
    font-size: 2.17vw;
  }
}
@media (max-width: 680px) {
  .engines-slider .flex-box .box .text {
    font-size: 14px;
    line-height: 18px;
    width: 154px;
  }
}
.engines-slider .flex-box .box.bx-2 {
  padding-left: 5.2vw;
}
@media (max-width: 1150px) {
  .engines-slider .flex-box .box.bx-2 {
    padding-left: 9.2vw;
  }
}
.engines-slider .flex-box .box.bx-2 .num {
  color: #63cdf7;
}
.engines-slider .flex-box .box.bx-3 {
  padding-left: 3.2vw;
}
@media (max-width: 1150px) {
  .engines-slider .flex-box .box.bx-3 {
    padding-left: 7.2vw;
  }
}
@media (max-width: 480px) {
  .pr-services-page .top-block-image.top-block-inner-text img {
    left: -102%;
  }
}
@media (max-width: 480px) {
  .pr-services-page .breadcrumbs {
    margin-bottom: 55px;
  }
}
.pr-services-page .title-h1 {
  margin-bottom: 2.5vw;
}
@media (max-width: 1920px) {
  .pr-services-page .title-h1 {
    margin-bottom: 51px;
  }
}
@media (max-width: 480px) {
  .pr-services-page .title-h1 {
    margin-bottom: 23px;
  }
}
.pr-services-block-01 {
  padding-bottom: 2vw;
}
@media (max-width: 1920px) {
  .pr-services-block-01 {
    padding-bottom: 34px;
  }
}
@media (max-width: 480px) {
  .pr-services-block-01 {
    padding-bottom: 53px;
  }
}
.pr-services-block-01 .text28 {
  margin-bottom: 3.5vw;
}
@media (max-width: 1920px) {
  .pr-services-block-01 .text28 {
    margin-bottom: 67px;
  }
}
@media (max-width: 1150px) {
  .pr-services-block-01 .text28 br {
    display: none;
  }
}
@media (max-width: 480px) {
  .pr-services-block-01 .text28 {
    width: 95%;
    margin-bottom: 32px;
  }
}
.pr-services-block-01 .flex-box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 680px) {
  .pr-services-block-01 .flex-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 680px) {
  .pr-services-block-01 .flex-box .num-block {
    width: 100% !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 15px;
    margin-bottom: 44px;
  }
}
@media (max-width: 680px) {
  .pr-services-block-01 .flex-box .num-block .numbers {
    width: 100% !important;
    font-size: 70px;
    line-height: 85px;
  }
}
.pr-services-block-01 .flex-box .n-block-01 {
  width: 31.9%;
}
.pr-services-block-01 .flex-box .n-block-01 .numbers {
  margin-right: 1vw;
/*+desktop-large-max(desktop-large)
          margin-right 21px*/
}
.pr-services-block-01 .flex-box .n-block-02 {
  width: 21%;
}
.pr-services-block-01 .flex-box .n-block-02 .numbers {
  margin-right: 1vw;
/*+desktop-large-max(desktop-large)
          margin-right 21px*/
}
@media (max-width: 680px) {
  .pr-services-block-01 .flex-box .n-block-02 .numbers-text br {
    display: none;
  }
}
.pr-services-block-01 .flex-box .n-block-03 {
  width: 32.5%;
}
@media (max-width: 680px) {
  .pr-services-block-01 .flex-box .n-block-03 {
    margin-bottom: 0;
  }
}
.pr-services-block-01 .flex-box .n-block-03 .numbers {
  margin-right: 1.2vw;
/*+desktop-large-max(desktop-large)
          margin-right 25.5px*/
}
@media (max-width: 680px) {
  .pr-services-block-01 .flex-box .n-block-03 .numbers-text br {
    display: none;
  }
}
.geo-map-block-services {
  padding-top: 0;
  overflow: hidden;
  height: auto !important;
}
@media (max-width: 1920px) {
  .geo-map-block-services {
    height: 843px;
    padding-bottom: 0;
  }
}
@media (max-width: 1280px) {
  .geo-map-block-services {
    height: 700px;
    margin-bottom: 50px;
  }
}
@media (max-width: 480px) {
  .geo-map-block-services {
    height: auto;
    padding-bottom: 80px;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .geo-map-block-services .title-box {
    height: 135px;
  }
}
@media (max-width: 480px) {
  .geo-map-block-services .title-h2 {
    margin-bottom: 18px;
  }
}
.geo-map-block-services .map-text {
  font-size: 1.095vw;
}
@media (max-width: 1920px) {
  .geo-map-block-services .map-text {
    font-size: 21px;
    line-height: 30px;
  }
}
@media (max-width: 480px) {
  .geo-map-block-services .map-text {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 133%;
    width: 99%;
  }
}
.geo-map-block-services .custom-container {
  z-index: 2;
  position: relative;
}
.geo-map-block-services .map-wrapper {
  position: relative;
  height: 35vw !important;
  max-height: 35vw !important;
  top: -7.3vw;
}
@media (max-width: 1920px) {
  .geo-map-block-services .map-wrapper {
    height: 900px !important;
    max-height: 900px !important;
    top: -75px;
  }
}
@media (max-width: 1280px) {
  .geo-map-block-services .map-wrapper {
    top: -75px;
    max-height: 670px !important;
    height: 670px !important;
  }
}
@media (max-width: 850px) {
  .geo-map-block-services .map-wrapper {
    max-height: 650px !important;
    height: 650px !important;
  }
}
@media (max-width: 850px) {
  .geo-map-block-services .map-wrapper {
    overflow: auto;
  }
}
@media (max-width: 480px) {
  .geo-map-block-services .map-wrapper {
    display: none;
  }
}
.geo-map-block-services .map-container {
  position: relative;
  overflow: visible;
  height: 49.8vw !important;
  width: 92.3vw;
  top: 0;
  transition: all ease 0.5s;
}
@media (max-width: 1920px) {
  .geo-map-block-services .map-container {
    width: 1766.3px !important;
    height: 956.1px !important;
  }
}
@media (max-width: 1280px) {
  .geo-map-block-services .map-container {
    width: 1500px !important;
  }
}
@media (max-width: 850px) {
  .geo-map-block-services .map-container {
    height: 750px !important;
  }
}
.geo-map-block-services .map-container:hover .map-overlay {
  opacity: 0 !important;
  visibility: hidden !important;
}
.geo-map-block-services .map-control {
  top: 18.5vw;
  bottom: auto;
}
@media (max-width: 1280px) {
  .geo-map-block-services .map-control {
    width: 70%;
    top: 22.5vw;
  }
}
@media (max-width: 1150px) {
  .geo-map-block-services .map-control {
    top: 30vw;
    width: 80%;
  }
}
@media (max-width: 850px) {
  .geo-map-block-services .map-control {
    display: none;
  }
}
.geo-map-block-services .move-map-icon {
  display: none;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 140px;
}
@media (max-width: 850px) {
  .geo-map-block-services .move-map-icon {
    display: block;
  }
}
@media (max-width: 480px) {
  .geo-map-block-services .move-map-icon {
    display: none;
  }
}
#geo-map-services {
  width: 100%;
  height: auto;
}
@media (max-width: 1150px) {
  #geo-map-services {
    height: 690px;
  }
}
#geo-map-services .marker-svg-group {
  cursor: pointer;
}
#geo-map-services .hint-svg-serv {
  display: none;
}
#geo-map-services .region-hover {
  opacity: 0;
  transition: all ease 0.5s;
}
#geo-map-services .hover-elems {
  opacity: 0;
  transition: all ease 0.5s;
}
#geo-map-services circle {
  transition: all ease 0.5s;
}
#geo-map-services .region-blue circle {
  fill: #67cdfd;
}
#geo-map-services .region-blue .circle-orange circle {
  fill: #ec7c32;
}
#geo-map-services .region-svg-group {
  transition: all ease 0.5s;
}
#geo-map-services .region-svg-group.hovered .region-hover {
  opacity: 1;
}
#geo-map-services .region-svg-group .marker-svg-group-hover .hover-elems {
  opacity: 1;
}
#geo-map-services .region-svg-group .marker-svg-group-hover circle {
  fill: #fff;
}
.pr-services-block-03 {
  position: relative;
  height: 29.95vw;
  background-color: #e8e8e8;
}
@media (max-width: 1920px) {
  .pr-services-block-03 {
    height: 575.3px;
  }
}
@media (max-width: 1150px) {
  .pr-services-block-03 {
    height: 460px;
  }
}
@media (max-width: 850px) {
  .pr-services-block-03 {
    height: 400px;
  }
}
@media (max-width: 480px) {
  .pr-services-block-03 {
    height: auto;
    padding-bottom: 60px;
  }
}
.pr-services-block-03 .bg {
  background: url("/img/13-products_service/Expertise.png") 0 0 no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  right: -44.5%;
  top: 0;
  background-size: contain;
}
@media (max-width: 1150px) {
  .pr-services-block-03 .bg {
    background-size: cover;
  }
}
@media (max-width: 480px) {
  .pr-services-block-03 .bg {
    position: relative;
    left: 0;
    right: auto;
    height: 274px;
    background-size: cover;
    background-position: center;
  }
}
.pr-services-block-03 .title-h2 {
  margin-bottom: 2.4vw;
}
@media (max-width: 850px) {
  .pr-services-block-03 .title-h2 {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .pr-services-block-03 .title-h2 {
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .pr-services-block-03 .text28 {
    width: 98%;
  }
}
.pr-services-block-03 .custom-container {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  padding-top: 6.4vw;
}
@media (max-width: 1920px) {
  .pr-services-block-03 .custom-container {
    padding-top: 123px;
  }
}
@media (max-width: 1150px) {
  .pr-services-block-03 .custom-container {
    padding-top: 90px;
  }
}
@media (max-width: 850px) {
  .pr-services-block-03 .custom-container {
    padding-top: 60px;
  }
}
@media (max-width: 480px) {
  .pr-services-block-03 .custom-container {
    padding-top: 20px;
  }
}
.pr-services-block-04 {
  padding: 5vw 0;
}
@media (max-width: 1920px) {
  .pr-services-block-04 {
    padding: 96px 0;
  }
}
@media (max-width: 480px) {
  .pr-services-block-04 {
    padding: 61px 0;
  }
}
.pr-services-block-04 .text40 {
  margin-bottom: 3.6vw;
}
@media (max-width: 1920px) {
  .pr-services-block-04 .text40 {
    margin-bottom: 70px;
  }
}
@media (max-width: 1150px) {
  .pr-services-block-04 .text40 br {
    display: none;
  }
}
@media (max-width: 480px) {
  .pr-services-block-04 .text40 {
    margin-bottom: 31px;
  }
  .pr-services-block-04 .text40 br {
    display: none;
  }
}
.pr-services-block-04 .flex-box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 3.9vw;
}
@media (max-width: 680px) {
  .pr-services-block-04 .flex-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
  }
}
.pr-services-block-04 .flex-box .num-block {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: auto;
  -ms-flex-align: baseline;
      align-items: baseline;
  padding-bottom: 1.5vw;
  margin-bottom: 0;
}
@media (max-width: 1920px) {
  .pr-services-block-04 .flex-box .num-block {
    padding-bottom: 24px;
  }
}
@media (max-width: 680px) {
  .pr-services-block-04 .flex-box .num-block {
    width: 100% !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 0 22px 0;
    margin-bottom: 45px;
  }
}
.pr-services-block-04 .flex-box .num-block .numbers {
  width: 100%;
  line-height: 6.7vw;
}
@media (max-width: 1920px) {
  .pr-services-block-04 .flex-box .num-block .numbers {
    line-height: 135px;
  }
}
@media (max-width: 1150px) {
  .pr-services-block-04 .flex-box .num-block .numbers {
    line-height: 85px;
  }
}
@media (max-width: 680px) {
  .pr-services-block-04 .flex-box .num-block .numbers {
    width: 100%;
    font-size: 70px;
    line-height: 85px;
  }
}
.pr-services-block-04 .flex-box .num-block .numbers-text {
  width: 100%;
}
.pr-services-block-04 .flex-box .n-block-01 {
  width: 32.7%;
}
.pr-services-block-04 .flex-box .n-block-01 .numbers {
  margin-right: 0;
}
.pr-services-block-04 .flex-box .n-block-02 {
  width: 30%;
}
.pr-services-block-04 .flex-box .n-block-02 .numbers {
  margin-right: 0;
}
.pr-services-block-04 .flex-box .n-block-03 {
  width: 28%;
}
.pr-services-block-04 .flex-box .n-block-03 .numbers {
  margin-right: 0;
}
.pr-services-block-05 {
  background-color: #e8e8e8;
  margin-bottom: 5vw;
}
@media (max-width: 1920px) {
  .pr-services-block-05 {
    margin-bottom: 98px;
  }
}
@media (max-width: 1150px) {
  .pr-services-block-05 {
    margin-bottom: 60px;
    overflow: hidden;
  }
}
@media (max-width: 680px) {
  .pr-services-block-05 {
    margin-top: 8px;
    margin-bottom: 60px;
  }
}
.pr-services-block-05 .custom-container {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1150px) {
  .pr-services-block-05 .custom-container {
    overflow: hidden;
  }
}
@media (max-width: 850px) {
  .pr-services-block-05 .custom-container {
    width: 100%;
  }
}
.pr-services-block-05 .list li {
  font-size: 1.08vw;
  line-height: 1.3vw;
}
@media (max-width: 1920px) {
  .pr-services-block-05 .list li {
    font-size: 21px;
    line-height: 26px;
    margin-bottom: 23px;
  }
}
@media (max-width: 480px) {
  .pr-services-block-05 .list li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
  }
}
.pr-services-block-05 .list li a {
  color: #fff;
}
.pr-services-block-05 .list li a:hover {
  color: #63cdf7;
}
[slider="map"] .map-help {
  left: 0;
  bottom: 3vw;
  z-index: 3;
}
.geo-map-block-first {
  position: relative;
  z-index: 3;
}
.page-404 {
  height: 28vw;
  position: relative;
  padding: 8.3vw 0 10vw 0;
  box-sizing: border-box;
}
@media (max-width: 1920px) {
  .page-404 {
    height: 620px;
    padding: 150px 0 0 0;
  }
}
@media (max-width: 1150px) {
  .page-404 {
    height: 520px;
  }
}
@media (max-width: 850px) {
  .page-404 {
    padding: 80px 0 0 0;
  }
}
@media (max-width: 480px) {
  .page-404 {
    height: 436px;
    padding: 30px 0 0 0;
  }
}
.page-404 .custom-container {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 850px) {
  .page-404 .custom-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.page-404 .bg {
  background: url("/img/17-404/bg.jpg") 0 0 no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  width: 44%;
  height: 100%;
  z-index: -1;
  background-size: cover;
}
@media (max-width: 850px) {
  .page-404 .bg {
    width: 60%;
  }
}
@media (max-width: 480px) {
  .page-404 .bg {
    display: none;
  }
}
.page-404 .title-404 {
  font-size: 9.35vw;
  font-weight: 300;
  margin-right: 3.3vw;
  color: #63cdf7;
}
@media (max-width: 1920px) {
  .page-404 .title-404 {
    font-size: 180px;
    margin-right: 63px;
  }
}
@media (max-width: 1150px) {
  .page-404 .title-404 {
    font-size: 150px;
    margin-right: 43px;
  }
}
@media (max-width: 850px) {
  .page-404 .title-404 {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .page-404 .title-404 {
    font-size: 170px;
    line-height: 207px;
  }
}
.page-404 .text-404 {
  font-size: 1.725vw;
  line-height: 2.4vw;
  margin-top: -0.3em;
}
@media (max-width: 1920px) {
  .page-404 .text-404 {
    font-size: 33px;
    line-height: 46px;
  }
}
@media (max-width: 1150px) {
  .page-404 .text-404 {
    font-size: 26px;
    line-height: 38px;
  }
}
@media (max-width: 850px) {
  .page-404 .text-404 {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .page-404 .text-404 {
    font-size: 24px;
    line-height: 28px;
  }
  .page-404 .text-404 br {
    display: none;
  }
}
.international-project-page .text-base34 {
  line-height: 1.7vw !important;
}
@media (max-width: 1920px) {
  .international-project-page .text-base34 {
    line-height: 33px !important;
  }
}
@media (max-width: 1150px) {
  .international-project-page .text-base34 {
    line-height: 30px !important;
  }
}
@media (max-width: 850px) {
  .international-project-page .text-base34 {
    line-height: 20px !important;
  }
}
@media (max-width: 1150px) {
  .international-project-page .top-block-image {
    margin-bottom: 61px;
  }
}
@media (max-width: 850px) {
  .international-project-page .top-block-image {
    margin-bottom: 36px;
  }
}
@media (max-width: 1150px) {
  .international-project-page .breadcrumbs {
    margin-bottom: 46px;
  }
}
@media (max-width: 850px) {
  .international-project-page .breadcrumbs {
    margin-bottom: 77px;
  }
}
@media (max-width: 480px) {
  .international-project-page .breadcrumbs {
    margin-bottom: 36px;
  }
}
.ip-block-01 {
  padding-top: 0;
  padding-bottom: 6.9vw;
}
@media (max-width: 1920px) {
  .ip-block-01 {
    padding-bottom: 135px;
  }
}
@media (max-width: 1150px) {
  .ip-block-01 {
    padding-bottom: 66px;
  }
}
@media (max-width: 480px) {
  .ip-block-01 {
    padding-bottom: 45px;
  }
}
.ip-block-01 .title-h1 {
  margin-bottom: 2.6vw;
}
@media (max-width: 1920px) {
  .ip-block-01 .title-h1 {
    margin-bottom: 54px;
    margin-top: 69px;
  }
}
@media (max-width: 1150px) {
  .ip-block-01 .title-h1 {
    margin-top: 0;
    margin-bottom: 42px;
  }
}
@media (max-width: 480px) {
  .ip-block-01 .title-h1 {
    margin-bottom: 32px;
  }
}
.ip-block-01 .text-big {
  margin-bottom: 3.65vw;
}
@media (max-width: 1920px) {
  .ip-block-01 .text-big {
    margin-bottom: 68px;
    line-height: 45px;
  }
}
@media (max-width: 1280px) {
  .ip-block-01 .text-big {
    margin-bottom: 100px;
    width: 68%;
  }
  .ip-block-01 .text-big br {
    display: none;
  }
}
@media (max-width: 1150px) {
  .ip-block-01 .text-big {
    margin-bottom: 40px;
    width: 65%;
    font-size: 32px !important;
    line-height: 44px !important;
  }
  .ip-block-01 .text-big br {
    display: none;
  }
}
@media (max-width: 850px) {
  .ip-block-01 .text-big {
    width: 100%;
    font-size: 28px !important;
    line-height: 40px !important;
  }
  .ip-block-01 .text-big .float-span {
    display: inline-block;
    width: 57%;
  }
}
@media (max-width: 680px) {
  .ip-block-01 .text-big .float-span {
    display: initial;
    width: auto;
  }
}
@media (max-width: 480px) {
  .ip-block-01 .text-big {
    line-height: 28px !important;
    font-size: 23.7px !important;
    margin-bottom: 30px;
  }
}
.ip-block-01 .text-base34 {
  line-height: 1.7vw !important;
  margin-bottom: 4.3vw;
}
@media (max-width: 1920px) {
  .ip-block-01 .text-base34 {
    line-height: 33px !important;
    margin-bottom: 78px;
  }
}
@media (max-width: 1280px) {
  .ip-block-01 .text-base34 {
    margin-bottom: 78px;
    width: 68%;
  }
}
@media (max-width: 1150px) {
  .ip-block-01 .text-base34 {
    line-height: 36px !important;
    margin-bottom: 40px;
    width: 65%;
    font-size: 28px !important;
    line-height: 36px !important;
  }
  .ip-block-01 .text-base34 br {
    display: none;
  }
}
@media (max-width: 850px) {
  .ip-block-01 .text-base34 {
    line-height: 32px !important;
    font-size: 24px !important;
  }
}
@media (max-width: 680px) {
  .ip-block-01 .text-base34 {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .ip-block-01 .text-base34 {
    font-size: 20px !important;
    line-height: 28px !important;
    margin-bottom: 47px;
  }
}
.ip-block-01 .box {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}
@media (max-width: 1150px) {
  .ip-block-01 .box {
    display: block;
  }
}
@media (max-width: 1150px) {
  .ip-block-01 .box .num-box {
    width: 27%;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 850px) {
  .ip-block-01 .box .num-box {
    width: 30.5%;
  }
}
@media (max-width: 680px) {
  .ip-block-01 .box .num-box {
    width: 100%;
    position: static;
    margin-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .ip-block-01 .box .num-box {
    margin-bottom: 17px;
  }
}
.ip-block-01 .box .num-block {
  margin-bottom: 3.2vw;
}
@media (max-width: 1920px) {
  .ip-block-01 .box .num-block {
    margin-bottom: 53.25px;
  }
}
@media (max-width: 680px) {
  .ip-block-01 .box .num-block {
    margin-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .ip-block-01 .box .num-block {
    margin-bottom: 17px;
  }
}
.ip-block-01 .box .num-block:last-child {
  margin-bottom: 0;
}
@media (max-width: 680px) {
  .ip-block-01 .box .num-block:nth-child(2) .numbers-text br {
    display: none;
  }
}
.ip-block-01 .box .numbers-text {
  width: auto !important;
}
@media (max-width: 680px) {
  .ip-block-01 .box .numbers-text {
    text-align: left;
  }
}
.ip-block-01 .box .num-block-last {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 66%;
}
@media (max-width: 1150px) {
  .ip-block-01 .box .num-block-last {
    width: 68.5%;
    position: static;
  }
}
@media (max-width: 850px) {
  .ip-block-01 .box .num-block-last {
    width: 65.3%;
  }
}
@media (max-width: 680px) {
  .ip-block-01 .box .num-block-last {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .ip-block-01 .box .num-block-last {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 6px;
  }
  .ip-block-01 .box .num-block-last .numbers {
    width: 100%;
  }
}
.ip-block-01 .box .numbers {
  margin-right: 1vw;
  width: auto !important;
}
@media (max-width: 1150px) {
  .ip-block-01 .box .numbers {
    line-height: 150%;
    margin-right: 25px;
  }
}
@media (max-width: 850px) {
  .ip-block-01 .box .numbers {
    line-height: 110%;
    margin-right: 21px;
  }
}
.ip-block-01 .circle-logo {
  width: 17.2vw;
  height: 17.2vw;
  position: absolute;
  top: 5vw;
  right: 0;
  margin-bottom: 0;
}
@media (max-width: 1920px) {
  .ip-block-01 .circle-logo {
    width: 333px;
    height: 333px;
  }
}
@media (max-width: 1280px) {
  .ip-block-01 .circle-logo {
    width: 247px;
    height: 247px;
    position: relative;
    top: 0;
  }
}
@media (max-width: 1150px) {
  .ip-block-01 .circle-logo {
    margin-bottom: 0;
    position: absolute;
    top: 16vw;
    right: 0;
  }
}
@media (max-width: 850px) {
  .ip-block-01 .circle-logo {
    width: 210px;
    height: 210px;
    position: absolute;
    top: 280px;
  }
}
@media (max-width: 810px) {
  .ip-block-01 .circle-logo {
    top: 300px;
  }
}
@media (max-width: 780px) {
  .ip-block-01 .circle-logo {
    top: 310px;
  }
}
@media (max-width: 680px) {
  .ip-block-01 .circle-logo {
    width: 288px;
    height: 288px;
    position: relative;
    top: 0;
    margin: 0 auto;
    margin-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .ip-block-01 .circle-logo {
    margin-bottom: 30px;
  }
}
.ip-block-01 .circle-logo img {
  width: 13vw;
}
@media (max-width: 1920px) {
  .ip-block-01 .circle-logo img {
    width: 243.75px;
    height: 64.5px;
  }
}
@media (max-width: 1280px) {
  .ip-block-01 .circle-logo img {
    width: 180.8px;
    height: 47.87px;
  }
}
@media (max-width: 1150px) {
  .ip-block-01 .circle-logo img {
    width: 153.72px;
    height: auto;
  }
}
@media (max-width: 680px) {
  .ip-block-01 .circle-logo img {
    width: 210.8px;
  }
}
.ip-block-02 {
  padding-bottom: 8vw;
}
@media (max-width: 1920px) {
  .ip-block-02 {
    padding-bottom: 152px;
  }
}
@media (max-width: 1150px) {
  .ip-block-02 {
    padding-bottom: 75px;
  }
}
@media (max-width: 480px) {
  .ip-block-02 {
    padding-bottom: 58px;
  }
}
.ip-block-02 .box-b {
  padding: 1.4vw 0 0 1.4vw;
  height: 13.3vw;
}
@media (max-width: 1920px) {
  .ip-block-02 .box-b {
    height: 255px;
    padding: 26.25px 0 0 26.25px;
  }
}
@media (max-width: 480px) {
  .ip-block-02 .box-b {
    padding: 21px 0 0 27.5px !important;
  }
}
.ip-block-02 .box-b .title-h4 {
  font-weight: 300;
}
@media (max-width: 480px) {
  .ip-block-02 .box-b .title-h4 {
    font-size: 18px !important;
    line-height: 24px !important;
    height: 95px;
    overflow: hidden;
  }
}
.ip-block-03 {
  background-color: #f5f5f5;
  padding-top: 5vw;
  padding-bottom: 16vw;
}
@media (max-width: 1920px) {
  .ip-block-03 {
    padding-top: 96px;
    padding-bottom: 307px;
  }
}
@media (max-width: 1150px) {
  .ip-block-03 {
    padding-top: 83px;
    padding-bottom: 205px;
  }
}
@media (max-width: 850px) {
  .ip-block-03 {
    padding-top: 68px;
    padding-bottom: 230px;
  }
}
@media (max-width: 680px) {
  .ip-block-03 {
    padding-bottom: 80px;
  }
}
@media (max-width: 480px) {
  .ip-block-03 {
    padding-top: 43px;
    padding-bottom: 48px;
  }
}
.ip-block-03 .custom-nav-tabs {
  top: 50px;
  bottom: auto;
}
.ip-block-03 .custom-nav-tabs .nav-btn svg path {
  fill: #63cdf7 !important;
}
.ip-block-03 .title-h2 {
  margin-bottom: 4vw;
}
@media (max-width: 1920px) {
  .ip-block-03 .title-h2 {
    margin-bottom: 72px;
  }
}
@media (max-width: 1150px) {
  .ip-block-03 .title-h2 {
    margin-bottom: 60px;
  }
}
@media (max-width: 850px) {
  .ip-block-03 .title-h2 {
    margin-bottom: 48px;
  }
}
@media (max-width: 480px) {
  .ip-block-03 .title-h2 {
    margin-bottom: 25px;
  }
}
.ip-block-03 .text-base34 {
  margin-bottom: 3.6vw;
}
@media (max-width: 1920px) {
  .ip-block-03 .text-base34 {
    margin-bottom: 70px;
  }
}
@media (max-width: 1150px) {
  .ip-block-03 .text-base34 {
    font-size: 28px !important;
    line-height: 36px !important;
    margin-bottom: 80px;
  }
  .ip-block-03 .text-base34 br {
    display: none;
  }
}
@media (max-width: 850px) {
  .ip-block-03 .text-base34 {
    font-size: 24px !important;
    line-height: 32px !important;
    margin-bottom: 60px;
  }
}
@media (max-width: 480px) {
  .ip-block-03 .text-base34 {
    font-size: 20px !important;
    line-height: 28px !important;
    margin-bottom: 44px;
  }
}
.image-area-box {
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 680px) {
  .image-area-box {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.image-area-box .border-lines {
  position: relative;
  width: 100%;
  height: 14.7vw;
}
@media (max-width: 1920px) {
  .image-area-box .border-lines {
    height: 282px;
  }
}
@media (max-width: 1150px) {
  .image-area-box .border-lines {
    height: 232px;
  }
}
@media (max-width: 850px) {
  .image-area-box .border-lines {
    height: 217px;
  }
}
@media (max-width: 680px) {
  .image-area-box .border-lines {
    display: none;
  }
}
.image-area-box .border-lines .line-horizontal {
  width: 100%;
  height: 3px;
  background-color: #63cdf7;
}
@media (max-width: 850px) {
  .image-area-box .border-lines .line-horizontal {
    height: 2px;
  }
}
.image-area-box .border-lines .line-vertical {
  width: 3px;
  height: 100%;
  background-color: #63cdf7;
  margin: 0 auto;
}
@media (max-width: 850px) {
  .image-area-box .border-lines .line-vertical {
    width: 2px;
  }
}
.image-area-box img {
  margin: 0 auto;
  display: block;
  width: 33.5vw;
  height: auto;
}
@media (max-width: 1920px) {
  .image-area-box img {
    width: 645px;
  }
}
@media (max-width: 1150px) {
  .image-area-box img {
    width: 477px;
  }
}
@media (max-width: 850px) {
  .image-area-box img {
    width: 392.25px;
  }
}
@media (max-width: 680px) {
  .image-area-box img {
    -ms-flex-order: 2;
        order: 2;
  }
}
@media (max-width: 480px) {
  .image-area-box img {
    width: 287.45px;
  }
}
.international-circle-block {
  display: block;
  position: absolute;
  top: 4.5vw;
  left: 0;
  width: 100%;
  height: 50vw;
}
@media (max-width: 1920px) {
  .international-circle-block {
    height: 960px;
    top: 87px;
  }
}
@media (max-width: 1150px) {
  .international-circle-block {
    top: 63px;
    height: 754px;
  }
}
@media (max-width: 850px) {
  .international-circle-block {
    top: 48px;
    height: 687px;
  }
}
@media (max-width: 680px) {
  .international-circle-block {
    position: relative;
    top: 0;
    height: auto;
    margin-bottom: 40px;
    border-top: 3px solid #63cdf7;
    padding-top: 20px;
  }
}
@media (max-width: 480px) {
  .international-circle-block {
    margin-bottom: 26px;
  }
}
.international-circle-block .numbers-text {
  font-weight: 600;
}
@media (max-width: 1150px) {
  .international-circle-block .numbers-text {
    font-size: 20px;
    line-height: 24px;
  }
}
@media (max-width: 850px) {
  .international-circle-block .numbers-text {
    font-size: 18px;
  }
}
@media (max-width: 680px) {
  .international-circle-block .numbers-text {
    width: 100% !important;
  }
  .international-circle-block .numbers-text br {
    display: none;
  }
}
@media (max-width: 480px) {
  .international-circle-block .numbers-text {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    width: 68% !important;
    margin: 0 auto;
    margin-bottom: 7px !important;
  }
}
.international-circle-block .text-base30 {
  color: #4c4c4c;
}
@media (max-width: 1150px) {
  .international-circle-block .text-base30 {
    font-size: 16px !important;
    line-height: 20px !important;
  }
}
@media (max-width: 680px) {
  .international-circle-block .text-base30 {
    width: 100% !important;
  }
  .international-circle-block .text-base30 br {
    display: none;
  }
}
@media (max-width: 480px) {
  .international-circle-block .text-base30 {
    width: 65% !important;
    margin: 0 auto;
  }
}
.international-circle-block .box {
  position: absolute;
  width: auto;
  z-index: 5;
}
@media (max-width: 680px) {
  .international-circle-block .box {
    position: static !important;
    text-align: center !important;
    width: 100%;
  }
}
.international-circle-block .box.box-01 {
  left: 3vw;
  top: 0;
  text-align: right;
}
@media (max-width: 1920px) {
  .international-circle-block .box.box-01 {
    left: 67px;
  }
}
@media (max-width: 1150px) {
  .international-circle-block .box.box-01 {
    left: 0;
  }
}
@media (max-width: 1920px) {
  .international-circle-block .box.box-01 .numbers-text {
    margin-bottom: 13px;
  }
}
@media (max-width: 1150px) {
  .international-circle-block .box.box-01 .numbers-text {
    width: 95%;
  }
}
@media (max-width: 850px) {
  .international-circle-block .box.box-01 .numbers-text {
    width: 100%;
  }
}
@media (max-width: 1150px) {
  .international-circle-block .box.box-01 .text-base30 {
    width: 95%;
  }
}
@media (max-width: 850px) {
  .international-circle-block .box.box-01 .text-base30 {
    width: 100%;
  }
}
.international-circle-block .box.box-02 {
  right: 2vw;
  top: 0;
  text-align: left;
}
@media (max-width: 1920px) {
  .international-circle-block .box.box-02 {
    right: 34px;
  }
}
@media (max-width: 1150px) {
  .international-circle-block .box.box-02 {
    right: -35px;
  }
}
@media (max-width: 850px) {
  .international-circle-block .box.box-02 {
    right: -48px;
  }
}
.international-circle-block .box.box-02 .numbers-text {
  margin-bottom: 1vw;
}
@media (max-width: 1920px) {
  .international-circle-block .box.box-02 .numbers-text {
    margin-bottom: 22px;
  }
}
@media (max-width: 1150px) {
  .international-circle-block .box.box-02 .numbers-text {
    width: 95%;
    margin-bottom: 13px;
  }
}
@media (max-width: 850px) {
  .international-circle-block .box.box-02 .numbers-text {
    width: 90%;
  }
}
@media (max-width: 1150px) {
  .international-circle-block .box.box-02 .text-base30 {
    width: 95%;
  }
}
@media (max-width: 850px) {
  .international-circle-block .box.box-02 .text-base30 {
    width: 90%;
  }
}
.international-circle-block .box.box-03 {
  left: 3vw;
  bottom: 0;
  text-align: right;
}
@media (max-width: 1920px) {
  .international-circle-block .box.box-03 {
    left: 67px;
    bottom: -19px;
  }
}
@media (max-width: 1150px) {
  .international-circle-block .box.box-03 {
    left: 44px;
    bottom: -25px;
  }
}
@media (max-width: 850px) {
  .international-circle-block .box.box-03 {
    bottom: -50px;
    left: 24px;
  }
}
@media (max-width: 1920px) {
  .international-circle-block .box.box-03 .numbers-text {
    margin-bottom: 30px;
  }
}
@media (max-width: 850px) {
  .international-circle-block .box.box-03 .numbers-text {
    margin-bottom: 12px;
  }
}
@media (max-width: 850px) {
  .international-circle-block .box.box-03 .text-base30 br:last-child {
    display: none;
  }
}
.international-circle-block .box.box-04 {
  top: auto;
  bottom: -2.5vw;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
@media (max-width: 1920px) {
  .international-circle-block .box.box-04 {
    bottom: -45px;
  }
}
.international-circle-block .box.box-05 {
  right: 2vw;
  bottom: -1.4vw;
  text-align: left;
}
@media (max-width: 1920px) {
  .international-circle-block .box.box-05 {
    right: 43px;
    bottom: -23px;
  }
}
@media (max-width: 1150px) {
  .international-circle-block .box.box-05 {
    right: 36px;
  }
}
@media (max-width: 850px) {
  .international-circle-block .box.box-05 {
    bottom: -47px;
    right: 22px;
  }
}
.international-circle-block .box.box-05 .numbers-text {
  margin-bottom: 1vw;
}
@media (max-width: 1920px) {
  .international-circle-block .box.box-05 .numbers-text {
    margin-bottom: 24px;
  }
}
@media (max-width: 850px) {
  .international-circle-block .box.box-05 .numbers-text {
    margin-bottom: 12px;
  }
  .international-circle-block .box.box-05 .numbers-text br {
    display: none;
  }
}
.international-circle-block .num {
  font-size: 4.7vw;
  line-height: 100%;
  color: #63cdf7;
  font-weight: 300;
}
@media (max-width: 1920px) {
  .international-circle-block .num {
    font-size: 90px;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 1150px) {
  .international-circle-block .num {
    font-size: 80px;
    line-height: 100px;
  }
}
@media (max-width: 850px) {
  .international-circle-block .num {
    font-size: 72px;
    line-height: 92px;
  }
}
@media (max-width: 480px) {
  .international-circle-block .num {
    font-size: 64px;
    line-height: 76px;
  }
}
@media (max-width: 480px) {
  .ip-block-04 .slider-pagination-g {
    height: 80px;
  }
}
@media (max-width: 850px) {
  .ip-block-04 .slider-pagination-g.slider-pagination-metro .swiper-slide p {
    width: 80%;
    text-align: center;
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .ip-block-04 .slider-pagination-g.slider-pagination-metro .swiper-slide p {
    font-size: 12px;
    line-height: 20px;
  }
}
.international-slider {
  height: 43.4vw;
  position: relative;
}
@media (max-width: 1920px) {
  .international-slider {
    height: 831.75px;
  }
}
@media (max-width: 1150px) {
  .international-slider {
    height: auto;
  }
  .international-slider .swiper-slide {
    padding-bottom: 80px;
  }
}
@media (max-width: 850px) {
  .international-slider {
    height: auto;
  }
  .international-slider .swiper-slide {
    padding-bottom: 60px;
  }
}
.international-slider >* {
  color: #fff;
}
.international-slider .custom-container {
  padding-top: 4.5vw;
  box-sizing: border-box;
}
@media (max-width: 1920px) {
  .international-slider .custom-container {
    padding-top: 88px;
  }
}
@media (max-width: 1150px) {
  .international-slider .custom-container {
    padding-top: 83px;
  }
}
@media (max-width: 850px) {
  .international-slider .custom-container {
    padding-top: 56px;
  }
}
@media (max-width: 480px) {
  .international-slider .custom-container {
    padding-top: 37px;
  }
}
.international-slider .image {
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover !important;
}
.international-slider .title-h2 {
  margin-bottom: 2.4vw;
}
@media (max-width: 1920px) {
  .international-slider .title-h2 {
    margin-bottom: 45px;
  }
}
@media (max-width: 1150px) {
  .international-slider .title-h2 {
    font-weight: 600;
    margin-bottom: 25px;
  }
}
@media (max-width: 850px) {
  .international-slider .title-h2 {
    margin-bottom: 29px;
  }
}
@media (max-width: 480px) {
  .international-slider .title-h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
.international-slider .slide-text {
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 300;
  color: #fff;
  margin-bottom: 1.3vw;
}
@media (max-width: 1920px) {
  .international-slider .slide-text {
    margin-bottom: 18px;
  }
}
@media (max-width: 1150px) {
  .international-slider .slide-text {
    font-size: 24px !important;
    line-height: 40px !important;
    letter-spacing: 0.17em;
    margin-bottom: 22px;
  }
}
@media (max-width: 850px) {
  .international-slider .slide-text {
    font-size: 20px !important;
    line-height: 36px !important;
    letter-spacing: 0.13em;
    margin-bottom: 18px;
  }
}
@media (max-width: 680px) {
  .international-slider .slide-text {
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .international-slider .slide-text {
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.08em;
    margin-bottom: 9px;
  }
}
.international-slider .slide-text-2 {
  color: #fff;
  font-weight: 300;
  margin-bottom: 1.2vw;
}
@media (max-width: 1920px) {
  .international-slider .slide-text-2 {
    margin-bottom: 22px;
  }
}
@media (max-width: 1150px) {
  .international-slider .slide-text-2 {
    font-size: 24px !important;
    line-height: 40px !important;
    letter-spacing: 0.01em;
  }
}
@media (max-width: 850px) {
  .international-slider .slide-text-2 {
    font-size: 19px !important;
    letter-spacing: 0.035em;
    margin-bottom: 14px;
  }
}
@media (max-width: 680px) {
  .international-slider .slide-text-2 {
    margin-bottom: 0;
  }
}
.international-slider .slide-text-2 span {
  text-decoration: underline;
  font-weight: 600;
}
@media (max-width: 480px) {
  .international-slider .slide-text-2 {
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: normal;
    margin-bottom: 13px;
  }
}
@media (max-width: 480px) {
  .small-block-international {
    padding: 0 16px;
  }
}
@media (max-width: 480px) {
  .small-block-international .custom-container {
    padding: 14px 20px 10px 20px;
  }
}
.small-block-international .custom-container .title-h3 {
  color: #fff;
  margin: 0 auto;
}
@media (max-width: 1920px) {
  .small-block-international .custom-container .title-h3 {
    font-size: 40.5px;
    line-height: 51px;
  }
}
@media (max-width: 1150px) {
  .small-block-international .custom-container .title-h3 {
    font-size: 40px;
    line-height: 61px;
  }
}
@media (max-width: 850px) {
  .small-block-international .custom-container .title-h3 {
    font-size: 32px;
    line-height: 46px;
  }
}
@media (max-width: 480px) {
  .small-block-international .custom-container .title-h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
.motion-control-page {
  position: relative;
}
.motion-control-page .title-h1 {
  margin-bottom: 2.5vw;
}
@media (max-width: 1920px) {
  .motion-control-page .title-h1 {
    margin-bottom: 48px;
  }
}
@media (max-width: 850px) {
  .motion-control-page .title-h1 {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .motion-control-page .top-block-image {
    height: 300px;
  }
}
@media (max-width: 480px) {
  .motion-control-page .breadcrumbs {
    margin-bottom: 26px;
  }
}
.mc-block-01 {
  padding-bottom: 3.3vw;
}
@media (max-width: 1920px) {
  .mc-block-01 {
    padding-bottom: 63.3px;
  }
}
@media (max-width: 850px) {
  .mc-block-01 {
    padding-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .mc-block-01 {
    padding-bottom: 51px;
  }
}
@media (max-width: 1280px) {
  .mc-block-01 .text-big {
    width: 90%;
  }
  .mc-block-01 .text-big br {
    display: none;
  }
}
@media (max-width: 480px) {
  .mc-block-01 .text-big {
    width: 100%;
  }
}
.mc-block-02 {
  padding-bottom: 7.3vw;
}
@media (max-width: 1920px) {
  .mc-block-02 {
    padding-bottom: 140px;
  }
}
@media (max-width: 1150px) {
  .mc-block-02 {
    padding-bottom: 90px;
  }
}
@media (max-width: 850px) {
  .mc-block-02 {
    padding-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .mc-block-02 {
    padding-bottom: 22px;
  }
}
.mc-block-02 .box {
  margin-bottom: 0;
}
.mc-block-02 .box .top-level {
  -ms-flex-align: start;
      align-items: flex-start;
}
@media (max-width: 1150px) {
  .mc-block-02 .box .top-level img {
    width: 32px;
    margin-right: 10px;
  }
}
@media (max-width: 480px) {
  .mc-block-02 .box .top-level img {
    width: 23px;
    margin-right: 18px;
  }
}
.mc-block-02 .box .cyan-box {
  height: 9.7vw;
  padding-right: 0 !important;
}
@media (max-width: 1920px) {
  .mc-block-02 .box .cyan-box {
    height: 186.23px;
  }
}
.mc-block-02 .box .cyan-box span {
  color: #4c4c4c;
  font-size: 0.85vw;
  margin-top: -0.3em;
  line-height: 140%;
}
@media (max-width: 1920px) {
  .mc-block-02 .box .cyan-box span {
    font-size: 14.7px;
  }
}
@media (max-width: 1280px) {
  .mc-block-02 .box .cyan-box span {
    width: 74%;
  }
  .mc-block-02 .box .cyan-box span br {
    display: none;
  }
}
@media (max-width: 1150px) {
  .mc-block-02 .box .cyan-box span {
    font-size: 13.7px;
  }
}
@media (max-width: 480px) {
  .mc-block-02 .box .cyan-box span {
    font-size: 18px;
    line-height: 22px;
    position: relative;
    top: -5px;
  }
}
.mc-block-03 {
  padding-bottom: 7.8vw;
}
@media (max-width: 1920px) {
  .mc-block-03 {
    padding-bottom: 149.7px;
  }
}
@media (max-width: 1150px) {
  .mc-block-03 {
    padding-bottom: 90px;
  }
}
@media (max-width: 850px) {
  .mc-block-03 {
    padding-bottom: 60px;
  }
}
.mc-block-03 .title-h2 {
  position: relative;
  top: -0.3vw;
  margin-bottom: 3.3vw;
}
@media (max-width: 1920px) {
  .mc-block-03 .title-h2 {
    margin-bottom: 63.36px;
    margin-top: -5.7px;
  }
}
@media (max-width: 850px) {
  .mc-block-03 .title-h2 {
    margin-bottom: 30px;
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  .mc-block-03 .title-h2 {
    margin-bottom: 23px;
  }
}
@media (max-width: 850px) {
  .mc-block-03 .list {
    width: 80%;
  }
}
@media (max-width: 480px) {
  .mc-block-03 .list {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .mc-block-03 .list li {
    line-height: 147%;
    margin-bottom: 12px;
  }
}
@media (max-width: 850px) {
  .mc-block-03 .list li br {
    display: none;
  }
}
.mc-block-03 img {
  width: 49%;
}
@media (max-width: 480px) {
  .mc-block-03 img {
    width: 100%;
  }
}
.mc-block-03 .custom-container {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}
@media (max-width: 850px) {
  .mc-block-03 .custom-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mc-block-03 .box {
  width: 50%;
}
@media (max-width: 850px) {
  .mc-block-03 .box {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .mc-block-03 .box {
    margin-bottom: 37px;
  }
}
@media (max-width: 480px) {
  .mc-block-04 .owl-dots {
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.mc-block-04 .mc-slider-owl p {
  font-size: 6vw;
  color: #63cdf7;
  margin-bottom: 0.4vw;
  line-height: 100%;
}
@media (max-width: 1920px) {
  .mc-block-04 .mc-slider-owl p {
    font-size: 115.2px;
    margin-bottom: 7.7px;
  }
}
@media (max-width: 1150px) {
  .mc-block-04 .mc-slider-owl p {
    font-size: 90px;
  }
}
@media (max-width: 480px) {
  .mc-block-04 .mc-slider-owl p {
    font-size: 70px;
    line-height: 90%;
    margin-bottom: 16.7px;
  }
}
.mc-block-04 .h-slide {
  padding: 3vw 0 0 0;
}
@media (max-width: 1920px) {
  .mc-block-04 .h-slide {
    padding: 57.6px 0 0 0;
  }
}
@media (max-width: 480px) {
  .mc-block-04 .h-slide {
    padding: 40px 16px 0 16px;
  }
}
@media (max-width: 480px) {
  .mc-block-04 .list li {
    margin-bottom: 10px;
    line-height: 148%;
  }
}
.mc-block-05 {
  padding: 7.8vw 0 7.6vw 0;
}
@media (max-width: 1920px) {
  .mc-block-05 {
    padding: 149.7px 0 145.92px 0;
  }
}
@media (max-width: 1150px) {
  .mc-block-05 {
    padding: 90px 0 80px 0;
  }
}
@media (max-width: 850px) {
  .mc-block-05 {
    padding: 40px 0;
  }
}
@media (max-width: 480px) {
  .mc-block-05 {
    padding-bottom: 0;
  }
}
@media (max-width: 850px) {
  .mc-block-05 .list li:before {
    top: 9px;
  }
}
.mc-block-05 .title-h2 {
  margin-bottom: 3vw;
}
@media (max-width: 1920px) {
  .mc-block-05 .title-h2 {
    margin-bottom: 57.6px;
  }
}
@media (max-width: 1150px) {
  .mc-block-05 .title-h2 {
    margin-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .mc-block-05 .title-h2 {
    margin-bottom: 35px;
  }
}
.mc-block-05 p {
  font-size: 1.14vw;
  line-height: 150%;
  letter-spacing: 0.1em;
  font-weight: bold;
  margin-bottom: 2vw;
}
@media (max-width: 1920px) {
  .mc-block-05 p {
    font-size: 21.8px;
    margin-bottom: 38.4px;
  }
}
@media (max-width: 1150px) {
  .mc-block-05 p {
    font-size: 19px;
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .mc-block-05 p {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 12px;
  }
}
@media (max-width: 480px) {
  .mc-block-05 .list {
    margin-bottom: 29px;
  }
}
.mc-block-05 .list li {
  font-size: 0.935vw;
  line-height: 150%;
}
@media (max-width: 1920px) {
  .mc-block-05 .list li {
    font-size: 17.95px;
  }
}
@media (max-width: 1150px) {
  .mc-block-05 .list li {
    font-size: 16px;
  }
}
@media (max-width: 850px) {
  .mc-block-05 .list li br {
    display: none;
  }
}
@media (max-width: 480px) {
  .mc-block-05 .list li {
    margin-bottom: 8px;
  }
}
@media (max-width: 1920px) {
  .mc-block-05 .button {
    width: 430px;
  }
}
@media (max-width: 1150px) {
  .mc-block-05 .button {
    width: 210px;
  }
}
.mc-block-05 .flex-box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 850px) {
  .mc-block-05 .flex-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .mc-block-05 .flex-box {
    display: block;
  }
}
.mc-block-05 .flex-box .box {
  width: 50%;
}
@media (max-width: 850px) {
  .mc-block-05 .flex-box .box {
    width: 100%;
  }
}
.mc-block-05 .flex-box .box.box-l {
  padding-top: 2.4vw;
  width: 51.8%;
}
@media (max-width: 1920px) {
  .mc-block-05 .flex-box .box.box-l {
    padding-top: 46px;
  }
}
@media (max-width: 850px) {
  .mc-block-05 .flex-box .box.box-l {
    width: 100%;
    margin-bottom: 50px;
    padding-top: 0;
  }
}
.mc-block-05 .flex-box .box.box-l .list {
  margin-bottom: 4vw;
}
@media (max-width: 1920px) {
  .mc-block-05 .flex-box .box.box-l .list {
    margin-bottom: 76.8px;
  }
}
@media (max-width: 850px) {
  .mc-block-05 .flex-box .box.box-l .list {
    margin-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .mc-block-05 .flex-box .box.box-l .list {
    margin-bottom: 29px;
  }
}
.mc-block-05 .flex-box .box.box-r {
  background-color: #63cdf7;
  box-sizing: border-box;
  padding: 2.4vw 0 2.9vw 2.4vw;
}
@media (max-width: 1920px) {
  .mc-block-05 .flex-box .box.box-r {
    padding: 46.8px 0 55.68px 46.8px;
  }
}
@media (max-width: 480px) {
  .mc-block-05 .flex-box .box.box-r {
    width: calc(100% + 32px);
    position: relative;
    left: -16px;
    padding: 29.8px 0 1px 16.8px;
  }
}
.mc-block-05 .flex-box .box.box-r >* {
  color: #fff;
}
@media (max-width: 480px) {
  .mc-block-05 .flex-box .box.box-r .list {
    width: 97%;
  }
}
.mc-block-05 .flex-box .box.box-r .list li:before {
  background-color: #fff;
}
.digital-solutions-page .top-slider-page {
  margin-bottom: 3.35vw;
}
@media (max-width: 1920px) {
  .digital-solutions-page .top-slider-page {
    margin-bottom: 64.3px;
  }
}
@media (max-width: 850px) {
  .digital-solutions-page .top-slider-page {
    height: 504px;
    margin-bottom: 58.3px;
  }
}
@media (max-width: 480px) {
  .digital-solutions-page .top-slider-page {
    margin-bottom: 38.3px;
  }
}
.digital-solutions-page .top-slider-page .swiper-slide {
  height: 100%;
}
@media (max-width: 1150px) {
  .digital-solutions-page .top-slider-page .swiper-slide img {
    left: 0;
  }
}
@media (max-width: 480px) {
  .digital-solutions-page .top-slider-page .swiper-slide img {
    left: -185px;
  }
}
.digital-solutions-page .title-h1 {
  margin-bottom: 3.2vw;
}
@media (max-width: 1920px) {
  .digital-solutions-page .title-h1 {
    margin-bottom: 61.4px;
  }
}
@media (max-width: 1150px) {
  .digital-solutions-page .title-h1 {
    margin-bottom: 42px;
  }
}
@media (max-width: 480px) {
  .digital-solutions-page .title-h1 {
    margin-bottom: 28px;
  }
}
@media (max-width: 1150px) {
  .digital-solutions-page .breadcrumbs {
    margin-bottom: 44px;
  }
}
@media (max-width: 850px) {
  .digital-solutions-page .breadcrumbs {
    margin-bottom: 55px;
  }
}
@media (max-width: 480px) {
  .digital-solutions-page .breadcrumbs {
    margin-bottom: 36px;
  }
}
.digital-solutions-block-01 {
  padding-top: 0;
  padding-bottom: 7vw;
}
@media (max-width: 1920px) {
  .digital-solutions-block-01 {
    padding-bottom: 134.4px;
  }
}
@media (max-width: 1150px) {
  .digital-solutions-block-01 {
    padding-bottom: 94.4px;
  }
}
@media (max-width: 850px) {
  .digital-solutions-block-01 {
    padding-bottom: 64px;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-01 {
    padding-bottom: 22px;
  }
}
.digital-solutions-block-01 .text-base30 {
  margin-bottom: 3.7vw;
}
@media (max-width: 1920px) {
  .digital-solutions-block-01 .text-base30 {
    margin-bottom: 71px;
  }
}
@media (max-width: 1150px) {
  .digital-solutions-block-01 .text-base30 {
    margin-bottom: 49px;
  }
  .digital-solutions-block-01 .text-base30.tb-2 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}
@media (max-width: 850px) {
  .digital-solutions-block-01 .text-base30.tb-2 {
    font-size: 18px !important;
    line-height: 24px !important;
    margin-bottom: 35px;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-01 .text-base30.tb-2 {
    font-size: 16px !important;
    line-height: 20px !important;
    margin-bottom: 35px;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-01 .circles-block {
    width: calc(100% + 16px);
  }
}
.digital-solutions-block-01 .circles-block .circle {
  border: 2px solid #aeaeae;
  padding-top: 2vw;
}
@media (max-width: 1920px) {
  .digital-solutions-block-01 .circles-block .circle {
    padding-top: 38.4px;
  }
}
@media (max-width: 1280px) {
  .digital-solutions-block-01 .circles-block .circle {
    padding-top: 3vw;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-01 .circles-block .circle {
    padding-top: 24px;
    width: 167px;
    height: 167px;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-01 .circles-block .circle .text-base30 {
    font-size: 14px !important;
    line-height: 16px !important;
  }
  .digital-solutions-block-01 .circles-block .circle .text-base30 br {
    display: block;
  }
}
.digital-solutions-block-01 .circles-block .circle .c-icon {
  height: 4.8vw;
  margin-bottom: 1vw;
}
@media (max-width: 1920px) {
  .digital-solutions-block-01 .circles-block .circle .c-icon {
    height: 92px;
    margin-bottom: 19.2px;
  }
}
@media (max-width: 1280px) {
  .digital-solutions-block-01 .circles-block .circle .c-icon {
    height: 7vw;
    margin-bottom: 1.5vw;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-01 .circles-block .circle .c-icon {
    height: 55px;
  }
}
.digital-solutions-block-02 .metro-slider-swiper .custom-container {
  padding-top: 4.5vw;
  padding-bottom: 4.5vw;
}
@media (max-width: 1920px) {
  .digital-solutions-block-02 .metro-slider-swiper .custom-container {
    padding-top: 86.4px;
    padding-bottom: 86.4px;
  }
}
@media (max-width: 1150px) {
  .digital-solutions-block-02 .metro-slider-swiper .custom-container {
    padding-top: 64.4px;
    padding-bottom: 64.4px;
  }
}
@media (max-width: 850px) {
  .digital-solutions-block-02 .metro-slider-swiper .custom-container {
    padding-top: 46.4px;
    padding-bottom: 46.4px;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-02 .metro-slider-swiper .custom-container {
    padding-bottom: 34.4px;
  }
}
.digital-solutions-block-02 .metro-slider-swiper .title-h2 {
  margin-bottom: 3.3vw;
}
@media (max-width: 1920px) {
  .digital-solutions-block-02 .metro-slider-swiper .title-h2 {
    margin-bottom: 63.3px;
  }
}
@media (max-width: 1150px) {
  .digital-solutions-block-02 .metro-slider-swiper .title-h2 {
    margin-bottom: 43.3px;
  }
}
.digital-solutions-block-02 .metro-slider-swiper p {
  max-width: 70%;
}
@media (max-width: 1150px) {
  .digital-solutions-block-02 .metro-slider-swiper p {
    max-width: 59%;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-02 .metro-slider-swiper p {
    max-width: 100%;
  }
}
.digital-solutions-block-02 .metro-slider-swiper .text-base34 {
  line-height: 1.7vw !important;
  margin-bottom: 4.3vw;
}
@media (max-width: 1920px) {
  .digital-solutions-block-02 .metro-slider-swiper .text-base34 {
    line-height: 33px !important;
    margin-bottom: 82.5px;
  }
}
@media (max-width: 1150px) {
  .digital-solutions-block-02 .metro-slider-swiper .text-base34 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  .digital-solutions-block-02 .metro-slider-swiper .text-base34 br {
    display: none;
  }
}
@media (max-width: 850px) {
  .digital-solutions-block-02 .metro-slider-swiper .text-base34 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
}
@media (max-width: 850px) {
  .digital-solutions-block-02 .metro-slider-swiper .text-base34 {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-02 .metro-slider-swiper .text-base34 {
    font-size: 16px !important;
    line-height: 20px !important;
  }
}
.digital-solutions-block-02 .metro-slider-swiper .swiper-slide {
  background-color: #e8e8e8;
}
@media (max-width: 480px) {
  .digital-solutions-block-02 .metro-slider-swiper .swiper-slide {
    height: auto;
  }
}
.digital-solutions-block-02 .metro-slider-swiper .swiper-slide * {
  color: #000;
}
.digital-solutions-block-02 .metro-slider-swiper .slide-num-block {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 1150px) {
  .digital-solutions-block-02 .metro-slider-swiper .slide-num-block {
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-02 .metro-slider-swiper .slide-num-block {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-02 .metro-slider-swiper .slide-num-block .slide-n-box {
    margin-bottom: 32px;
  }
}
.digital-solutions-block-02 .metro-slider-swiper .slide-num-block .num {
  font-size: 7vw !important;
  line-height: 95% !important;
  font-weight: 300;
}
@media (max-width: 1920px) {
  .digital-solutions-block-02 .metro-slider-swiper .slide-num-block .num {
    font-size: 134.4px !important;
  }
}
@media (max-width: 1150px) {
  .digital-solutions-block-02 .metro-slider-swiper .slide-num-block .num {
    font-size: 90px !important;
    line-height: 90px !important;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-02 .metro-slider-swiper .slide-num-block .num {
    font-size: 72px !important;
    line-height: 72px !important;
  }
}
.digital-solutions-block-02 .metro-slider-swiper .slide-num-block .num span {
  font-size: 6vw;
}
@media (max-width: 1920px) {
  .digital-solutions-block-02 .metro-slider-swiper .slide-num-block .num span {
    font-size: 115px;
  }
}
@media (max-width: 1150px) {
  .digital-solutions-block-02 .metro-slider-swiper .slide-num-block .num span {
    font-size: 70px;
    line-height: 70px;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-02 .metro-slider-swiper .slide-num-block .num span {
    font-size: 56px;
    line-height: 56px;
  }
}
.digital-solutions-block-02 .metro-slider-swiper .slide-num-block .num.num-cyan {
  color: #63cdf7;
}
.digital-solutions-block-02 .metro-slider-swiper .slide-num-block .num.num-cyan span {
  color: #63cdf7;
}
@media (max-width: 1150px) {
  .digital-solutions-block-02 .metro-slider-swiper .slide-num-block .text-n {
    font-size: 20px;
    line-height: 24px;
  }
}
@media (max-width: 850px) {
  .digital-solutions-block-02 .metro-slider-swiper .slide-num-block .text-n {
    font-size: 18px;
  }
}
.digital-solutions-block-02 .metro-slider-swiper .slide-num-block .line {
  height: 9vw;
  width: 2px;
  background-color: #fff;
  margin: 0 2.7vw 0 2.8vw;
  position: relative;
  top: 0.45vw;
}
@media (max-width: 1920px) {
  .digital-solutions-block-02 .metro-slider-swiper .slide-num-block .line {
    height: 175px;
    margin: 0 51.8px 0 53.8px;
    top: 8.6px;
  }
}
@media (max-width: 1150px) {
  .digital-solutions-block-02 .metro-slider-swiper .slide-num-block .line {
    height: 154px;
    top: 0;
  }
}
@media (max-width: 850px) {
  .digital-solutions-block-02 .metro-slider-swiper .slide-num-block .line {
    margin: 0 29px;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-02 .metro-slider-swiper .slide-num-block .line {
    display: none;
  }
}
.digital-solutions-block-02 .metro-slider-swiper .slide-num-block p {
  max-width: 100%;
}
.digital-solutions-block-02 .metro-slider-swiper img {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 480px) {
  .digital-solutions-block-02 .metro-slider-swiper img {
    margin-bottom: 25px;
  }
}
.digital-solutions-block-02 .metro-slider-swiper .img-01 {
  width: 39vw;
  top: 5vw;
}
@media (max-width: 1920px) {
  .digital-solutions-block-02 .metro-slider-swiper .img-01 {
    top: 96px;
    right: auto;
    left: 61%;
  }
}
@media (max-width: 1150px) {
  .digital-solutions-block-02 .metro-slider-swiper .img-01 {
    top: 0;
  }
}
@media (max-width: 850px) {
  .digital-solutions-block-02 .metro-slider-swiper .img-01 {
    top: 0;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-02 .metro-slider-swiper .img-01 {
    display: none;
  }
}
.digital-solutions-block-02 .metro-slider-swiper .img-02 {
  width: 29vw;
  right: 5.2vw;
  top: 5.7vw;
}
@media (max-width: 1920px) {
  .digital-solutions-block-02 .metro-slider-swiper .img-02 {
    top: 109.4px;
    right: 99.8px;
  }
}
@media (max-width: 1150px) {
  .digital-solutions-block-02 .metro-slider-swiper .img-02 {
    top: -4vw;
    right: 40px;
  }
}
@media (max-width: 850px) {
  .digital-solutions-block-02 .metro-slider-swiper .img-02 {
    top: -5vw;
    right: 30px;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-02 .metro-slider-swiper .img-02 {
    display: none;
  }
}
.digital-solutions-block-02 .metro-slider-swiper .img-03 {
  width: 33vw;
  right: 11vw;
  top: 4vw;
}
@media (max-width: 1920px) {
  .digital-solutions-block-02 .metro-slider-swiper .img-03 {
    right: 211.2px;
    top: 76.8px;
  }
}
@media (max-width: 1150px) {
  .digital-solutions-block-02 .metro-slider-swiper .img-03 {
    right: auto;
    left: 61%;
    top: -4vw;
  }
}
@media (max-width: 850px) {
  .digital-solutions-block-02 .metro-slider-swiper .img-03 {
    top: -3vw;
  }
}
@media (max-width: 480px) {
  .digital-solutions-block-02 .metro-slider-swiper .img-03 {
    display: none;
  }
}
.digital-solutions-block-02 .metro-slider-swiper .img-mob {
  display: none;
}
@media (max-width: 480px) {
  .digital-solutions-block-02 .metro-slider-swiper .img-mob {
    display: block;
    position: static;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1280px) {
  .locomotive-page .top-block-image img {
    left: -25%;
    position: relative;
  }
}
@media (max-width: 850px) {
  .locomotive-page .top-block-image img {
    left: -55%;
  }
}
@media (max-width: 480px) {
  .locomotive-page .top-block-image img {
    left: -111%;
  }
}
.locomotive-01 {
  padding-bottom: 4.2vw;
}
@media (max-width: 1920px) {
  .locomotive-01 {
    padding-bottom: 110px;
  }
}
@media (max-width: 850px) {
  .locomotive-01 {
    padding-bottom: 50px;
  }
}
@media (max-width: 480px) {
  .locomotive-01 {
    padding-bottom: 40px;
  }
}
@media (max-width: 1150px) {
  .locomotive-01 .flex-box .box-l {
    width: 66%;
  }
}
@media (max-width: 850px) {
  .locomotive-01 .flex-box .box-l {
    width: 52%;
  }
}
@media (max-width: 680px) {
  .locomotive-01 .flex-box .box-l {
    width: 100%;
  }
}
@media (max-width: 850px) {
  .locomotive-01 .flex-box .box-r {
    width: 46%;
  }
}
@media (max-width: 480px) {
  .locomotive-01 .flex-box .box-r {
    width: 100%;
  }
}
@media (max-width: 850px) {
  .locomotive-01 .flex-box .box-r .cyan-box {
    margin-left: auto;
    width: 100%;
  }
}
@media (max-width: 680px) {
  .locomotive-01 .flex-box .box-r .cyan-box {
    width: 346px;
  }
}
@media (max-width: 480px) {
  .locomotive-01 .flex-box .box-r .cyan-box {
    width: 100%;
  }
}
.locomotive-01 .text-base30:first-child {
  margin-bottom: 1.3vw;
}
@media (max-width: 1920px) {
  .locomotive-01 .text-base30:first-child {
    margin-bottom: 25px;
  }
}
@media (max-width: 850px) {
  .locomotive-01 .text-base30:first-child {
    margin-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .locomotive-01 .text-base30:first-child {
    margin-bottom: 35px;
  }
}
@media (max-width: 1150px) {
  .locomotive-01 .text-base30 br {
    display: none;
  }
}
@media (max-width: 1150px) {
  .locomotive-01 .flex-box .box-l .text-base30 {
    width: 95%;
  }
}
.locomotive-02 {
  padding-bottom: 5.9vw;
}
@media (max-width: 1920px) {
  .locomotive-02 {
    padding-bottom: 120px;
  }
}
@media (max-width: 1150px) {
  .locomotive-02 {
    padding-bottom: 100px;
  }
}
@media (max-width: 850px) {
  .locomotive-02 {
    padding-bottom: 50px;
  }
}
@media (max-width: 680px) {
  .locomotive-02 .flex-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.locomotive-02 .flex-box .num-block {
  width: calc(100% / 3 - 0.655vw);
}
@media (max-width: 1920px) {
  .locomotive-02 .flex-box .num-block {
    width: calc(100% / 3 - 15px);
  }
}
@media (max-width: 680px) {
  .locomotive-02 .flex-box .num-block {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .locomotive-02 .flex-box .num-block:last-child {
    margin-bottom: 0;
  }
}
.locomotive-02 .flex-box .num-block .numbers {
  font-size: 3vw;
}
@media (max-width: 1920px) {
  .locomotive-02 .flex-box .num-block .numbers {
    font-size: 60px;
    line-height: 73px;
  }
}
@media (max-width: 1280px) {
  .locomotive-02 .flex-box .num-block .numbers {
    font-size: 4.5vw;
    margin-right: 0 !important;
  }
}
@media (max-width: 680px) {
  .locomotive-02 .flex-box .num-block .numbers {
    font-size: 46px;
  }
}
.locomotive-02 .flex-box .num-block .numbers sub {
  font-size: 2vw;
}
@media (max-width: 1920px) {
  .locomotive-02 .flex-box .num-block .numbers sub {
    font-size: 34px;
  }
}
@media (max-width: 1280px) {
  .locomotive-02 .flex-box .num-block .numbers sub {
    font-size: 3.6vw;
  }
}
@media (max-width: 680px) {
  .locomotive-02 .flex-box .num-block .numbers sub {
    font-size: 30px;
    top: 0;
  }
}
@media (max-width: 480px) {
  .locomotive-03 .locomotive-slider-swiper {
    height: auto;
  }
}
@media (max-width: 480px) {
  .locomotive-03 .locomotive-slider-swiper p {
    font-size: 20px !important;
    line-height: 24px !important;
  }
}
.locomotive-03 .locomotive-slider-swiper .numbers-flex {
  margin-top: 4.5vw;
}
@media (max-width: 1920px) {
  .locomotive-03 .locomotive-slider-swiper .numbers-flex {
    margin-top: 86.4px;
  }
}
@media (max-width: 1150px) {
  .locomotive-03 .locomotive-slider-swiper .numbers-flex {
    margin-top: 64.4px;
  }
}
@media (max-width: 850px) {
  .locomotive-03 .locomotive-slider-swiper .numbers-flex {
    margin-top: 46.4px;
  }
}
@media (max-width: 480px) {
  .locomotive-03 .locomotive-slider-swiper .numbers-flex {
    margin-top: 34.4px;
  }
}
.locomotive-03 .locomotive-slider-swiper .custom-container {
  padding-top: 3.5vw;
}
@media (max-width: 1920px) {
  .locomotive-03 .locomotive-slider-swiper .custom-container {
    padding-top: 67.75px;
  }
}
@media (max-width: 480px) {
  .locomotive-03 .locomotive-slider-swiper .custom-container {
    padding-top: 40px;
  }
}
.locomotive-03 .locomotive-slider-swiper .title-h2 {
  margin-bottom: 2.8vw;
}
@media (max-width: 1920px) {
  .locomotive-03 .locomotive-slider-swiper .title-h2 {
    margin-bottom: 52.5px;
  }
}
@media (max-width: 480px) {
  .locomotive-03 .locomotive-slider-swiper .title-h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 24px;
  }
}
.locomotive-03 .locomotive-slider-swiper .text-base34 {
  margin-bottom: 4vw;
}
@media (max-width: 1920px) {
  .locomotive-03 .locomotive-slider-swiper .text-base34 {
    margin-bottom: 73.5px;
  }
}
@media (max-width: 480px) {
  .locomotive-03 .locomotive-slider-swiper .text-base34 {
    margin-bottom: 30px;
    font-size: 20px !important;
    line-height: 28px !important;
  }
}
.locomotive-03 .locomotive-slider-swiper .swiper-slide {
  background-size: contain !important;
  background-repeat: no-repeat;
}
@media (max-width: 1920px) {
  .locomotive-03 .locomotive-slider-swiper .swiper-slide {
    background-size: cover !important;
    background-position: center !important;
  }
}
@media (max-width: 480px) {
  .locomotive-03 .locomotive-slider-swiper .swiper-slide {
    height: auto;
    padding-bottom: 66vw;
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
    background-size: 185vw 66vw !important;
  }
  .locomotive-03 .locomotive-slider-swiper .swiper-slide:before {
    content: '';
    background-color: #101113;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
  }
}
.locomotive-03 .locomotive-slider-swiper .swiper-slide * {
  color: #fff;
}
.locomotive-03 .locomotive-slider-swiper .slide-num-block {
  width: 100%;
  -ms-flex-align: start;
      align-items: flex-start;
}
@media (max-width: 680px) {
  .locomotive-03 .locomotive-slider-swiper .slide-num-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 680px) {
  .locomotive-03 .locomotive-slider-swiper .slide-num-block .slide-n-box {
    width: 100% !important;
    border-bottom: 2px solid #63cdf7;
    padding-bottom: 30px;
    padding-top: 10px;
  }
}
.locomotive-03 .locomotive-slider-swiper .slide-num-block .slide-n-box.sl-box-02 {
  width: 21.3%;
}
@media (max-width: 1920px) {
  .locomotive-03 .locomotive-slider-swiper .slide-num-block .slide-n-box.sl-box-02 {
    width: 20.3%;
  }
}
@media (max-width: 850px) {
  .locomotive-03 .locomotive-slider-swiper .slide-num-block .slide-n-box.sl-box-02 {
    width: 21.3%;
  }
}
@media (max-width: 680px) {
  .locomotive-03 .locomotive-slider-swiper .slide-num-block .slide-n-box.sl-box-02 {
    width: 20.3%;
  }
}
@media (max-width: 680px) {
  .locomotive-03 .locomotive-slider-swiper .slide-num-block .slide-n-box.sl-box-03 {
    border-bottom: none;
  }
}
.locomotive-03 .locomotive-slider-swiper .slide-num-block .line {
  background-color: #63cdf7;
  width: 2px;
  height: 5vw;
  top: 0;
  margin: 0 1.1vw 0 1.6vw;
}
@media (max-width: 1920px) {
  .locomotive-03 .locomotive-slider-swiper .slide-num-block .line {
    margin: 0 24px 0 36.5px;
    height: 97px;
  }
}
@media (max-width: 1150px) {
  .locomotive-03 .locomotive-slider-swiper .slide-num-block .line {
    height: 77px;
  }
}
@media (max-width: 680px) {
  .locomotive-03 .locomotive-slider-swiper .slide-num-block .line {
    display: none;
  }
}
.locomotive-03 .locomotive-slider-swiper .slide-num-block p {
  font-size: 1.33vw;
}
@media (max-width: 1920px) {
  .locomotive-03 .locomotive-slider-swiper .slide-num-block p {
    font-size: 25px;
    line-height: 36px;
  }
}
@media (max-width: 1150px) {
  .about-block {
    padding-top: 0 !important;
  }
}
@media (max-width: 1150px) {
  .top-block-image,
  .top-slider-page {
    margin-bottom: 0 !important;
  }
}
.title-h1 {
  white-space: pre-line;
}
@media (max-width: 1150px) {
  .title-h1 {
    font-size: 60px !important;
    line-height: 70px !important;
  }
}
@media (max-width: 850px) {
  .title-h1 {
    font-size: 40px !important;
    line-height: 44px !important;
  }
}
@media (max-width: 1150px) {
  .career-block-01 {
    padding-top: 35px;
  }
}
@media (max-width: 480px) {
  .career-block-01 {
    padding-top: 40px;
  }
}
@media (max-width: 1150px) {
  .career-block-01 .breadcrumbs {
    margin-top: 0 !important;
  }
}
@media (max-width: 850px) {
  .career-block-01 .breadcrumbs {
    margin-top: 0 !important;
    margin-bottom: 60px !important;
  }
}
@media (max-width: 480px) {
  .career-block-01 .breadcrumbs {
    margin-bottom: 40px !important;
  }
}
@media (max-width: 1150px) {
  .career-block-01.investor-block-01 .breadcrumbs {
    margin-bottom: 60px !important;
  }
}
@media (max-width: 1150px) {
  .career-block-01 .title-h1,
  .about-block .title-h1,
  .metro-block-01 .title-h1,
  .products-page .title-h1,
  .pst-block-01 .title-h1,
  .passwagon-block-01 .title-h1,
  .gruz-spec-page .title-h1,
  .pr-services-page .title-h1,
  .ip-block-01 .title-h1,
  .motion-control-page .title-h1,
  .digital-solutions-page .title-h1 {
    margin-bottom: 40px;
  }
}
@media (max-width: 850px) {
  .career-block-01 .title-h1,
  .about-block .title-h1,
  .metro-block-01 .title-h1,
  .products-page .title-h1,
  .pst-block-01 .title-h1,
  .passwagon-block-01 .title-h1,
  .gruz-spec-page .title-h1,
  .pr-services-page .title-h1,
  .ip-block-01 .title-h1,
  .motion-control-page .title-h1,
  .digital-solutions-page .title-h1 {
    margin-bottom: 36px;
  }
}
@media (max-width: 480px) {
  .career-block-01 .title-h1,
  .about-block .title-h1,
  .metro-block-01 .title-h1,
  .products-page .title-h1,
  .pst-block-01 .title-h1,
  .passwagon-block-01 .title-h1,
  .gruz-spec-page .title-h1,
  .pr-services-page .title-h1,
  .ip-block-01 .title-h1,
  .motion-control-page .title-h1,
  .digital-solutions-page .title-h1 {
    margin-bottom: 30px;
  }
}
@media (min-width: 680px) {
  .content-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .content-flex>* {
    width: 49%;
  }
}
.career-block-05.career-block-06.gruz-spec-block-02.mc-block-04 .title-box {
  padding-top: 0;
  background: none;
}
@media (max-width: 480px) {
  .career-block-05.career-block-06.gruz-spec-block-02.mc-block-04 .title-box h2 {
    color: #000;
  }
}
.career-block-05.career-block-06.gruz-spec-block-02.mc-block-04 .owl-stage {
  transform: none !important;
}
.news-detail-page {
  padding: 50px 0 80px;
}
.news-detail-page figure {
  margin: 0;
  padding: 0;
  display: block;
}
.news-detail-page p {
  margin: 0 0 15px;
}
.news-detail-page .news__pic {
  float: left;
  margin: 0 40px 30px 0;
  width: 32.5%;
}

/*.news-detail-page .news__pic > .swiper-container {*/
/*  max-height: 270px;*/
/*}*/

@media (max-width: 680px) {
  .news-detail-page .news__pic {
    float: none;
    margin: 0 0 30px;
    width: 100%;
  }
}
.news-detail-page .news__pic img {
  width: 100%;
  display: block;
  max-width: 100%;
  max-height: 267px;
  object-fit: cover;
}
.news-detail-page .swiper-wrapper {
  height: auto;
  margin: 0 0 50px;
}
.page-without-picture {
  padding: 50px 0 0;
}
.product-one-block-text {
  margin-bottom: 5.2vw;
}
.product-one-block-text p:last-child,
.product-one-block-text ul:last-child {
  margin-bottom: 0;
}
.top-block-image .custom-container {
  position: absolute;
  top: 0;
  padding-top: 7.2vw;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
  box-sizing: border-box;
}
@media (max-width: 1920px) {
  .top-block-image .custom-container {
    padding-top: 138px;
  }
}
@media (max-width: 1440px) {
  .top-block-image .custom-container {
    padding-top: 120px;
  }
}
@media (max-width: 1280px) {
  .top-block-image .custom-container {
    padding-top: 138px;
  }
}
@media (max-width: 1150px) {
  .top-block-image .custom-container {
    padding-top: 59px;
  }
}
@media (max-width: 850px) {
  .top-block-image .custom-container {
    padding-top: 30px;
  }
}
.top-block-image .social-icons {
  position: absolute;
  bottom: 80px;
  left: 0;
}
@media (max-width: 1920px) {
  .top-block-image .social-icons {
    bottom: 50px;
  }
}
@media (max-width: 1280px) {
  .top-block-image .social-icons {
    bottom: 31px;
  }
}
@media (max-width: 1150px) {
  .top-block-image .social-icons {
    bottom: 23px;
  }
}
@media (max-width: 850px) {
  .top-block-image .social-icons {
    bottom: 14px;
  }
}
.top-block-image .social-icons .icon.icon-share {
  display: none;
}
@media (max-width: 1150px) {
  .top-block-image .social-icons .icon {
    display: none;
  }
  .top-block-image .social-icons .icon.icon-share {
    display: block;
  }
}
.sitemap-page {
  padding: 3.3vw 0 5vw 0;
}
@media (max-width: 680px) {
  .sitemap-page {
    padding-bottom: 52px;
  }
}
.sitemap-page .title-h1 {
  margin-bottom: 3.2vw;
}
.sitemap-block {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1280px) {
  .sitemap-block {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
@media (max-width: 680px) {
  .sitemap-block {
    padding-top: 20px;
  }
}
@media (max-width: 850px) {
  .sitemap-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.sitemap-block .box-l {
  width: 51%;
}
@media (max-width: 680px) {
  .sitemap-block .box-l {
    width: 100%;
    margin-bottom: 27px;
  }
}
.sitemap-nav li {
  position: relative;
}
.sitemap-nav li a {
  color: #000;
}
.sitemap-nav li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #63cdf7;
  position: absolute;
  left: 0;
  top: 0.5vw;
}
@media (max-width: 850px) {
  .sitemap-nav li:before {
    width: 7px;
    height: 7px;
  }
}
.sitemap-nav >li a {
  margin-bottom: 1vw;
  display: block;
}
@media (max-width: 1920px) {
  .sitemap-nav >li a {
    margin-bottom: 19px;
  }
}
.sitemap-nav >li.level-bottom-1 a {
  margin-bottom: 2.6vw;
}
.sitemap-nav >li.level-bottom-1:first-of-type a {
  margin-top: 2.7vw;
}
.sitemap-nav >li.level-bottom-1:last-of-type a {
  margin-bottom: 2vw;
}
.sitemap-nav >li:before {
  display: none;
}
.sitemap-nav .level-2 {
  margin-left: 1.4vw;
}
.sitemap-nav .level-2 li {
  padding-left: 28px;
}
.sitemap-nav .level-2 li a {
  margin-bottom: 24px;
  display: block;
}
.sitemap-nav .level-2 >li a {
  margin-bottom: 1.65vw;
}
.sitemap-nav .level-2 >li:before {
  top: 1vw;
}
@media (max-width: 850px) {
  .sitemap-nav .level-2 >li:before {
    top: 2vw;
  }
}
.sitemap-nav .level-3 {
  margin-left: 2.3vw;
  margin-top: -0.7vw;
}
.sitemap-nav .level-3 >li {
  padding-left: 17px;
}
@media (max-width: 850px) {
  .sitemap-nav .level-3 >li {
    margin-top: 0;
  }
}
.sitemap-nav .level-3 >li a {
  margin-bottom: 0.99vw;
}
.sitemap-nav .level-3 >li:before {
  width: 7px;
  height: 7px;
}
.sitemap-nav .level-4 {
  margin-left: 2.4vw;
}
.sitemap-nav .level-4 >li {
  padding-left: 17px;
}
@media (max-width: 850px) {
  .sitemap-nav .level-4 >li a margin-bottom .8vw {
    margin-bottom: 10px;
  }
}
.sitemap-nav .level-4 >li:before {
  width: 7px;
  height: 7px;
}
.sitemap-nav .level-5 {
  margin-left: 2.5vw;
}
.sitemap-nav .level-5 >li {
  padding-left: 17px;
}
.sitemap-nav .level-5 >li:before {
  width: 6px;
  height: 6px;
}
.btn-arr-down {
  fill: none;
  stroke: #2abaf3;
  width: 21px;
  height: 13px;
}
.btn-sub-menu {
  width: 30px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  right: -46px;
  top: 5px;
  cursor: pointer;
}
@media (max-width: 850px) {
  .btn-sub-menu {
    top: 2px;
    padding: 7px;
    box-sizing: border-box;
    right: -40px;
  }
}
.btn-sub-menu.active {
  transform: scale(1, -1);
}
.sitemap-nav_wrap-link {
  display: inline-block;
  position: relative;
}
.sitemap-nav .level-2 {
  padding-top: 3.3vw;
  margin-left: 0;
}
@media (max-width: 680px) {
  .sitemap-nav .level-2 {
    margin-left: 18px;
  }
}
.sitemap-nav .level-2 >li .sitemap-nav_wrap-link a {
  margin-bottom: 0;
}
.level-2 ul {
  display: none;
}
.sitemap-nav .level-2 >li:before {
  top: 12px;
}
@media (max-width: 850px) {
  .sitemap-nav .level-2 >li:before {
    top: 8px;
  }
}
@media (max-width: 850px) {
  .sitemap-nav .level-3 li:before {
    top: 8px;
  }
}
.sitemap-nav .level-2 > li {
  display: block;
  padding-left: 16px;
  margin-bottom: 2vw;
}
@media (max-width: 850px) {
  .sitemap-nav .level-2 > li {
    margin-bottom: 15px;
  }
}
.sitemap-nav .level-2 > li:last-child {
  margin-bottom: 0;
}
.sitemap-nav .level-li-1.title-h3 > a {
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}
@media (max-width: 850px) {
  .sitemap-nav .level-li-1.title-h3 > a {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    text-transform: none;
  }
}
.sitemap-nav .level-li-2 a {
  font-weight: normal;
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 0;
}
@media (max-width: 850px) {
  .sitemap-nav .level-li-2 a {
    font-size: 24px;
    line-height: 28px;
  }
}
.sitemap-nav .level-4 {
  padding-top: 2vw;
  margin-left: 34px;
}
@media (max-width: 850px) {
  .sitemap-nav .level-4 {
    padding-top: 16px;
  }
}
@media (max-width: 680px) {
  .sitemap-nav .level-4 {
    margin-left: 0;
  }
}
.sitemap-nav .level-5 a {
  color: #6d6e71;
}
@media (max-width: 680px) {
  .sitemap-nav .level-5 a {
    color: #000;
  }
}
.sitemap-nav > li a,
.sitemap-nav .level-2 >li a,
.sitemap-nav >li.level-bottom-1:last-of-type a {
  margin-bottom: 0;
}
.sitemap-nav li:before {
  width: 7px;
  height: 7px;
}
@media (max-width: 680px) {
  .sitemap-nav li:before {
    width: 6px;
    height: 6px;
  }
}
@media (max-width: 850px) {
  .sitemap-nav .level-li-3 a {
    font-size: 20px;
    line-height: 24px;
  }
}
.sitemap-nav .level-3 {
  margin-top: 0;
  padding-top: 1.9vw;
  margin-left: 35px;
}
@media (max-width: 850px) {
  .sitemap-nav .level-3 {
    padding-top: 18px;
  }
}
@media (max-width: 680px) {
  .sitemap-nav .level-3 {
    margin-left: 0;
  }
}
.sitemap-nav .level-3 > li {
  margin-bottom: 2vw;
}
@media (max-width: 850px) {
  .sitemap-nav .level-3 > li {
    margin-bottom: 18px;
  }
}
.sitemap-nav .level-3 > li:last-child {
  margin-bottom: 0;
}
.level-4 > li {
  margin-bottom: 1.2vw;
}
@media (max-width: 850px) {
  .level-4 > li {
    margin-bottom: 22px;
  }
}
.sitemap-nav .level-4 >li:last-child {
  margin-bottom: 0;
}
.sitemap-nav .level-5 {
  padding-top: 1.1vw;
  padding-bottom: 1.1vw;
  margin-left: 34px;
}
@media (max-width: 850px) {
  .sitemap-nav .level-5 {
    padding-top: 16px;
  }
}
@media (max-width: 680px) {
  .sitemap-nav .level-5 {
    margin-left: 8px;
  }
}
.sitemap-nav .level-5 > li {
  margin-bottom: 1.2vw;
}
@media (max-width: 850px) {
  .sitemap-nav .level-5 > li {
    margin-bottom: 16px;
  }
}
.sitemap-nav .level-5 > li:last-child {
  margin-bottom: 0;
}
.sitemap-nav .level-bottom-1 {
  display: block;
  padding-top: 8vw;
}
.sitemap-nav .level-bottom-1:last-of-type {
  padding-top: 6vw;
}
.sitemap-nav .level-bottom-1 .level-2 {
  padding-top: 0;
}
@media (max-width: 680px) {
  .sitemap-nav .level-bottom-1 .level-li-2 a {
    font-size: 24px;
    line-height: 28px;
  }
}
@media (max-width: 680px) {
  .sitemap-nav .level-bottom-1_dekstop.level-bottom-1 {
    display: none;
  }
}
.sitemap-nav .level-bottom-1_mob.level-bottom-1 {
  display: none;
}
@media (max-width: 680px) {
  .sitemap-nav .level-bottom-1_mob.level-bottom-1 {
    display: inherit;
  }
}
.sitemap-nav > li a,
.sitemap-nav .level-2 >li a,
.sitemap-nav >li.level-bottom-1:last-of-type a {
  margin-bottom: 2vw;
}
.search-block-s {
  padding: 3.3vw 0 10.6vw 0;
}
@media (max-width: 1150px) {
  .search-block-s {
    padding: 50px 0 80px 0;
  }
}
@media (max-width: 480px) {
  .search-block-s {
    padding: 38px 0 100px 0;
  }
}
.search-block-s .breadcrumbs {
  margin-bottom: 3.4vw;
}
@media (max-width: 480px) {
  .search-block-s .breadcrumbs {
    margin-bottom: 34px;
  }
}
.search-block-s .title-h1 {
  margin-bottom: 2.7vw;
}
@media (max-width: 1150px) {
  .search-block-s .title-h1 {
    margin-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .search-block-s .title-h1 {
    margin-bottom: 31px;
  }
}

.info-s {
  color: #acacac;
  margin-top: 1.1vw;
  font-style: normal;
  font-weight: 300;
}
@media (max-width: 1150px) {
  .info-s {
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  .info-s {
    font-size: 14px !important;
    margin-top: 14px;
  }
}

input[type="search"i]::-webkit-search-cancel-button {
  display: none;
}
.box-form_search.size-zero {
  width: 0 !important;
  padding: 0;
}
.box-form_search {
  padding: 0;
  width: 390px;
  position: absolute;
  top: 0;
  right: auto;
  transform: translateX(-30px);
  background-color: #fff;
  transition: 0.3s;
  box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
  height: 90px;
  padding: 0 24px 0;
  box-sizing: border-box;
  z-index: 151;
}
@media (max-width: 850px) {
  .box-form_search {
    width: 310px;
  }
}
.box-form_search input {
  border: none;
  border-bottom: 1px solid rgba(101,104,103,0.5);
  width: 100%;
  height: 30px;
  padding-right: 20px;
  font-family: Proxima Nova, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  position: relative;
  top: 40px;
}
@media (max-width: 1150px) {
  .box-form_search input {
    top: 15px;
  }
}
.box-form_search.size-zero input {
  padding: 0;
}
.box-form_search button {
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  left: 0;
}
.header-icons {
  position: relative;
}
.search-icon {
  cursor: pointer;
}
.box-form_search-result {
  display: none;
  position: absolute;
  padding: 34px 22px;
  top: 70px;
  background: #fff;
  left: 24px;
  right: 24px;
  box-shadow: 0px 5px 10px rgba(0,0,0,0.12);
}
@media (max-width: 1150px) {
  .box-form_search-result {
    top: 46px;
  }
}
.box-form_search-result a {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: #4c4c4c;
  margin-bottom: 18px;
}
.box-form_search-result a:last-child {
  margin-bottom: 0;
}
.table-ratings-wrap {
  overflow: auto;
}
table.ratings {
  width: 99%;
  border-collapse: collapse;
  box-sizing: border-box;
}
table.ratings th {
  background: #f5f5f5;
  text-align: left;
  font-weight: normal;
}
table.ratings th.date {
  text-align: center;
  width: 22.65%;
}
table.ratings th.ratings-logo {
  border: 0;
  background: none;
  padding: 0 0 40px;
  font-size: 0;
  line-height: normal;
}
table.ratings th.ratings-logo img {
  max-height: 37px;
  max-width: 100%;
  display: inline-block;
}
table.ratings th,
table.ratings td {
  border: 3px solid #e8e8e8;
  padding: 30px 60px;
  box-sizing: border-box;
}
@media (max-width: 1280px) {
  table.ratings th,
  table.ratings td {
    padding: 20px 30px;
  }
}
@media (max-width: 850px) {
  table.ratings th,
  table.ratings td {
    padding: 10px 15px;
  }
}
table.ratings tbody tr td:first-child {
  text-align: center;
}
table.ratings.fitch tbody tr td:first-child ~ td {
  width: calc(77.35% / 4);
}
table.ratings.expert {
  margin-top: 100px;
}
table.ratings.expert tbody tr td:first-child ~ td {
  width: calc(77.35% / 2);
}
.mCS-styleScrollTheme {
  height: 370px;
  position: relative;
}
.mCS-styleScrollTheme .mCSB_scrollTools {
  opacity: 1;
}
.mCS-styleScrollTheme .mCSB_dragger {
  width: 110px;
}
.mCS-styleScrollTheme .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 20px;
}
.mCS-styleScrollTheme .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 6px;
  background-color: #e0e5f0;
}
.mCS-styleScrollTheme .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  height: 20px;
  width: 110px;
  border-radius: 12px;
  background-color: #0091d0;
}
.mCS-styleScrollTheme .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 110px;
  background: none;
}
.mCS-styleScrollTheme .mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
/* direct pointer events to js */
}
.mCS-styleScrollTheme .mCustomScrollbar.mCS_no_scrollbar,
.mCS-styleScrollTheme .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}
.mCS-styleScrollTheme .mCustomScrollBox {
/* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}
.mCS-styleScrollTheme .mCSB_container {
/* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
/* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}
.mCSB_scrollTools {
/* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
/* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}
.mCSB_scrollTools .mCSB_draggerContainer {
/* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
/* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px; /* minimum dragger height */
  z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
/* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
/* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
/* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px; /* minimum dragger width */
  height: 100%;
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px; /* auto-expanded scrollbar */
  margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px; /* auto-expanded scrollbar */
  margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
/* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; /* non-visible scrollbar */
  margin-left: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url("/local/templates/default/css/min/mCSB_buttons.png"); /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
/* 
    sprites locations 
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}
.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
/* 
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
/* 
    sprites locations 
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}
.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
/* 
    sprites locations 
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0,0,0,0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0,0,0,0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255,255,255,0.1);
  border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255,255,255,0.75);
  border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.1);
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255,255,255,0.1);
  border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255,255,255,0.75);
  border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.1);
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255,255,255,0.1);
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255,255,255,0.15);
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px; /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
/* auto-expanded scrollbar */
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px; /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px; /* auto-expanded scrollbar */
  margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0,0,0,0.2);
  box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.1);
  box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0,0,0,0.05);
  box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0,0,0,0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0,0,0,0.05);
  box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.85);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.1);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255,255,255,0.2);
  box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0,0,0,0.2);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255,255,255,0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0,0,0,0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0,0,0,0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255,255,255,0.9);
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.js-magn-gallery {
  cursor: pointer;
}
.mfp-prev,
.mfp-next {
  width: 38px;
  height: 5px;
  cursor: pointer;
  background: url("/image/arrow.svg") no-repeat;
}
.mfp-prev {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #004980;
  opacity: 0.75;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}
.mfp-zoom {
  cursor: pointer;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: #fff;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: none;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  padding: 0;
  cursor: pointer;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
  background: url("/image/close.svg") no-repeat 0 0;
}
.mfp-close:hover,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close:hover,
.mfp-close:focus,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close:focus {
  opacity: 1;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  color: #348dcc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
  text-align: center;
  font-size: 36px;
  line-height: 120%;
  margin: 0 52px;
}
.mfp-all {
  font-size: 16px;
  line-height: 120%;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: none;
  background: #000;
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
.mfp-figure {
  line-height: 0;
  margin: 40px 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: none;
  background: #444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: 0;
  cursor: auto;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 17px 10px 22px;
  background-color: #fff;
}
.mfp-title {
  top: 50%;
  right: 23px;
  text-align: left;
  color: #7f8c97;
  position: absolute;
  word-wrap: break-word;
  transform: translateY(-50%);
  padding-right: 0;
  font-size: 16px;
  line-height: 120%;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0,0,0,0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0,0,0,0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.selectric-wrapper {
  position: relative;
  cursor: pointer;
}
.selectric-responsive {
  width: 100%;
}
.selectric {
  border-radius: 0px;
  background: #fff;
  position: relative;
  overflow: hidden;
  border: 1px solid #bacad3;
}
.selectric .label {
  display: block;
  color: #2e4c63;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 14px;
  font-size: 16px;
  line-height: 34px;
  color: #444;
  height: 34px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  color: #bbb;
  text-align: center;
  border-left: 1px solid #bacad3;
  background: linear-gradient(to bottom, #fff, #ecf5fc);
}
.selectric .button:after,
.selectric .button:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform-origin: 50% 50%;
  background: url("/local/templates/default/css/min/patharrow_drop.svg") no-repeat center;
  transition-property: transform, opacity;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.4, 0.25, 0.3, 1);
}
.selectric .button:after {
  opacity: 0;
  background-image: url("/local/templates/default/css/min/patharrow_drop_act.svg");
}
.selectric-focus .selectric {
  border-color: #aaa;
}
.selectric-hover .selectric {
  border-color: #c4c4c4;
}
.selectric-hover .selectric .button {
  color: #a2a2a2;
}
.selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2;
}
.selectric-open {
  z-index: 9999;
}
.selectric-open .selectric {
  border-color: #00487f;
  background-color: #00487f;
}
.selectric-open .selectric .label {
  color: #fff;
}
.selectric-open .button {
  background: #00487f;
  border-left-color: #00487f;
}
.selectric-open .button::before,
.selectric-open .button::after {
  transform: rotate(180deg);
}
.selectric-open .button::before {
  opacity: 0;
}
.selectric-open .button::after {
  opacity: 1;
}
.selectric-open .selectric-items {
  display: block;
}
.selectric-disabled {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectric-hide-select select {
  position: absolute;
  left: -100%;
}
.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
}
.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}
.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #eaf3f9;
  border: none;
  z-index: -1;
  box-shadow: none;
}
.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
.selectric-items ul,
.selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  min-height: 20px;
}
.selectric-items li {
  display: block;
  color: #004b62;
  cursor: pointer;
  padding: 10px 14px;
  border-top: 1px solid #004b62;
}
.selectric-items li.selected,
.selectric-items li:first-of-type {
  border-top: none;
}
.selectric-items li::before {
  display: none;
}
.selectric-items li.selected {
  background: #008dcb;
  color: #fff;
}
.selectric-items li.highlighted {
  background: #008dcb;
  color: #fff;
}
.selectric-items li:hover {
  background: #008dcb;
  color: #fff;
}
.selectric-items .disabled {
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444;
}
.selectric-items .selectric-group li {
  padding-left: 25px;
}
.fields {
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px #bacad3 inset;
  height: 40px;
  padding: 0 20px;
  color: #2e4c63;
  font-size: 16px;
  font-weight: normal;
}
.fields--textarea {
  height: 150px;
  resize: none;
  padding: 10px 20px;
}
.file {
  font-size: 16px;
  line-height: 120%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.file:hover .file-link {
  text-decoration: none;
}
.file-text,
.file-append {
  color: #2e4c63;
}
.file-text {
  float: left;
  font-weight: 300;
}
.file-link {
  float: right;
  color: #0091d0;
  text-decoration: underline;
}
.file-append {
  clear: both;
}
.file input[type="file"] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  position: absolute;
}
.styleCheckbox-input {
  left: -300000px;
  position: absolute;
}
.styleCheckbox-input:checked + .styleCheckbox::before {
  background-position: 0 -80px;
}
.styleCheckbox {
  color: #7f8c97;
  cursor: pointer;
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding-left: 25px;
}
.styleCheckbox:hover::before {
  background-position: 0 -40px;
}
.styleCheckbox::before {
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: ' ';
  display: block;
  position: absolute;
  background: url("/image/checkbox.png") no-repeat 0 0;
}
.forms-resume {
  padding-bottom: 30px;
}
.forms-resume .fields::-webkit-input-placeholder {
  color: #7f8c97;
  opacity: 1;
}
.forms-resume .fields:-ms-input-placeholder {
  color: #7f8c97;
  opacity: 1;
}
.forms-resume .fields::placeholder {
  color: #7f8c97;
  opacity: 1;
}
.forms-resume .newListSelected {
  margin: 0 0 20px;
}
.forms-resume .popup__title {
  text-align: left;
}
.forms-resume .file {
  text-align: left;
  margin: 18px 0 43px;
}
.forms-resume .btn {
  float: left;
  padding: 0 53px;
}
.forms-resume .styleCheckbox {
  width: 190px;
  text-align: right;
  font-size: 16px;
  line-height: 120%;
  float: right;
}
@media screen and (max-width: 500px) {
  .forms-resume .file {
    margin: 15px 0;
  }
  .forms-resume .styleCheckbox {
    width: 100%;
    float: none;
    margin: 15px 0;
    text-align: left;
    box-sizing: border-box;
  }
}
.forms-callbacks {
  max-width: 520px;
  padding: 40px;
  text-align: center;
}
.forms-callbacks .selectric,
.forms-callbacks .selectric-scroll {
  text-align: left;
}
.forms-callbacks .selectric-wrapper {
  margin-bottom: 20px;
}
.forms-callbacks .selectric-items li {
  padding-left: 20px;
}
.forms-callbacks .selectric .label {
  height: 40px;
  margin-left: 18px;
  margin-right: 70px;
  color: #2e4c63;
  line-height: 40px;
}
.forms-callbacks .selectric .button {
  width: 67px;
  height: 40px;
}
.forms-callbacks.personnel {
  max-width: 80%;
}
.forms-callbacks__title {
  font-size: 30px;
  line-height: 1.3;
  text-align: center;
  padding-bottom: 20px;
}
.forms-callbacks .fields {
  margin-bottom: 20px;
  text-align: left;
}
@media (max-width: 480px) {
  .forms-callbacks {
    padding: 20px 15px;
    box-sizing: border-box;
  }
  .forms-callbacks__title {
    font-size: 24px;
    padding-bottom: 10px;
  }
}
.popup {
  position: relative;
  background-color: #fff;
  margin: 40px auto;
  box-shadow: 0 3px 10px rgba(0,73,128,0.2);
}
.popup .mfp-close {
  top: 14px;
  right: 14px;
}
.popup__title {
  color: #2e4c63;
  margin: 0 0 32px;
  font-size: 30px;
  line-height: 120%;
  font-weight: 700;
  text-transform: uppercase;
}
.personal__reserve {
  width: 100%;
  color: #2e4c63;
  margin: 48px 0 48px 0;
  overflow: hidden;
  max-width: 1320px;
  box-sizing: border-box;
}
.personal__reserve-style-scroll {
  max-width: 1330px;
}
.personal__reserve-scroll {
  width: 1208px;
  padding: 0 56px;
  overflow: hidden;
  position: relative;
}
.personal__reserve-wrap {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.personal__reserve-wrap::after {
  top: 0;
  left: 25%;
  width: 370px;
  height: 325px;
  content: ' ';
  display: block;
  position: absolute;
  background: url("/image/persona-reserve.png") no-repeat 0 0;
}
.personal__reserve-l {
  width: 642px;
  box-sizing: border-box;
}
.personal__reserve-l-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 5px;
  padding: 8px 0 6px 17px;
  background-color: #f2f7fc;
}
.personal__reserve-l-item:first-of-type {
  margin-top: 0;
}
.personal__reserve-l-item.-color .personal__reserve-numb {
  color: #2e4c63;
}
.personal__reserve-r {
  width: 500px;
  font-size: 14px;
  font-weight: 300;
  line-height: 125%;
}
.personal__reserve-r span {
  color: #3a8ed7;
  font-weight: 700;
}
.personal__reserve-r .-color span {
  color: #2e4c63;
}
.personal__reserve-r-item {
  margin-top: 16px;
}
.personal__reserve-r-item:first-of-type {
  margin-top: 0;
}
.personal__reserve-numb {
  color: #3a8ed7;
  font-size: 30px;
  line-height: 120%;
  margin: 0 17px 0 0;
}
.personal__reserve-desc {
  width: 245px;
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
}
.personal__reserve-desc .-block {
  display: block;
}
.personal__reserve-title {
  bottom: 0;
  position: absolute;
  width: 325px;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  transform-origin: 0 100%;
  transform: rotate(-90deg);
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.personal__reserve-title.-left {
  left: 48px;
}
.personal__reserve-title.-left .personal__reserve-title-item {
  padding-bottom: 6px;
}
.personal__reserve-title.-right {
  right: -310px;
}
.personal__reserve-title.-right .personal__reserve-title-item {
  padding-bottom: 0;
  border-bottom: none;
  padding-top: 9px;
  border-top: 5px solid #2e4c63;
}
.personal__reserve-title.-right .personal__reserve-title-item:nth-of-type(2n) {
  border-top-color: #3a8ed7;
}
.personal__reserve-title-item {
  color: #2e4c63;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-bottom: 5px solid #2e4c63;
}
.personal__reserve-title-item:nth-of-type(2n) {
  color: #3a8ed7;
  border-bottom-color: #3a8ed7;
}
.personal__reserve-title-item.-size-1 {
  width: 115px;
}
.personal__reserve-title-item.-size-2 {
  width: 205px;
}
.personal__reserve-title-item.-size-3 {
  width: 135px;
}
.personal__reserve-title-item.-size-4 {
  width: 180px;
}
@media (max-width: 480px) {
  .personal__reserve {
    margin: 23px 0 0;
  }
}
.spoler {
  padding: 20px 0;
}
.spoler__row {
  margin-top: 12px;
}
.spoler__head {
  border: 1px solid #bacad3;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -ms-flex-align: center;
      align-items: center;
  padding: 5px 155px 5px 15px;
  position: relative;
  color: #2e4c63;
}
@media (max-width: 480px) {
  .spoler__head {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 5px 70px 5px 10px;
    text-align: left;
  }
}
.spoler__head-btn {
  width: 150px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, #fff, #ecf5fc);
  border-left: 1px solid #bacad3;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  font-weight: 300;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.spoler__head-btn:before {
  content: "Развернуть";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  box-sizing: border-box;
  padding-right: 25px;
}
.spoler__head-btn:after {
  content: "";
  width: 18px;
  height: 10px;
  background: url("/image/arrow_drop.svg") no-repeat;
  margin: auto;
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  transition: transform 0.4s cubic-bezier(0.4, 0.25, 0.3, 1) 0s;
}
@media (max-width: 1150px) {
  .spoler__head-btn {
    width: 60px;
  }
  .spoler__head-btn:before {
    display: none;
  }
  .spoler__head-btn:after {
    right: 0;
    left: 0;
  }
}
.spoler__head-item {
  -ms-flex: 1;
      flex: 1;
  font-size: 20px;
  line-height: 1.3;
}
.spoler__head-item:nth-child(2) {
  -ms-flex: 1.2;
      flex: 1.2;
}
.spoler__head-item a,
.spoler__head-item span {
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
}
@media (max-width: 1150px) {
  .spoler__head-item {
    -ms-flex: 2;
        flex: 2;
  }
  .spoler__head-item:nth-child(2) {
    -ms-flex: 1;
        flex: 1;
  }
}
@media (max-width: 480px) {
  .spoler__head-item {
    -ms-flex: 1;
        flex: 1;
    width: 100%;
    font-size: 16px;
  }
}
.spoler__head.active {
  background: #00487f;
  color: #fff;
  border-color: #00487f;
}
.spoler__head.active .spoler__head-item a {
  color: #76c6ff;
}
.spoler__head.active .spoler__head-btn {
  background: none;
  border-left: transparent;
}
.spoler__head.active .spoler__head-btn:before {
  content: "Свернуть";
}
.spoler__head.active .spoler__head-btn:after {
  background: url("/image/arrow_drop_act.svg") no-repeat;
  transform: rotate(180deg);
}
.spoler__content {
  display: none;
  background: #eaf3f9;
  margin-bottom: 25px;
  box-sizing: border-box;
  padding: 5px 20px 25px;
}
.spoler__content h3 {
  font-size: 20px;
  padding: 26px 0 0;
}
.spoler__content p,
.spoler__content ul {
  font-size: 16px;
  padding-top: 19px;
}
.vakancy__wrap {
  clear: both;
  margin: 46px 0 0;
}
.vakancy__sidebar {
  float: left;
  width: 31%;
  position: relative;
}
.vakancy__job,
.vakancy__link {
  border: 1px solid #c0cad4;
}
.vakancy__content {
  float: right;
  width: 65%;
}
.vakancy__content p:first-of-type {
  padding-top: 0;
}
.vakancy__link {
  padding: 0 17px;
  font-size: 20px;
  line-height: 130%;
  font-weight: bold;
  margin: 0 0 11px;
}
.vakancy__link-item {
  border-top: 1px solid #c0cad4;
}
.vakancy__link-item:first-of-type {
  border-top: none;
}
.vakancy__link-item a {
  display: block;
  color: #2e4c63;
  text-decoration: none;
  padding: 12px 0 11px;
}
.vakancy__link-item a:hover,
.vakancy__link-item.active a {
  color: #b9271c;
}
.vakancy__job {
  clear: both;
  color: #2e4c63;
  font-size: 20px;
  line-height: 145%;
  padding: 24px 0 28px 20px;
}
.vakancy__job-text {
  float: left;
}
.vakancy__job-img {
  float: left;
  display: block;
  text-decoration: none;
  margin: 11px 0 0 29px;
}
.vakancy__adres {
  color: #2e4c63;
  font-size: 16px;
  line-height: 120%;
  font-weight: 300;
  margin: 38px 0 0;
}
.vakancy__adres b {
  margin-right: 7px;
}
.vakancy__adres .btn {
  float: right;
  padding: 0 23px;
  margin: 12px 0 0;
}
.vakancy__adres-item {
  clear: both;
}
.vakancy__adres-item:nth-of-type(n+2) {
  margin: 21px 0 0;
  padding: 19px 0 0;
  border-top: 1px solid #c0cad4;
}
.vakancy__adres-item-col {
  float: left;
}
.vakancy__adres-row {
  margin: 4px 0;
}
.vakancy__adres-topB {
  margin: 0 0 19px;
}
.vakancy__adres-city,
.vakancy__adres-name {
  font-size: 20px;
  line-height: 145%;
  font-weight: 400;
}
.vakancy__mob {
  top: -30000px;
  left: -300000px;
  color: #2e4c63;
  font-size: 20px;
  margin: 0 0 10px;
  position: absolute;
}
.vakancy__mob.-isDown .vakancy__mob-text {
  color: #fff;
  background: #00487f;
  border-color: #00487f;
}
.vakancy__mob.-isDown .vakancy__mob-text::after {
  transform: rotate(180deg);
  background-image: url("/image/arrow_drop_act.svg");
}
.vakancy__mob.-isDown .vakancy__mob-pop {
  display: block;
}
.vakancy__mob-text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  position: relative;
  border: 1px solid #c0cad4;
  padding: 13px 56px 17px 18px;
}
.vakancy__mob-text::after {
  top: 19px;
  right: 25px;
  width: 18px;
  height: 10px;
  content: ' ';
  display: block;
  position: absolute;
  transform-origin: 50% 50%;
  background: url("/image/arrow_drop.svg") no-repeat 0 0;
}
.vakancy__mob-pop {
  display: none;
  background: #eaf3f9;
}
.vakancy__mob-pop a {
  color: #004b62;
  display: block;
  text-decoration: none;
}
.vakancy__mob-pop-item {
  padding: 15px 19px;
  border-top: 1px solid #004b62;
}
.vakancy__mob-pop-item:first-of-type {
  border-top: none;
}
.vakancy__mob-pop-item.active {
  display: none;
}
@media (max-width: 1680px) {
  .vakancy__job {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    padding-right: 20px;
  }
  .vakancy__job-img {
    margin-left: 0;
    margin-bottom: 15px;
    text-align: center;
  }
  .vakancy__job-text {
    width: 100%;
  }
}
@media (max-width: 1150px) {
  .vakancy__sidebar,
  .vakancy__content {
    width: auto;
    float: none;
  }
  .vakancy__sidebar {
    margin-bottom: 40px;
  }
  .vakancy__link {
    top: -300000px;
    left: -30000px;
    position: absolute;
  }
  .vakancy__mob {
    top: 0;
    left: 0;
    position: relative;
  }
  .vakancy__job {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding-bottom: 20px;
  }
  .vakancy__job::before,
  .vakancy__job::after {
    display: none;
  }
  .vakancy__job-text {
    max-width: 290px;
  }
}
@media (max-width: 1150px) {
  .vakancy__wrap {
    margin: 17px 0 0;
  }
  .vakancy__sidebar {
    margin-bottom: 22px;
  }
  .vakancy__job,
  .vakancy__mob {
    font-size: 18px;
  }
  .vakancy__job {
    padding: 13px 20px 16px 20px;
  }
  .vakancy__job-text {
    width: auto;
  }
  .vakancy__job-img {
    width: 84px;
  }
  .vakancy__job-img img {
    max-width: 100%;
  }
  .vakancy__adres {
    margin: 20px 0 0;
  }
  .vakancy__adres-city,
  .vakancy__adres-name {
    font-size: 18px;
  }
  .vakancy__adres .btn,
  .vakancy__adres-item-col {
    float: none;
  }
  .vakancy__adres-item-col {
    width: auto;
    margin: 0 0 15px;
  }
  .vakancy__adres-item-col:nth-of-type(n+2) {
    margin-top: 30px;
  }
}

.vakancy__adres-item-col {
  width: calc(100% - 210px)
}
.vakancy__job-item-col {
  width: calc(100% - 230px);
}
.vakancy__job-text {
  width: calc(100% - 214px);
}
@media screen and (max-width: 1400px) {
  .vakancy__job-text {
    width: calc(100% - 170px);
  }
}
@media screen and (max-width: 765px) {
  .vakancy__job-text {
    width: calc(100% - 100px);
  }
}
.career-block-02 .custom-container .num-block .numbers {
  white-space: nowrap;
}
.about-page .text-container img {
  border-radius: 100%;
  max-width: 100%;
  max-height: 261px;
  height: auto !important;
}
.about-page .text-container ol {
  padding-left: 30px;
}
.about-page .text-container h2,
.about-page .text-container h3 {
  margin-bottom: 0.5em;
}
.about-page .title-h1 {
  margin-bottom: 4.5vw;
}
@media (max-width: 1150px) {
  .about-page .title-h1 {
    margin-bottom: 56px;
  }
}
@media (max-width: 480px) {
  .about-page .title-h1 {
    margin-bottom: 40px;
  }
}
.licence {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.licence img {
  max-width: 100%;
}
.team__row,
.licence__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.team__item,
.licence__item {
  text-align: center;
  width: 25%;
  margin-bottom: 40px;
  padding: 0 1%;
  box-sizing: border-box;
}
@media (max-width: 1680px) {
  .team__item,
  .licence__item {
    width: 33%;
  }
}
@media (max-width: 850px) {
  .team__item,
  .licence__item {
    width: 50%;
    padding: 0 5%;
  }
}
@media (max-width: 480px) {
  .team__item,
  .licence__item {
    width: 100%;
    padding: 0;
  }
}
.team__img,
.licence__img {
  width: 100%;
}
.team__img img,
.licence__img img {
  max-width: 100%;
}
.team__name,
.licence__name {
  padding: 0.5em 0 0.2em;
}
nav.header-navbar>ul>li {
  position: relative;
  list-style: none;
}
nav.header-navbar>ul>li:hover>ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
nav.header-navbar>ul>li>ul {
  position: absolute;
  display: block;
  left: 0;
  top: 100%;
  padding-top: 1.4vw;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 1920px) {
  nav.header-navbar>ul>li>ul {
    padding-top: 25px;
  }
}
@media (max-width: 1200px) {
  nav.header-navbar>ul>li>ul {
    display: none;
  }
}

nav.header-navbar>ul>li>ul {
  min-width: 400px;
  max-width: 500px;
}
nav.header-navbar>ul>li>ul li {
  background: rgba(0,0,0,0.7);
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 22px;
  list-style-type: none;
}
nav.header-navbar>ul>li>ul li:first-child {
  padding-top: 32px;
}
nav.header-navbar>ul>li>ul li:last-child {
  padding-bottom: 25px;
}
nav.header-navbar>ul>li>ul li:after {
  display: none;
}
nav.header-navbar>ul>li>ul li a {
  color: #fff !important;
  white-space: normal;
  padding: 0;
  transition: all 0.2s ease-out 0s;
  font: 300 0.7vw "ProximaNova", sans-serif;
}
@media (max-width: 1920px) {
  nav.header-navbar>ul>li>ul li a {
    font: 300 13px "ProximaNova", sans-serif;
  }
}
nav.header-navbar>ul>li>ul li a:hover {
  color: #63cdf7 !important;
}
[class$="-copyrights-pane"] {
  display: none;
}
.page-contacts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-top: 4.5vw;
}
@media (max-width: 850px) {
  .page-contacts {
    display: block;
  }
}
.page-contacts .right {
  width: 58%;
}
@media (max-width: 850px) {
  .page-contacts .right {
    width: 100%;
    padding-top: 30px;
  }
}
@media (max-width: 680px) {
  .page-contacts .right {
    width: 100vw;
    left: -16px;
    position: relative;
  }
}
.page-contacts_map {
  background: #b8aeae;
  border: 1px solid #acacac;
  width: 100%;
  position: relative;
  padding-bottom: 50%;
  box-sizing: border-box;
}
@media (max-width: 680px) {
  .page-contacts_map {
    padding-bottom: 100%;
  }
}
.page-contacts_map:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.01);
  box-shadow: inset 1px 0px 24px -2px rgba(0,0,0,0.3);
  z-index: 1;
  pointer-events: none;
}
.page-contacts_map-route {
  padding: 40px;
  background: #acacac;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
@media (max-width: 680px) {
  .page-contacts_map-route {
    padding: 20px 16px;
  }
}
.page-contacts_map-route button {
  -webkit-appearance: none;
  border-radius: 30px;
  height: 60px;
  background: #63cdf6;
  border: 0;
  line-height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #fff;
  font-size: 26px;
  padding: 0 6px 0 35px;
  cursor: pointer;
}
.page-contacts_map-route button svg {
  height: 49px;
  width: 49px;
  min-width: 49px;
  fill: #fff;
  margin-left: 20px;
}
@media (max-width: 1280px) {
  .page-contacts_map-route button {
    position: absolute;
    right: 46px;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: auto;
    width: 49px;
    background: none;
    z-index: 1;
  }
  .page-contacts_map-route button span {
    display: none;
  }
  .page-contacts_map-route button svg {
    margin: 0;
    fill: #63cdf6;
  }
}
@media (max-width: 680px) {
  .page-contacts_map-route button {
    right: 22px;
  }
}
.page-contacts_map-route input {
  -webkit-appearance: none;
  height: 60px;
  padding: 0 30px;
  border-radius: 30px;
  background: #fff;
  width: 100%;
  border: 0;
  margin: 0 20px 0 0;
  color: #63cdf7;
  font-size: 21px;
  line-height: 1em;
}
.page-contacts_map-route input::-webkit-input-placeholder {
  color: #63cdf7;
}
.page-contacts_map-route input:-ms-input-placeholder {
  color: #63cdf7;
}
.page-contacts_map-route input::placeholder {
  color: #63cdf7;
}
.page-contacts_map-route input:-ms-input-placeholder {
  color: #63cdf7;
}
.page-contacts_map-route input::-webkit-input-placeholder {
  font-size: 21px;
}
.page-contacts_map-route input::placeholder {
  font-size: 21px;
}
.page-contacts_map-route input:-ms-input-placeholder {
  font-size: 21px;
}
.page-contacts_map-route input::-webkit-input-placeholder {
  line-height: 1em;
}
.page-contacts_map-route input::placeholder {
  line-height: 1em;
}
.page-contacts_map-route input:-ms-input-placeholder {
  line-height: 1em;
}
.page-contacts_map-route input::-webkit-input-placeholder {
  font-family: ProximaNova;
}
.page-contacts_map-route input::placeholder {
  font-family: ProximaNova;
}
.page-contacts_map-route input:-ms-input-placeholder {
  font-family: ProximaNova;
}
@media (max-width: 1280px) {
  .page-contacts_map-route input {
    margin: 0;
    padding: 0 65px 0 20px;
  }
}
.page-contacts #mapContacts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-contacts #mapContacts [class$="-ground-pane"] {
  filter: grayscale(100%);
}
.page-contacts #mapContacts:hover [class$="-ground-pane"] {
  filter: grayscale(0);
}
.page-contacts_title {
  font-size: 1vw;
  line-height: 1.2em;
  color: #000;
  font-weight: bold;
  letter-spacing: 0.035em;
  margin-bottom: 2.7vw;
}
@media (max-width: 1920px) {
  .page-contacts_title {
    font-size: 19px;
  }
}
.page-contacts_item {
  font-size: 0.9vw;
  line-height: 1.2em;
  margin-bottom: 2.6vw;
}
@media (max-width: 1920px) {
  .page-contacts_item {
    font-size: 17px;
  }
}
.page-contacts_item a {
  color: #63cdf7;
}
.page-contacts_item strong {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9vw;
  line-height: 1.24em;
  letter-spacing: 0.18em;
  margin-bottom: 0.55vw;
}
@media (max-width: 1920px) {
  .page-contacts_item strong {
    font-size: 17px;
  }
}


/* new styles*/
.static-block img {
  width: 100%;
  object-fit: cover;
}

.static-block__wrapper {
  position: absolute;
  top: 0;
  padding-top: 7.2vw;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
  box-sizing: border-box;
}

.static-block__wrapper {
  padding-top: 4.6vw;
}
@media (max-width: 1920px) {
  .static-block__wrapper {
    padding-top: 90px;
  }
}
@media (max-width: 1150px) {
  .static-block__wrapper {
    padding-top: 27px;
  }
}
@media (max-width: 850px) {
  .static-block__wrapper {
    padding-top: 50px;
  }
}
@media (max-width: 480px) {
  .static-block__wrapper {
    padding-top: 30px;
  }
}

.static-block__wrapper .title-h2 {
  color: #fff;
  margin-bottom: 2.7vw;
  text-shadow: 1px 0 0 #000, 0 1px 0 #000;
  max-width: 65vw;
}
@media (max-width: 1920px) {
  .static-block__wrapper .title-h2 {
    max-width: 690px;
    margin-bottom: 80px;
  }
}

@media (max-width: 1280px) {
  .static-block__wrapper .banner-title {
    max-width: 845px;
  }
  .static-block__wrapper .banner-title br {
    display: none;
  }
}
@media (max-width: 1150px) {
  .static-block__wrapper .title-h2 {
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 50px;
    max-width: 700px;
  }
}
@media (max-width: 850px) {
  .static-block__wrapper .title-h2 {
    margin-bottom: 42px;
    font-size: 30px;
    line-height: 32px;
    max-width: 540px;
  }
}
@media (max-width: 480px) {
  .static-block__wrapper .title-h2 {
    margin-bottom: 121px;
    font-size: 20px;
    line-height: 24px;
  }
}

.max-width-for-image img {
  width: 100%;
  object-fit: cover;
}

.podvizhnoy-sostav .top-block-image {
  margin-bottom: 3.3vw;
}

.podvizhnoy-sostav .breadcrumbs {
  margin-top: 0;
  margin-bottom: 4.1vw;
}

.podvizhnoy-sostav .custom-container-sostav {
  padding-top: 0;
}

.podvizhnoy-sostav .title-h1 {
  white-space: initial;
}

@media (max-width: 1920px) {
  .podvizhnoy-sostav .top-block-image {
    margin-bottom: 60px;
  }
}

@media (max-width: 480px) {
  .products-page.podvizhnoy-sostav .top-block-image {
    height: 505px;
  }
}

@media (max-width: 1150px) {
  .swiper-container.optimize-width-slider .swiper-slide img {
    left: initial;
  }
}

@media(max-width: 680px) {
  .swiper-container.optimize-width-slider .swiper-slide img {
    right: initial;
  }
}

.mb-0 {
  margin-bottom: 0 !important;
}

.on-display {
  display: block !important;
}

.mail-icon {
  display: flex;
  width: auto;
  align-items: center;
}

.mail-icon span {
  font-size: 14px;
  color: #000;
  margin-left: 10px;
  white-space: nowrap;
}

.corporate-link {
  grid-column: span 5;
  color: #fff;
  text-decoration: none;
  font: 300 13px/120% "ProximaNova", sans-serif;
}

.corporate-link:hover {
  text-decoration: none;
  color: #fff;
}

.mob-menu {
  overflow-y: auto;
  padding: 40px 15px 150px 17px;
  height: calc(100vh - 65px);
}
.mob-menu li ul {
  margin-left: 15px;
}
.mob-menu li ul li a {
  font-size: 12px;
}
.mob-menu li ul li {
  margin-bottom: 10px;
}
.mob-menu li ul li:first-of-type {
  margin-top: 10px;
}
.mob-menu li ul li:before {
  height: 1px;
}

.buttons-block {
  margin-top: 60px;
  display: grid;
  justify-content: center;
  row-gap: 30px;
  padding: 0 15px;
}

.buttons-block__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 250px);
  column-gap: 30px;
  justify-content: center;
}

.buttons-block__wrapper a {
  background-color: rgb(0, 87, 164);
  color: #fff;
  border: none;
  padding: 10px 20px;
  text-align: center;
  font-size: 22px;
}

.buttons-block__motivation {
  font-weight: normal;
  text-align: center;
}

.buttons-block__motivation a {
  color: #63cdf7;
  text-decoration: none;
}

.buttons-block__motivation a:hover {
  color: #63cdf7;
  text-decoration: none;
}

@media (max-width: 550px) {
  .buttons-block__wrapper {
    grid-template-columns: 1fr;
    row-gap: 15px;
  }
}

.career-block-07 .box {
  margin-right: 5px;
}

.journal-block .news-slider-2 .image-new img {
  width: 100%;
}

.journal-block .news-slider-2 .image-new a {
  display: block;
}

.js-product-slider {
  height: min-content;
}


.fix-pagination-arrows .prev-btn,
.fix-pagination-arrows .next-btn {
  width: 39px !important;
  height: 39px !important;
}

.slider-custom-nav.slider-custom-nav-2.fix-pagination-arrows .prev-btn svg,
.slider-custom-nav.slider-custom-nav-2.fix-pagination-arrows .next-btn svg {
  fill: #fff !important;
  transition: opacity 0.3s ease-in-out;
}

.slider-custom-nav.slider-custom-nav-2.fix-pagination-arrows .prev-btn:hover svg,
.slider-custom-nav.slider-custom-nav-2.fix-pagination-arrows .next-btn:hover svg {
  opacity: 0.7;
}

.slider-custom-nav.slider-custom-nav-2.fix-pagination-arrows .next-btn svg {
  transform: rotate(180deg) !important;
}

@media (max-width: 991px) {
  .fix-pagination-arrows .prev-btn,
  .fix-pagination-arrows .next-btn {
   display: none;
  }
}

@media (max-width: 480px) {
  .motion-control-page .gruz-spec-slider .image {
    height: 100%;
  }
}
/* !new styles*/


.logo-wrapper {
  position: relative;
  display: flex;
  background-color: #ffffff26;
  max-width: 100%;
  width: fit-content;
  width: -moz-fit-content;
  border-radius: 20px;
  padding: 20px;
  backdrop-filter: blur(3px);
  box-sizing: border-box;
  z-index: 1;
}

.logo-wrapper .logo-wrapper__image {
  position: relative !important;
  height: auto !important;
  max-height: 177px;
  object-fit: contain;
  width: auto !important;
  left: initial !important;
  right: initial !important;
  top: initial !important;
  transform: none !important;
  max-width: 100% !important;
}

.social-custom-items.news-slider-2 .image-new img {
  width: 100%;
  object-fit: cover;
}

html body .disable-dots .owl-dots {
  display: none !important;
}

.telegram-logo {
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
  filter: invert(1) brightness(1);
}

.telegram-logo:hover {
  filter: invert(67%) sepia(67%) saturate(454%) hue-rotate(165deg) brightness(99%) contrast(96%);
}

.telegram-logo_footer {
  opacity: 0.7;
}

.telegram-logo_footer:hover {
  filter: invert(1) brightness(1);
  opacity: 1;
}


.with-padding-children > * {
  padding-bottom: 1rem;
}

.cookie-enabled-wrapper {
  position: fixed;
  bottom: 0;
  z-index: 100;
  width: 100%;
  background-color: #fff;
  padding: 10px;
  border-top: 3px solid #63cdf7;
  box-sizing: border-box;
}

.cookie-enabled-block {
  display: grid;
  row-gap: 10px;
}

.cookie-enabled-text {
  font-size: 15px;
  text-align: center;
}

.cookie-enabled-button {
  border-radius: 10px;
  cursor: pointer;
  width: fit-content;
  width: -moz-fit-content;
  justify-self: center;
  padding: 5px 10px;
  box-sizing: border-box;
  border: 1px solid rgb(0, 87, 164);
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  background-color: rgb(0, 87, 164);
}

/* End */


/* Start:/local/templates/default/css/styles.css?171923105222048*/
@font-face {
    font-family: "ProximaNova";
    src: url("/fnt/proximanova/ProximaNova-Light.eot"); /* IE9 Compat Modes */
    src: url("/fnt/proximanova/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("/fnt/proximanova/ProximaNova-Light.ttf") format("truetype"), url("/fnt/proximanova/ProximaNova-Light.woff") format("woff"); /* Modern Browsers */
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "ProximaNova";
    src: url("/fnt/proximanova/ProximaNova-Regular.eot"); /* IE9 Compat Modes */
    src: url("/fnt/proximanova/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("/fnt/proximanova/ProximaNova-Regular.otf") format("opentype"), url("/fnt/proximanova/ProximaNova-Regular.ttf") format("truetype"), url("/fnt/proximanova/ProximaNova-Regular.woff") format("woff"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ProximaNova";
    src: url("/fnt/proximanova/ProximaNova-Bold.eot"); /* IE9 Compat Modes */
    src: url("/fnt/proximanova/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("/fnt/proximanova/ProximaNova-Bold.ttf") format("truetype"), url("/fnt/proximanova/ProximaNova-Bold.woff") format("woff"); /* Modern Browsers */
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "ProximaNova";
    src: url("/fnt/proximanova/ProximaNova-Semibold.eot"); /* IE9 Compat Modes */
    src: url("/fnt/proximanova/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("/fnt/proximanova/ProximaNova-Semibold.ttf") format("truetype"), url("/fnt/proximanova/ProximaNova-Semibold.woff") format("woff"); /* Modern Browsers */
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "ProximaNova";
    src: url("/fnt/proximanova/ProximaNova-Extrabld.eot"); /* IE9 Compat Modes */
    src: url("/fnt/proximanova/ProximaNova-Extrabld.eot?#iefix") format("embedded-opentype"), url("/fnt/proximanova/ProximaNova-Extrabld.ttf") format("truetype"), url("/fnt/proximanova/ProximaNova-Extrabld.woff") format("woff"); /* Modern Browsers */
    font-weight: 800;
    font-style: normal;
}

/*header*/
.header-new {
    height: 4.7vw;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 12%);
    position: relative;
    z-index: 150;
}

@media (max-width: 1920px) {
    .header-new {
        height: 90px;
    }
}

@media (max-width: 1150px) {
    .header-new {
        height: 64px;
    }
}

.custom-container {
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    width: 100%;
    max-width: 1140px;
    position: relative;
}

.header-inner {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%;
}

.header-inner__search {
    position: absolute;
    width: 300px;
    right: 200px;
}

.logo-header {
    margin-right: 50px;
}

.logo-header svg {
    width: 100%;
    height: 100%;
}

.header-navbar {
    width: 55%;
}

@media (max-width: 1440px) {
    .header-navbar {
        max-width: 60%;
    }
}

@media (max-width: 1280px) {
    .header-navbar {
        max-width: 60%;
    }
}

@media (max-width: 1150px) {
    .header-navbar {
        display: none;
    }
}

.header-navbar ul {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-navbar ul li {
    position: relative;
}

.header-navbar ul li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #63cdf7;
    opacity: 0;
}

.header-navbar ul li:hover:after {
    opacity: 1;
}

.header-navbar ul li:hover a {
    color: #4c4c4c;
}

.header-navbar ul li a {
    font: 400 18px "ProximaNova", sans-serif;
    text-transform: uppercase;
    font-size: 0.64vw;
    line-height: 19px;
    letter-spacing: 0.23em;
    color: #4c4c4c;
    text-decoration: none;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}

@media (max-width: 1920px) {
    .header-navbar ul li a {
        font-size: 11px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1920px) {
    .header-navbar ul li a {
        font-size: 13px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.header-icons {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: 105px;
}

@media (max-width: 1920px) {
    .header-icons {
        margin-right: 50px;
    }
}

@media (max-width: 1150px) {
    .header-icons {
        margin-right: 0;
    }
}

.header-icons svg {
    width: 100%;
    height: 100%;
}

.header-icons .search-icon {
    width: 1vw;
    height: 1vw;
    margin: 0 20px 0 0;
}

.header-icons .mail-icon svg {
    width: 19.5px;
    height: 19.5px;
}

@media (max-width: 1150px) {
    .header-icons .search-icon, .header-inner__search {
        display: none !important;
    }
}

@media (max-width: 1920px) {
    .header-icons .mail-icon {
        width: 19.5px;
        height: 19.5px;
    }

    .header-icons .mail-icon svg {
        width: 19.5px;
        height: 19.5px;
    }
}

@media (max-width: 1150px) {
    .header-icons .mail-icon {
        margin-right: 40px;
        width: auto;
        height: 20px;
    }

    .header-icons .mail-icon svg {
        width: 26px;
    }
}

@media (max-width: 480px) {
    .header-icons .mail-icon svg {
        display: none;
    }
}

.header-icons .burger-icon {
    display: none;
    width: 26px;
}

@media (max-width: 1150px) {
    .header-icons .burger-icon {
        display: block;
        position: relative;
    }
}

.header-icons .burger-icon svg {
    width: 26px;
    height: 16px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: ease all 0.5s;
}

.header-icons .burger-icon svg.burger-svg {
    opacity: 1;
}

.header-icons .burger-icon svg.close-svg {
    opacity: 0;
}

.header-icons .burger-icon.opened .burger-svg {
    opacity: 0;
}

.header-icons .burger-icon.opened .close-svg {
    opacity: 1;
}

/*--header*/

.wrapper {
    padding-top: 90px;
}

@media (max-width: 1150px) {
    .wrapper {
        padding-top: 64px;
    }
}

h1 {
    font: 700 30px "ProximaNova", sans-serif;
    margin-bottom: 45px;
}

@media (max-width: 768px) {
    h1 {
        font: 700 30px/120% "ProximaNova", sans-serif;
    }
}

h2 {
    font: 700 30px "ProximaNova", sans-serif;
    margin-bottom: 45px;
}

h3 {
    font: 400 24px/120% "ProximaNova", sans-serif;
    margin-bottom: 35px;
}

@media (max-width: 768px) {
    h2 {
        font: 700 28px/120% "ProximaNova", sans-serif;
    }
}

.title-h2 {
    font: 700 30px/32px "ProximaNova", sans-serif;
    margin-bottom: 55px;
}

@media (max-width: 992px) {
    .title-h2 {
        margin-bottom: 25px;
    }
}

img, svg  {
    height: auto;
    max-width: 100%;
}

.mobile-img {
    display: none;
}

@media (max-width: 768px) {
    .desktop-img {
        display: none;
    }

    .mobile-img {
        display: block;
    }
}

/*breadcrumbs*/

.breadcrumbs {
    /*display: flex;*/
    font: 300 16px/120% "ProximaNova", sans-serif;
    margin: 50px 0;
    align-items: baseline;
}

@media (max-width: 768px) {
    .breadcrumbs {
        margin: 30px 0;
    }
}

.breadcrumbs .home {
    display: inline-block;
}

.breadcrumbs .home svg {
    display: block;
    width: 20px;
    height: 18px;
    margin-right: 8px;
}

.breadcrumbs svg {
    fill: #0057a4;
}

.breadcrumbs .current-page {
    color: #979797;
}

@media (max-width: 640px) {
    .breadcrumbs .current-page {
        font: 300 15px/120% "ProximaNova", sans-serif;
    }
}

.breadcrumbs .prev-page {
    font: 400 16px/120% "ProximaNova", sans-serif;
    color: #000;
    text-decoration: none;
}

.breadcrumbs .line-b {
    background: url(/images/misc/br-img.svg) no-repeat center;
    margin: 0 10px;
    color: transparent;
}

.breadcrumbs-invert svg {
    fill: #0057a4;
}

.breadcrumbs-invert .current-page {
    color: #979797;
}

.breadcrumbs-long-mob .home {
    display: inline-block;
    vertical-align: baseline;
}

/*!breadcrumbs*/

/*.wrapper p {*/
/*font: 400 24px/120% "ProximaNova", sans-serif;*/
/*}*/

.custom-button {
    font: 300 16px/120% "ProximaNova", sans-serif;
    color: #fff;
    background: #0057A4;
    border-radius: 30px;
    padding: 16px 40px;
    cursor: pointer;
    width: auto;
    text-align: center;
    text-decoration: none;
}

.custom-button:hover,
.custom-button:active {
    background: #66CEF6;
    color: #fff;
}

.btn {
    font: 300 16px/120% "ProximaNova", sans-serif;
    width: auto;
    padding: 16px 50px;
}

.media-block-02 .title-box {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    margin-bottom: 45px;
    align-items: baseline;
}

/*owl*/

.news-2 .slider-custom-nav {
    top: -180px;
}

body .wrapper .video-preffer-arrows .slider-custom-nav {
    top: 109px;
}

.slider-custom-nav .prev-btn,
.slider-custom-nav .next-btn {
    width: 46px;
    height: 46px;
}

.slider-custom-nav {
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto auto;
}

.slider-custom-nav .prev-btn,
.slider-custom-nav .next-btn {
    position: absolute;
}

@media (max-width: 1150px) {
    .slider-custom-nav .prev-btn,
    .slider-custom-nav .next-btn {
        width: 52px;
        height: 52px;
    }
}

.slider-custom-nav .prev-btn svg,
.slider-custom-nav .next-btn svg {
    width: 100%;
    height: 100%;
}

.slider-custom-nav .prev-btn:hover svg,
.slider-custom-nav .next-btn:hover svg {
    fill: #4c4c4c;
}

.slider-custom-nav .prev-btn {
    left: -5.4vw;
}

.slider-custom-nav .prev-btn svg {
    fill: #8f9194;
}

.slider-custom-nav .prev-btn:hover {
    cursor: pointer;
}

.slider-custom-nav .prev-btn:hover svg {
    fill: #4c4c4c;
}

@media (max-width: 1920px) {
    .slider-custom-nav .prev-btn {
        left: -103px;
    }
}

@media (max-width: 1440px) {
    .slider-custom-nav .prev-btn {
        left: -50px;
    }
}

@media (max-width: 1280px) {
    .slider-custom-nav .prev-btn {
        left: -77px;
    }
}

.slider-custom-nav .next-btn {
    right: -5.4vw;
}

.slider-custom-nav .next-btn svg {
    fill: #8f9194;
}

.slider-custom-nav .next-btn:hover {
    cursor: pointer;
}

.slider-custom-nav .next-btn:hover svg {
    fill: #4c4c4c;
    color: #4c4c4c;
}

@media (max-width: 1920px) {
    .slider-custom-nav .next-btn {
        right: -103px;
    }
}

@media (max-width: 1440px) {
    .slider-custom-nav .next-btn {
        right: -50px;
    }
}

@media (max-width: 1280px) {
    .slider-custom-nav .next-btn {
        right: -77px;
    }
}

.slider-custom-nav .next-btn svg {
    transform: rotate(180deg);
}

/*-owl*/

/*footer*/

.footer-new {
    background-color: #4C4C4C;
}

.custom-container__footer {
    display: flex;
    justify-content: space-between;
    padding: 80px 15px;
}

.footer-new .logo-footer {
    display: block;
    position: relative;
    top: 1vw;
    margin: 0;
}

.footer-new .logo-footer svg {
    width: 100%;
    height: 100%;
}

.footer-new .box {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-new .box.box-l {
    gap: 95px;
    position: relative;
}

.footer-new .box.box-b {
    width: 100%;
    height: 50px;
    background-color: #0057A4;
    -ms-flex-align: center;
    align-items: center;
}

.footer-new .footer-nav {
    position: relative;
    top: 10px;
    /*max-width: 122px;*/
}

.footer-new .footer-nav li {
    list-style: none;
    margin-bottom: 13px;
}

.footer-new .footer-nav li:last-child {
    margin-bottom: 0;
}

.footer-new .footer-nav li a {
    text-decoration: none;
    color: #fff;
    font: 300 11px/120% "ProximaNova", sans-serif;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}

.footer-new .footer-nav li a:hover {
    color: #63cdf7;
}

.footer-new .social-icons {
    display: flex;
    position: absolute;
    top: 85px;
    flex-direction: column;
    gap: 17px;
}

.footer-new .social-icons__icons {
    display: flex;
}

.footer-new .social-icons .icon {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.footer-new .social-icons .icon:hover svg {
    fill: #63cdf7;
}

.footer-new .social-icons .icon:last-child {
    margin-right: 0;
}

.footer-new .social-icons .icon svg {
    width: 100%;
    height: 100%;
    fill: #fff;
}

.footer-new .social-icons .icon svg {
    fill: #fff;
}

.footer-new .social-icons .icon:hover svg {

    fill: rgba(255, 255, 255, 0.6);
}

.footer-new .social-icons .icon:hover path {
    fill: rgba(255, 255, 255, 0.6);
}

@media (max-width: 640px) {
    .custom-container__footer {
        padding: 45px 15px 75px;
    }

    .footer-new .box.box-l {
        flex-direction: column;
        gap: 35px;
    }

    .footer-new .social-icons {
        position: initial;
        flex-direction: column-reverse;
        gap: 10px;
    }

    .footer-new .social-icons__icons {
        margin-top: 15px;
    }

    .footer-new .social-icons .icon {
        width: 35px;
        height: 35px;
    }

    .footer-new .footer-nav li a {
        font: 300 18px/120% "ProximaNova", sans-serif;
        line-height: 1.7;
        letter-spacing: 0.3em;
    }
}

.footer-new .callback-btn {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font: 300 13px/120% "ProximaNova", sans-serif;
}

.footer-new .callback-btn svg {
    width: 28px;
    height: 28px;
    margin-right: 0.8vw;
}

.footer-new .tm {
    font: 700 19px/120% "ProximaNova", sans-serif;
    margin: 18px 0;
    letter-spacing: 0.035em;
}

.footer-new .footer-contacts {
    position: relative;
    top: 10px;
}

.footer-new .footer-contacts a,
.footer-new .footer-contacts p {
    color: #fff;
    text-decoration: none;
}

.footer-new .footer-contacts .info p {
    font: 300 13px "ProximaNova", sans-serif;
    margin-bottom: 10px;
}

.footer-new .copyright {
    font: 300 11px/120% "ProximaNova", sans-serif;
    color: #fff;
    letter-spacing: 2;
}

.footer-new .box.box-r {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (max-width: 768px) {
    .footer-new .box.box-r {
        display: none;
    }
}

.footer-new .circle-map {
    width: 210px;
    height: 210px;
    margin-right: 90px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
}

@media (max-width: 1024px) {
    .footer-new .circle-map {
        display: none;
    }
}

.footer-new .circle-map .shadow {
    width: 105%;
    height: 105%;
    border-radius: 50%;
    position: absolute;
    left: -7px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto auto;
    box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.8);
    z-index: 2;
}

.footer-new .circle-map:hover .shadow {
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}


.footer-new .circle-map #map_footer {
    position: absolute;
    left: -85px;
    right: 0;
    top: 120px;
    bottom: 0;
    margin: auto auto;
    width: 500px;
    height: 500px;
    z-index: 1;
    /*filter: grayscale(100%);*/
}

/*.footer-new .circle-map #map ymaps[class$="-ground-pane"] {*/
/*filter: grayscale(100%);*/
/*}*/
/*--footer*/

/*subscription*/

.subscription {
    background-color: #979797;
    box-sizing: border-box;
    padding: 43px 0;
}

.subscription input[type="submit"] {
    border: none;
    background: transparent;
}

.subscriptions-form__fields {
    display: flex;
}

.subscription input::-webkit-input-placeholder {
    color: #63cdf7;
}

.subscription input:-moz-placeholder {
    color: #63cdf7;
}

.subscription .subscription-news-form {
    max-width: 923px;
}

.subscription .subscription-news-form svg {
    fill: #fff;
}

.subscription .field {
    position: relative;
    border-radius: 70px;
    overflow: hidden;
    height: 60px;
}

.subscription .field input {
    width: 420px;
    height: 100%;
    border: none;
    background-color: #fff;
    left: 0;
    top: 0;
    padding: 0 30px;
    box-sizing: border-box;
    font: 400 24px/120% "ProximaNova", sans-serif;
    color: #63cdf7;
}

.subscription p {
    color: #fff;
    width: 120px;
    font: 300 20px/110% "ProximaNova", sans-serif;
}

.subscription .box-top {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

@media (max-width: 780px) {
    .subscription .box-top {
        flex-direction: column;
    }

    .subscription p {
        width: auto;
        margin-bottom: 20px;
    }

    .subscription .field {
        height: 55px;
    }

    .subscription .field input {
        font: 400 18px/120% "ProximaNova", sans-serif;
    }

    .subscription .box-bottom span {
        font: 300 13px/120% "ProximaNova", sans-serif;
    }
}

@media (max-width: 480px) {
    .subscription .field {
        width: 80%;
    }

    .subscription .field input {
        width: 100%;
    }
}

.subscription .box-top .field-submit {
    margin-left: 25px;
}

.subscription .box-bottom {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
}

.subscription .box-bottom span {
    color: #fff;
    font: 300 18px/120% "ProximaNova", sans-serif;
    text-decoration: none;
}

.subscription .box-bottom .field-check {
    margin-right: 17px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.subscription .box-bottom .field-check label {
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 1px solid #fff;
    margin-right: 15px;
    position: relative;
}

.subscription .box-bottom .field-check input[type="checkbox"] {
    display: none;
}

.subscription .box-bottom .field-check input[type="checkbox"]:checked + label:before {
    content: "";
    width: 15px;
    height: 12px;
    background: url("/img/check.png") center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto auto;
}

.breadcrumbs-invert a.prev-page:nth-of-type(4),
.breadcrumbs-invert span.line-b:nth-of-type(3) {
    display: none;
}

/*map*/

.ymaps-image-with-content {
    width: 24px !important;
    height: 37px !important;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-image: url("/images/misc/map-icon-b.png") !important;
}


.ymaps_https___api_maps_yandex_ru_2_1_79_858799152135islands_icon___1E98FF_34x41_1649667324208 {
    width: 24px !important;
    height: 37px !important;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-image: url("/images/misc/map-icon-b.png") !important;
}

/*content*/

.custom-container-inner {
    margin-bottom: 65px;
    font: 300 16px/20px "ProximaNova", sans-serif;
}

.custom-container-inner p {
    margin-bottom: 10px;
}

.custom-container-inner ul {
    margin-bottom: 15px;
    padding-left: 15px;
}

.custom-block {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    column-gap: 40px;
}

.custom-block a {
    color: #000;
}

.custom-block a:hover, .custom-block a:active {
    color: #535353;
}

@media (max-width: 991px) {
    .custom-block {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 40px;
    }
}

.custom-contacts {
    font: 400 16px/20px "ProximaNova", sans-serif;
}
.custom-contacts p {
    font: 400 16px/20px "ProximaNova", sans-serif;
    margin-bottom: 5px;
}

/*anchors*/

.menu-anchor {
    position: relative;
    bottom: 95px;
}

.edu-about__custom-block {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.edu-about__custom-block .edu-about__custom-block-img {
    flex: 1;
}

.edu-about__info {
    display: grid;
    row-gap: 30px;
    font-size: 18px;
    line-height: 26px;
}

@media (max-width: 768px) {
    .edu-about__custom-block {
        flex-wrap: wrap;
    }

    .edu-about__custom-block .edu-about__custom-block-img {
        flex: auto;
    }
}

.edu-structure__table-title {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin: 30px 0 20px;
}

.d-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.d-tr {
    display: table-row;
}

.d-th {
    display: table-cell;
    text-align: center;
    border: none;
    border: 1px solid #ccc;
    vertical-align: middle;
    font-weight: 600;
}

.d-td {
    display: table-cell;
    text-align: left;
    border: none;
    border: 1px solid #ccc;
    vertical-align: middle;
}

.d-th:not(.no-p),
.d-td:not(.no-p) {
    padding: 4px;
}

@media (max-width: 600px) {
    .d-table.edu-structure__table {
        display: block;
        line-height: 22px;
    }

    .d-table.edu-structure__table .d-tr:first-of-type {
        display: none;
    }

    .d-table.edu-structure__table .d-tr {
        display: block;
        margin-top: 20px;
    }

    .d-table.edu-structure__table .d-td {
        padding: 0;
        display: block;
        border: 0;
    }

    .d-table.edu-structure__table .d-tr .d-td:first-of-type {
        font-weight: 600;
    }
}

.custom-block.edu-education {
    grid-template-columns: 1fr 1fr;
}

.edu-education__img {
    max-width: 600px;
    width: 100%;
}
/* End */


/* Start:/local/templates/default/css/swiper-bundle.css?1719231052236947*/
<!DOCTYPE html><html lang="en"><head><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-140352188-1"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-140352188-1');</script><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta name="description" content="The CDN for swiper"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/><meta name="timestamp" content="2022-03-13T14:58:21.291Z"/><link rel="shortcut icon" href="/favicon.ico"/><title>UNPKG - swiper</title><script>window.Promise || document.write('\x3Cscript src="/es6-promise@4.2.5/dist/es6-promise.min.js">\x3C/script>\x3Cscript>ES6Promise.polyfill()\x3C/script>')</script><script>window.fetch || document.write('\x3Cscript src="/whatwg-fetch@3.0.0/dist/fetch.umd.js">\x3C/script>')</script><script>window.__DATA__ = {"packageName":"swiper","packageVersion":"8.0.7","availableVersions":["2.7.0","2.7.5","2.7.6","3.0.0","3.0.1","3.0.2","3.0.3","3.0.4","3.0.5","3.0.6","3.0.7","3.0.8","3.1.0","3.1.2","3.1.5","3.1.7","3.2.0","3.2.5","3.2.6","3.2.7","3.3.0","3.3.1","3.4.0","3.4.1","3.4.2","4.0.0-beta.1","4.0.0-beta.2","4.0.0-beta.3","4.0.0-beta.4","4.0.0","4.0.1","4.0.2","4.0.3","4.0.5","4.0.6","4.0.7","4.1.0","4.1.5","4.1.6","4.2.0","4.2.2","4.2.5","4.2.6","4.3.0","4.3.2","4.3.3","4.3.5","4.4.0","4.4.1","4.4.2","4.4.5","4.4.6","4.5.0","4.5.1","5.0.0","5.0.1","5.0.2","5.0.3","5.0.4","5.1.0","5.2.0","5.2.1","5.3.0","5.3.1","5.3.5","5.3.6","5.3.7","5.3.8","5.4.0","5.4.1","5.4.2","5.4.3","5.4.4","5.4.5","6.0.0-alpha.1","6.0.0-alpha.2","6.0.0-alpha.3","6.0.0-alpha.4","6.0.0-alpha.5","6.0.0-alpha.6","6.0.0-alpha.7","6.0.0-alpha.8","6.0.0-alpha.9","6.0.0-alpha.10","6.0.0-alpha.11","6.0.0-alpha.12","6.0.0-alpha.15","6.0.0-alpha.16","6.0.0-alpha.17","6.0.0-alpha.18","6.0.0","6.0.1","6.0.2","6.0.3","6.0.4","6.1.0","6.1.1","6.1.2","6.1.3","6.2.0","6.3.0","6.3.1","6.3.2","6.3.3","6.3.4","6.3.5","6.4.0","6.4.1","6.4.2","6.4.3","6.4.4","6.4.5","6.4.6","6.4.7","6.4.8","6.4.9","6.4.10","6.4.11","6.4.12","6.4.14","6.4.15","6.5.0","6.5.1","6.5.2","6.5.3","6.5.4","6.5.5-beta.1","6.5.5","6.5.6","6.5.7","6.5.8","6.5.9","6.6.0","6.6.1","6.6.2","6.7.0","6.7.1","6.7.5","6.8.0-beta.1","6.8.0","6.8.1","6.8.2","6.8.3","6.8.4","7.0.0-alpha.1","7.0.0-alpha.2","7.0.0-alpha.3","7.0.0-alpha.4","7.0.0-alpha.5","7.0.0-alpha.6","7.0.0-alpha.7","7.0.0-alpha.8","7.0.0-alpha.9","7.0.0-alpha.10","7.0.0-alpha.11","7.0.0-alpha.12","7.0.0-alpha.14","7.0.0-alpha.15","7.0.0-alpha.16","7.0.0-alpha.17","7.0.0-alpha.18","7.0.0-alpha.19","7.0.0-alpha.20","7.0.0-alpha.21","7.0.0-alpha.22","7.0.0-alpha.23","7.0.0-alpha.24","7.0.0-alpha.25","7.0.0-alpha.26","7.0.0-alpha.27","7.0.0-alpha.28","7.0.0-alpha.29","7.0.0-alpha.30","7.0.0-alpha.31","7.0.0-alpha.32","7.0.0-alpha.33","7.0.0-alpha.34","7.0.0-alpha.35","7.0.0-alpha.36","7.0.0-alpha.37","7.0.0-alpha.38","7.0.0-alpha.39","7.0.0-alpha.40","7.0.0","7.0.1","7.0.2","7.0.3","7.0.4","7.0.5","7.0.6","7.0.7","7.0.8","7.0.9","7.1.0","7.2.0","7.3.0","7.3.1","7.3.2","7.3.3","7.3.4","7.4.0","7.4.1","8.0.0","8.0.1","8.0.2","8.0.3","8.0.4","8.0.5","8.0.6","8.0.7"],"filename":"/swiper-bundle.css","target":{"path":"/swiper-bundle.css","type":"file","details":{"contentType":"text/css","integrity":"sha384-6wBvrZz7QqQObc+fQ/0PxNlDWqdfSzfLofnt+JIjdB7lCHLhxUQWehCXJWq3xsIc","language":"CSS","size":18584,"uri":null,"highlights":["<span class=\"code-comment\">/**\n</span>","<span class=\"code-comment\"> * Swiper 8.0.7\n</span>","<span class=\"code-comment\"> * Most modern mobile touch slider and framework with hardware accelerated transitions\n</span>","<span class=\"code-comment\"> * https://swiperjs.com\n</span>","<span class=\"code-comment\"> *\n</span>","<span class=\"code-comment\"> * Copyright 2014-2022 Vladimir Kharlampidi\n</span>","<span class=\"code-comment\"> *\n</span>","<span class=\"code-comment\"> * Released under the MIT License\n</span>","<span class=\"code-comment\"> *\n</span>","<span class=\"code-comment\"> * Released on: March 4, 2022\n</span>","<span class=\"code-comment\"> */</span>\n","\n","@<span class=\"code-keyword\">font-face</span> {\n","  <span class=\"code-attribute\">font-family</span>: <span class=\"code-string\">'swiper-icons'</span>;\n","  <span class=\"code-attribute\">src</span>: <span class=\"code-built_in\">url</span>(<span class=\"code-string\">'data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'</span>);\n","  <span class=\"code-attribute\">font-weight</span>: <span class=\"code-number\">400</span>;\n","  <span class=\"code-attribute\">font-style</span>: normal;\n","}\n","<span class=\"hljs-selector-pseudo\">:root</span> {\n","  <span class=\"code-attribute\">--swiper-theme-color</span>: <span class=\"code-number\">#007aff</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper</span> {\n","  <span class=\"code-attribute\">margin-left</span>: auto;\n","  <span class=\"code-attribute\">margin-right</span>: auto;\n","  <span class=\"code-attribute\">position</span>: relative;\n","  <span class=\"code-attribute\">overflow</span>: hidden;\n","  <span class=\"code-attribute\">list-style</span>: none;\n","  <span class=\"code-attribute\">padding</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-comment\">/* Fix of Webkit flickering */</span>\n","  <span class=\"code-attribute\">z-index</span>: <span class=\"code-number\">1</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-vertical</span> &gt; <span class=\"hljs-selector-class\">.swiper-wrapper</span> {\n","  <span class=\"code-attribute\">flex-direction</span>: column;\n","}\n","<span class=\"hljs-selector-class\">.swiper-wrapper</span> {\n","  <span class=\"code-attribute\">position</span>: relative;\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">z-index</span>: <span class=\"code-number\">1</span>;\n","  <span class=\"code-attribute\">display</span>: flex;\n","  <span class=\"code-attribute\">transition-property</span>: transform;\n","  <span class=\"code-attribute\">box-sizing</span>: content-box;\n","}\n","<span class=\"hljs-selector-class\">.swiper-android</span> <span class=\"hljs-selector-class\">.swiper-slide</span>,\n","<span class=\"hljs-selector-class\">.swiper-wrapper</span> {\n","  <span class=\"code-attribute\">transform</span>: <span class=\"code-built_in\">translate3d</span>(0px, 0, 0);\n","}\n","<span class=\"hljs-selector-class\">.swiper-pointer-events</span> {\n","  <span class=\"code-attribute\">touch-action</span>: pan-y;\n","}\n","<span class=\"hljs-selector-class\">.swiper-pointer-events</span><span class=\"hljs-selector-class\">.swiper-vertical</span> {\n","  <span class=\"code-attribute\">touch-action</span>: pan-x;\n","}\n","<span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">flex-shrink</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">position</span>: relative;\n","  <span class=\"code-attribute\">transition-property</span>: transform;\n","}\n","<span class=\"hljs-selector-class\">.swiper-slide-invisible-blank</span> {\n","  <span class=\"code-attribute\">visibility</span>: hidden;\n","}\n","<span class=\"code-comment\">/* Auto Height */</span>\n","<span class=\"hljs-selector-class\">.swiper-autoheight</span>,\n","<span class=\"hljs-selector-class\">.swiper-autoheight</span> <span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">height</span>: auto;\n","}\n","<span class=\"hljs-selector-class\">.swiper-autoheight</span> <span class=\"hljs-selector-class\">.swiper-wrapper</span> {\n","  <span class=\"code-attribute\">align-items</span>: flex-start;\n","  <span class=\"code-attribute\">transition-property</span>: transform, height;\n","}\n","<span class=\"hljs-selector-class\">.swiper-backface-hidden</span> <span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">transform</span>: <span class=\"code-built_in\">translateZ</span>(0);\n","  <span class=\"code-attribute\">-webkit-backface-visibility</span>: hidden;\n","          <span class=\"code-attribute\">backface-visibility</span>: hidden;\n","}\n","<span class=\"code-comment\">/* 3D Effects */</span>\n","<span class=\"hljs-selector-class\">.swiper-3d</span>,\n","<span class=\"hljs-selector-class\">.swiper-3d</span><span class=\"hljs-selector-class\">.swiper-css-mode</span> <span class=\"hljs-selector-class\">.swiper-wrapper</span> {\n","  <span class=\"code-attribute\">perspective</span>: <span class=\"code-number\">1200px</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-wrapper</span>,\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-slide</span>,\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow</span>,\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-left</span>,\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-right</span>,\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-top</span>,\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-bottom</span>,\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-cube-shadow</span> {\n","  <span class=\"code-attribute\">transform-style</span>: preserve-<span class=\"code-number\">3</span>d;\n","}\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow</span>,\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-left</span>,\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-right</span>,\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-top</span>,\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-bottom</span> {\n","  <span class=\"code-attribute\">position</span>: absolute;\n","  <span class=\"code-attribute\">left</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">top</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">pointer-events</span>: none;\n","  <span class=\"code-attribute\">z-index</span>: <span class=\"code-number\">10</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow</span> {\n","  <span class=\"code-attribute\">background</span>: <span class=\"code-built_in\">rgba</span>(0, 0, 0, 0.15);\n","}\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-left</span> {\n","  <span class=\"code-attribute\">background-image</span>: <span class=\"code-built_in\">linear-gradient</span>(to left, rgba(0, 0, 0, 0.5), <span class=\"code-built_in\">rgba</span>(0, 0, 0, 0));\n","}\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-right</span> {\n","  <span class=\"code-attribute\">background-image</span>: <span class=\"code-built_in\">linear-gradient</span>(to right, rgba(0, 0, 0, 0.5), <span class=\"code-built_in\">rgba</span>(0, 0, 0, 0));\n","}\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-top</span> {\n","  <span class=\"code-attribute\">background-image</span>: <span class=\"code-built_in\">linear-gradient</span>(to top, rgba(0, 0, 0, 0.5), <span class=\"code-built_in\">rgba</span>(0, 0, 0, 0));\n","}\n","<span class=\"hljs-selector-class\">.swiper-3d</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-bottom</span> {\n","  <span class=\"code-attribute\">background-image</span>: <span class=\"code-built_in\">linear-gradient</span>(to bottom, rgba(0, 0, 0, 0.5), <span class=\"code-built_in\">rgba</span>(0, 0, 0, 0));\n","}\n","<span class=\"code-comment\">/* CSS Mode */</span>\n","<span class=\"hljs-selector-class\">.swiper-css-mode</span> &gt; <span class=\"hljs-selector-class\">.swiper-wrapper</span> {\n","  <span class=\"code-attribute\">overflow</span>: auto;\n","  <span class=\"code-attribute\">scrollbar-width</span>: none;\n","  <span class=\"code-comment\">/* For Firefox */</span>\n","  <span class=\"code-attribute\">-ms-overflow-style</span>: none;\n","  <span class=\"code-comment\">/* For Internet Explorer and Edge */</span>\n","}\n","<span class=\"hljs-selector-class\">.swiper-css-mode</span> &gt; <span class=\"hljs-selector-class\">.swiper-wrapper</span><span class=\"hljs-selector-pseudo\">::-webkit-scrollbar</span> {\n","  <span class=\"code-attribute\">display</span>: none;\n","}\n","<span class=\"hljs-selector-class\">.swiper-css-mode</span> &gt; <span class=\"hljs-selector-class\">.swiper-wrapper</span> &gt; <span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">scroll-snap-align</span>: start start;\n","}\n","<span class=\"hljs-selector-class\">.swiper-horizontal</span><span class=\"hljs-selector-class\">.swiper-css-mode</span> &gt; <span class=\"hljs-selector-class\">.swiper-wrapper</span> {\n","  <span class=\"code-attribute\">scroll-snap-type</span>: x mandatory;\n","}\n","<span class=\"hljs-selector-class\">.swiper-vertical</span><span class=\"hljs-selector-class\">.swiper-css-mode</span> &gt; <span class=\"hljs-selector-class\">.swiper-wrapper</span> {\n","  <span class=\"code-attribute\">scroll-snap-type</span>: y mandatory;\n","}\n","<span class=\"hljs-selector-class\">.swiper-centered</span> &gt; <span class=\"hljs-selector-class\">.swiper-wrapper</span><span class=\"hljs-selector-pseudo\">::before</span> {\n","  <span class=\"code-attribute\">content</span>: <span class=\"code-string\">''</span>;\n","  <span class=\"code-attribute\">flex-shrink</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">order</span>: <span class=\"code-number\">9999</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-centered</span><span class=\"hljs-selector-class\">.swiper-horizontal</span> &gt; <span class=\"hljs-selector-class\">.swiper-wrapper</span> &gt; <span class=\"hljs-selector-class\">.swiper-slide</span><span class=\"hljs-selector-pseudo\">:first-child</span> {\n","  <span class=\"code-attribute\">margin-inline-start</span>: <span class=\"code-built_in\">var</span>(--swiper-centered-offset-before);\n","}\n","<span class=\"hljs-selector-class\">.swiper-centered</span><span class=\"hljs-selector-class\">.swiper-horizontal</span> &gt; <span class=\"hljs-selector-class\">.swiper-wrapper</span><span class=\"hljs-selector-pseudo\">::before</span> {\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">min-height</span>: <span class=\"code-number\">1px</span>;\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-built_in\">var</span>(--swiper-centered-offset-after);\n","}\n","<span class=\"hljs-selector-class\">.swiper-centered</span><span class=\"hljs-selector-class\">.swiper-vertical</span> &gt; <span class=\"hljs-selector-class\">.swiper-wrapper</span> &gt; <span class=\"hljs-selector-class\">.swiper-slide</span><span class=\"hljs-selector-pseudo\">:first-child</span> {\n","  <span class=\"code-attribute\">margin-block-start</span>: <span class=\"code-built_in\">var</span>(--swiper-centered-offset-before);\n","}\n","<span class=\"hljs-selector-class\">.swiper-centered</span><span class=\"hljs-selector-class\">.swiper-vertical</span> &gt; <span class=\"hljs-selector-class\">.swiper-wrapper</span><span class=\"hljs-selector-pseudo\">::before</span> {\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">min-width</span>: <span class=\"code-number\">1px</span>;\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-built_in\">var</span>(--swiper-centered-offset-after);\n","}\n","<span class=\"hljs-selector-class\">.swiper-centered</span> &gt; <span class=\"hljs-selector-class\">.swiper-wrapper</span> &gt; <span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">scroll-snap-align</span>: center center;\n","}\n","<span class=\"hljs-selector-class\">.swiper-virtual</span> <span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">-webkit-backface-visibility</span>: hidden;\n","  <span class=\"code-attribute\">transform</span>: <span class=\"code-built_in\">translateZ</span>(0);\n","}\n","<span class=\"hljs-selector-class\">.swiper-virtual</span><span class=\"hljs-selector-class\">.swiper-css-mode</span> <span class=\"hljs-selector-class\">.swiper-wrapper</span><span class=\"hljs-selector-pseudo\">::after</span> {\n","  <span class=\"code-attribute\">content</span>: <span class=\"code-string\">''</span>;\n","  <span class=\"code-attribute\">position</span>: absolute;\n","  <span class=\"code-attribute\">left</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">top</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">pointer-events</span>: none;\n","}\n","<span class=\"hljs-selector-class\">.swiper-virtual</span><span class=\"hljs-selector-class\">.swiper-css-mode</span><span class=\"hljs-selector-class\">.swiper-horizontal</span> <span class=\"hljs-selector-class\">.swiper-wrapper</span><span class=\"hljs-selector-pseudo\">::after</span> {\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-number\">1px</span>;\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-built_in\">var</span>(--swiper-virtual-size);\n","}\n","<span class=\"hljs-selector-class\">.swiper-virtual</span><span class=\"hljs-selector-class\">.swiper-css-mode</span><span class=\"hljs-selector-class\">.swiper-vertical</span> <span class=\"hljs-selector-class\">.swiper-wrapper</span><span class=\"hljs-selector-pseudo\">::after</span> {\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">1px</span>;\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-built_in\">var</span>(--swiper-virtual-size);\n","}\n","<span class=\"hljs-selector-pseudo\">:root</span> {\n","  <span class=\"code-attribute\">--swiper-navigation-size</span>: <span class=\"code-number\">44px</span>;\n","  <span class=\"code-comment\">/*\n</span>","<span class=\"code-comment\">  --swiper-navigation-color: var(--swiper-theme-color);\n</span>","<span class=\"code-comment\">  */</span>\n","}\n","<span class=\"hljs-selector-class\">.swiper-button-prev</span>,\n","<span class=\"hljs-selector-class\">.swiper-button-next</span> {\n","  <span class=\"code-attribute\">position</span>: absolute;\n","  <span class=\"code-attribute\">top</span>: <span class=\"code-number\">50%</span>;\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-built_in\">calc</span>(var(--swiper-navigation-size) / <span class=\"code-number\">44</span> * <span class=\"code-number\">27</span>);\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-built_in\">var</span>(--swiper-navigation-size);\n","  <span class=\"code-attribute\">margin-top</span>: <span class=\"code-built_in\">calc</span>(0px - (var(--swiper-navigation-size) / <span class=\"code-number\">2</span>));\n","  <span class=\"code-attribute\">z-index</span>: <span class=\"code-number\">10</span>;\n","  <span class=\"code-attribute\">cursor</span>: pointer;\n","  <span class=\"code-attribute\">display</span>: flex;\n","  <span class=\"code-attribute\">align-items</span>: center;\n","  <span class=\"code-attribute\">justify-content</span>: center;\n","  <span class=\"code-attribute\">color</span>: <span class=\"code-built_in\">var</span>(--swiper-navigation-color, var(--swiper-theme-color));\n","}\n","<span class=\"hljs-selector-class\">.swiper-button-prev</span><span class=\"hljs-selector-class\">.swiper-button-disabled</span>,\n","<span class=\"hljs-selector-class\">.swiper-button-next</span><span class=\"hljs-selector-class\">.swiper-button-disabled</span> {\n","  <span class=\"code-attribute\">opacity</span>: <span class=\"code-number\">0.35</span>;\n","  <span class=\"code-attribute\">cursor</span>: auto;\n","  <span class=\"code-attribute\">pointer-events</span>: none;\n","}\n","<span class=\"hljs-selector-class\">.swiper-button-prev</span><span class=\"hljs-selector-pseudo\">:after</span>,\n","<span class=\"hljs-selector-class\">.swiper-button-next</span><span class=\"hljs-selector-pseudo\">:after</span> {\n","  <span class=\"code-attribute\">font-family</span>: swiper-icons;\n","  <span class=\"code-attribute\">font-size</span>: <span class=\"code-built_in\">var</span>(--swiper-navigation-size);\n","  <span class=\"code-attribute\">text-transform</span>: none <span class=\"code-meta\">!important</span>;\n","  <span class=\"code-attribute\">letter-spacing</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">text-transform</span>: none;\n","  <span class=\"code-attribute\">font-variant</span>: initial;\n","  <span class=\"code-attribute\">line-height</span>: <span class=\"code-number\">1</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-button-prev</span>,\n","<span class=\"hljs-selector-class\">.swiper-rtl</span> <span class=\"hljs-selector-class\">.swiper-button-next</span> {\n","  <span class=\"code-attribute\">left</span>: <span class=\"code-number\">10px</span>;\n","  <span class=\"code-attribute\">right</span>: auto;\n","}\n","<span class=\"hljs-selector-class\">.swiper-button-prev</span><span class=\"hljs-selector-pseudo\">:after</span>,\n","<span class=\"hljs-selector-class\">.swiper-rtl</span> <span class=\"hljs-selector-class\">.swiper-button-next</span><span class=\"hljs-selector-pseudo\">:after</span> {\n","  <span class=\"code-attribute\">content</span>: <span class=\"code-string\">'prev'</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-button-next</span>,\n","<span class=\"hljs-selector-class\">.swiper-rtl</span> <span class=\"hljs-selector-class\">.swiper-button-prev</span> {\n","  <span class=\"code-attribute\">right</span>: <span class=\"code-number\">10px</span>;\n","  <span class=\"code-attribute\">left</span>: auto;\n","}\n","<span class=\"hljs-selector-class\">.swiper-button-next</span><span class=\"hljs-selector-pseudo\">:after</span>,\n","<span class=\"hljs-selector-class\">.swiper-rtl</span> <span class=\"hljs-selector-class\">.swiper-button-prev</span><span class=\"hljs-selector-pseudo\">:after</span> {\n","  <span class=\"code-attribute\">content</span>: <span class=\"code-string\">'next'</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-button-lock</span> {\n","  <span class=\"code-attribute\">display</span>: none;\n","}\n","<span class=\"hljs-selector-pseudo\">:root</span> {\n","  <span class=\"code-comment\">/*\n</span>","<span class=\"code-comment\">  --swiper-pagination-color: var(--swiper-theme-color);\n</span>","<span class=\"code-comment\">  --swiper-pagination-bullet-size: 8px;\n</span>","<span class=\"code-comment\">  --swiper-pagination-bullet-width: 8px;\n</span>","<span class=\"code-comment\">  --swiper-pagination-bullet-height: 8px;\n</span>","<span class=\"code-comment\">  --swiper-pagination-bullet-inactive-color: #000;\n</span>","<span class=\"code-comment\">  --swiper-pagination-bullet-inactive-opacity: 0.2;\n</span>","<span class=\"code-comment\">  --swiper-pagination-bullet-opacity: 1;\n</span>","<span class=\"code-comment\">  --swiper-pagination-bullet-horizontal-gap: 4px;\n</span>","<span class=\"code-comment\">  --swiper-pagination-bullet-vertical-gap: 6px;\n</span>","<span class=\"code-comment\">  */</span>\n","}\n","<span class=\"hljs-selector-class\">.swiper-pagination</span> {\n","  <span class=\"code-attribute\">position</span>: absolute;\n","  <span class=\"code-attribute\">text-align</span>: center;\n","  <span class=\"code-attribute\">transition</span>: <span class=\"code-number\">300ms</span> opacity;\n","  <span class=\"code-attribute\">transform</span>: <span class=\"code-built_in\">translate3d</span>(0, 0, 0);\n","  <span class=\"code-attribute\">z-index</span>: <span class=\"code-number\">10</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-pagination</span><span class=\"hljs-selector-class\">.swiper-pagination-hidden</span> {\n","  <span class=\"code-attribute\">opacity</span>: <span class=\"code-number\">0</span>;\n","}\n","<span class=\"code-comment\">/* Common Styles */</span>\n","<span class=\"hljs-selector-class\">.swiper-pagination-fraction</span>,\n","<span class=\"hljs-selector-class\">.swiper-pagination-custom</span>,\n","<span class=\"hljs-selector-class\">.swiper-horizontal</span> &gt; <span class=\"hljs-selector-class\">.swiper-pagination-bullets</span>,\n","<span class=\"hljs-selector-class\">.swiper-pagination-bullets</span><span class=\"hljs-selector-class\">.swiper-pagination-horizontal</span> {\n","  <span class=\"code-attribute\">bottom</span>: <span class=\"code-number\">10px</span>;\n","  <span class=\"code-attribute\">left</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">100%</span>;\n","}\n","<span class=\"code-comment\">/* Bullets */</span>\n","<span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span> {\n","  <span class=\"code-attribute\">overflow</span>: hidden;\n","  <span class=\"code-attribute\">font-size</span>: <span class=\"code-number\">0</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet</span> {\n","  <span class=\"code-attribute\">transform</span>: <span class=\"code-built_in\">scale</span>(0.33);\n","  <span class=\"code-attribute\">position</span>: relative;\n","}\n","<span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet-active</span> {\n","  <span class=\"code-attribute\">transform</span>: <span class=\"code-built_in\">scale</span>(1);\n","}\n","<span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet-active-main</span> {\n","  <span class=\"code-attribute\">transform</span>: <span class=\"code-built_in\">scale</span>(1);\n","}\n","<span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet-active-prev</span> {\n","  <span class=\"code-attribute\">transform</span>: <span class=\"code-built_in\">scale</span>(0.66);\n","}\n","<span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet-active-prev-prev</span> {\n","  <span class=\"code-attribute\">transform</span>: <span class=\"code-built_in\">scale</span>(0.33);\n","}\n","<span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet-active-next</span> {\n","  <span class=\"code-attribute\">transform</span>: <span class=\"code-built_in\">scale</span>(0.66);\n","}\n","<span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet-active-next-next</span> {\n","  <span class=\"code-attribute\">transform</span>: <span class=\"code-built_in\">scale</span>(0.33);\n","}\n","<span class=\"hljs-selector-class\">.swiper-pagination-bullet</span> {\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-built_in\">var</span>(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-built_in\">var</span>(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));\n","  <span class=\"code-attribute\">display</span>: inline-block;\n","  <span class=\"code-attribute\">border-radius</span>: <span class=\"code-number\">50%</span>;\n","  <span class=\"code-attribute\">background</span>: <span class=\"code-built_in\">var</span>(--swiper-pagination-bullet-inactive-color, #000);\n","  <span class=\"code-attribute\">opacity</span>: <span class=\"code-built_in\">var</span>(--swiper-pagination-bullet-inactive-opacity, 0.2);\n","}\n","<span class=\"hljs-selector-tag\">button</span><span class=\"hljs-selector-class\">.swiper-pagination-bullet</span> {\n","  <span class=\"code-attribute\">border</span>: none;\n","  <span class=\"code-attribute\">margin</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">padding</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">box-shadow</span>: none;\n","  <span class=\"code-attribute\">-webkit-appearance</span>: none;\n","          <span class=\"code-attribute\">appearance</span>: none;\n","}\n","<span class=\"hljs-selector-class\">.swiper-pagination-clickable</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet</span> {\n","  <span class=\"code-attribute\">cursor</span>: pointer;\n","}\n","<span class=\"hljs-selector-class\">.swiper-pagination-bullet</span><span class=\"hljs-selector-pseudo\">:only-child</span> {\n","  <span class=\"code-attribute\">display</span>: none <span class=\"code-meta\">!important</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-pagination-bullet-active</span> {\n","  <span class=\"code-attribute\">opacity</span>: <span class=\"code-built_in\">var</span>(--swiper-pagination-bullet-opacity, 1);\n","  <span class=\"code-attribute\">background</span>: <span class=\"code-built_in\">var</span>(--swiper-pagination-color, var(--swiper-theme-color));\n","}\n","<span class=\"hljs-selector-class\">.swiper-vertical</span> &gt; <span class=\"hljs-selector-class\">.swiper-pagination-bullets</span>,\n","<span class=\"hljs-selector-class\">.swiper-pagination-vertical</span><span class=\"hljs-selector-class\">.swiper-pagination-bullets</span> {\n","  <span class=\"code-attribute\">right</span>: <span class=\"code-number\">10px</span>;\n","  <span class=\"code-attribute\">top</span>: <span class=\"code-number\">50%</span>;\n","  <span class=\"code-attribute\">transform</span>: <span class=\"code-built_in\">translate3d</span>(0px, -50%, 0);\n","}\n","<span class=\"hljs-selector-class\">.swiper-vertical</span> &gt; <span class=\"hljs-selector-class\">.swiper-pagination-bullets</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet</span>,\n","<span class=\"hljs-selector-class\">.swiper-pagination-vertical</span><span class=\"hljs-selector-class\">.swiper-pagination-bullets</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet</span> {\n","  <span class=\"code-attribute\">margin</span>: <span class=\"code-built_in\">var</span>(--swiper-pagination-bullet-vertical-gap, 6px) <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">display</span>: block;\n","}\n","<span class=\"hljs-selector-class\">.swiper-vertical</span> &gt; <span class=\"hljs-selector-class\">.swiper-pagination-bullets</span><span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span>,\n","<span class=\"hljs-selector-class\">.swiper-pagination-vertical</span><span class=\"hljs-selector-class\">.swiper-pagination-bullets</span><span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span> {\n","  <span class=\"code-attribute\">top</span>: <span class=\"code-number\">50%</span>;\n","  <span class=\"code-attribute\">transform</span>: <span class=\"code-built_in\">translateY</span>(-50%);\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">8px</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-vertical</span> &gt; <span class=\"hljs-selector-class\">.swiper-pagination-bullets</span><span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet</span>,\n","<span class=\"hljs-selector-class\">.swiper-pagination-vertical</span><span class=\"hljs-selector-class\">.swiper-pagination-bullets</span><span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet</span> {\n","  <span class=\"code-attribute\">display</span>: inline-block;\n","  <span class=\"code-attribute\">transition</span>: <span class=\"code-number\">200ms</span> transform, <span class=\"code-number\">200ms</span> top;\n","}\n","<span class=\"hljs-selector-class\">.swiper-horizontal</span> &gt; <span class=\"hljs-selector-class\">.swiper-pagination-bullets</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet</span>,\n","<span class=\"hljs-selector-class\">.swiper-pagination-horizontal</span><span class=\"hljs-selector-class\">.swiper-pagination-bullets</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet</span> {\n","  <span class=\"code-attribute\">margin</span>: <span class=\"code-number\">0</span> <span class=\"code-built_in\">var</span>(--swiper-pagination-bullet-horizontal-gap, 4px);\n","}\n","<span class=\"hljs-selector-class\">.swiper-horizontal</span> &gt; <span class=\"hljs-selector-class\">.swiper-pagination-bullets</span><span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span>,\n","<span class=\"hljs-selector-class\">.swiper-pagination-horizontal</span><span class=\"hljs-selector-class\">.swiper-pagination-bullets</span><span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span> {\n","  <span class=\"code-attribute\">left</span>: <span class=\"code-number\">50%</span>;\n","  <span class=\"code-attribute\">transform</span>: <span class=\"code-built_in\">translateX</span>(-50%);\n","  <span class=\"code-attribute\">white-space</span>: nowrap;\n","}\n","<span class=\"hljs-selector-class\">.swiper-horizontal</span> &gt; <span class=\"hljs-selector-class\">.swiper-pagination-bullets</span><span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet</span>,\n","<span class=\"hljs-selector-class\">.swiper-pagination-horizontal</span><span class=\"hljs-selector-class\">.swiper-pagination-bullets</span><span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet</span> {\n","  <span class=\"code-attribute\">transition</span>: <span class=\"code-number\">200ms</span> transform, <span class=\"code-number\">200ms</span> left;\n","}\n","<span class=\"hljs-selector-class\">.swiper-horizontal</span><span class=\"hljs-selector-class\">.swiper-rtl</span> &gt; <span class=\"hljs-selector-class\">.swiper-pagination-bullets-dynamic</span> <span class=\"hljs-selector-class\">.swiper-pagination-bullet</span> {\n","  <span class=\"code-attribute\">transition</span>: <span class=\"code-number\">200ms</span> transform, <span class=\"code-number\">200ms</span> right;\n","}\n","<span class=\"code-comment\">/* Progress */</span>\n","<span class=\"hljs-selector-class\">.swiper-pagination-progressbar</span> {\n","  <span class=\"code-attribute\">background</span>: <span class=\"code-built_in\">rgba</span>(0, 0, 0, 0.25);\n","  <span class=\"code-attribute\">position</span>: absolute;\n","}\n","<span class=\"hljs-selector-class\">.swiper-pagination-progressbar</span> <span class=\"hljs-selector-class\">.swiper-pagination-progressbar-fill</span> {\n","  <span class=\"code-attribute\">background</span>: <span class=\"code-built_in\">var</span>(--swiper-pagination-color, var(--swiper-theme-color));\n","  <span class=\"code-attribute\">position</span>: absolute;\n","  <span class=\"code-attribute\">left</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">top</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">transform</span>: <span class=\"code-built_in\">scale</span>(0);\n","  <span class=\"code-attribute\">transform-origin</span>: left top;\n","}\n","<span class=\"hljs-selector-class\">.swiper-rtl</span> <span class=\"hljs-selector-class\">.swiper-pagination-progressbar</span> <span class=\"hljs-selector-class\">.swiper-pagination-progressbar-fill</span> {\n","  <span class=\"code-attribute\">transform-origin</span>: right top;\n","}\n","<span class=\"hljs-selector-class\">.swiper-horizontal</span> &gt; <span class=\"hljs-selector-class\">.swiper-pagination-progressbar</span>,\n","<span class=\"hljs-selector-class\">.swiper-pagination-progressbar</span><span class=\"hljs-selector-class\">.swiper-pagination-horizontal</span>,\n","<span class=\"hljs-selector-class\">.swiper-vertical</span> &gt; <span class=\"hljs-selector-class\">.swiper-pagination-progressbar</span><span class=\"hljs-selector-class\">.swiper-pagination-progressbar-opposite</span>,\n","<span class=\"hljs-selector-class\">.swiper-pagination-progressbar</span><span class=\"hljs-selector-class\">.swiper-pagination-vertical</span><span class=\"hljs-selector-class\">.swiper-pagination-progressbar-opposite</span> {\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-number\">4px</span>;\n","  <span class=\"code-attribute\">left</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">top</span>: <span class=\"code-number\">0</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-vertical</span> &gt; <span class=\"hljs-selector-class\">.swiper-pagination-progressbar</span>,\n","<span class=\"hljs-selector-class\">.swiper-pagination-progressbar</span><span class=\"hljs-selector-class\">.swiper-pagination-vertical</span>,\n","<span class=\"hljs-selector-class\">.swiper-horizontal</span> &gt; <span class=\"hljs-selector-class\">.swiper-pagination-progressbar</span><span class=\"hljs-selector-class\">.swiper-pagination-progressbar-opposite</span>,\n","<span class=\"hljs-selector-class\">.swiper-pagination-progressbar</span><span class=\"hljs-selector-class\">.swiper-pagination-horizontal</span><span class=\"hljs-selector-class\">.swiper-pagination-progressbar-opposite</span> {\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">4px</span>;\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">left</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">top</span>: <span class=\"code-number\">0</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-pagination-lock</span> {\n","  <span class=\"code-attribute\">display</span>: none;\n","}\n","<span class=\"code-comment\">/* Scrollbar */</span>\n","<span class=\"hljs-selector-class\">.swiper-scrollbar</span> {\n","  <span class=\"code-attribute\">border-radius</span>: <span class=\"code-number\">10px</span>;\n","  <span class=\"code-attribute\">position</span>: relative;\n","  <span class=\"code-attribute\">-ms-touch-action</span>: none;\n","  <span class=\"code-attribute\">background</span>: <span class=\"code-built_in\">rgba</span>(0, 0, 0, 0.1);\n","}\n","<span class=\"hljs-selector-class\">.swiper-horizontal</span> &gt; <span class=\"hljs-selector-class\">.swiper-scrollbar</span> {\n","  <span class=\"code-attribute\">position</span>: absolute;\n","  <span class=\"code-attribute\">left</span>: <span class=\"code-number\">1%</span>;\n","  <span class=\"code-attribute\">bottom</span>: <span class=\"code-number\">3px</span>;\n","  <span class=\"code-attribute\">z-index</span>: <span class=\"code-number\">50</span>;\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-number\">5px</span>;\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">98%</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-vertical</span> &gt; <span class=\"hljs-selector-class\">.swiper-scrollbar</span> {\n","  <span class=\"code-attribute\">position</span>: absolute;\n","  <span class=\"code-attribute\">right</span>: <span class=\"code-number\">3px</span>;\n","  <span class=\"code-attribute\">top</span>: <span class=\"code-number\">1%</span>;\n","  <span class=\"code-attribute\">z-index</span>: <span class=\"code-number\">50</span>;\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">5px</span>;\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-number\">98%</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-scrollbar-drag</span> {\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">position</span>: relative;\n","  <span class=\"code-attribute\">background</span>: <span class=\"code-built_in\">rgba</span>(0, 0, 0, 0.5);\n","  <span class=\"code-attribute\">border-radius</span>: <span class=\"code-number\">10px</span>;\n","  <span class=\"code-attribute\">left</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">top</span>: <span class=\"code-number\">0</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-scrollbar-cursor-drag</span> {\n","  <span class=\"code-attribute\">cursor</span>: move;\n","}\n","<span class=\"hljs-selector-class\">.swiper-scrollbar-lock</span> {\n","  <span class=\"code-attribute\">display</span>: none;\n","}\n","<span class=\"hljs-selector-class\">.swiper-zoom-container</span> {\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">display</span>: flex;\n","  <span class=\"code-attribute\">justify-content</span>: center;\n","  <span class=\"code-attribute\">align-items</span>: center;\n","  <span class=\"code-attribute\">text-align</span>: center;\n","}\n","<span class=\"hljs-selector-class\">.swiper-zoom-container</span> &gt; <span class=\"hljs-selector-tag\">img</span>,\n","<span class=\"hljs-selector-class\">.swiper-zoom-container</span> &gt; <span class=\"hljs-selector-tag\">svg</span>,\n","<span class=\"hljs-selector-class\">.swiper-zoom-container</span> &gt; <span class=\"hljs-selector-tag\">canvas</span> {\n","  <span class=\"code-attribute\">max-width</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">max-height</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">object-fit</span>: contain;\n","}\n","<span class=\"hljs-selector-class\">.swiper-slide-zoomed</span> {\n","  <span class=\"code-attribute\">cursor</span>: move;\n","}\n","<span class=\"code-comment\">/* Preloader */</span>\n","<span class=\"hljs-selector-pseudo\">:root</span> {\n","  <span class=\"code-comment\">/*\n</span>","<span class=\"code-comment\">  --swiper-preloader-color: var(--swiper-theme-color);\n</span>","<span class=\"code-comment\">  */</span>\n","}\n","<span class=\"hljs-selector-class\">.swiper-lazy-preloader</span> {\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">42px</span>;\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-number\">42px</span>;\n","  <span class=\"code-attribute\">position</span>: absolute;\n","  <span class=\"code-attribute\">left</span>: <span class=\"code-number\">50%</span>;\n","  <span class=\"code-attribute\">top</span>: <span class=\"code-number\">50%</span>;\n","  <span class=\"code-attribute\">margin-left</span>: -<span class=\"code-number\">21px</span>;\n","  <span class=\"code-attribute\">margin-top</span>: -<span class=\"code-number\">21px</span>;\n","  <span class=\"code-attribute\">z-index</span>: <span class=\"code-number\">10</span>;\n","  <span class=\"code-attribute\">transform-origin</span>: <span class=\"code-number\">50%</span>;\n","  <span class=\"code-attribute\">box-sizing</span>: border-box;\n","  <span class=\"code-attribute\">border</span>: <span class=\"code-number\">4px</span> solid <span class=\"code-built_in\">var</span>(--swiper-preloader-color, var(--swiper-theme-color));\n","  <span class=\"code-attribute\">border-radius</span>: <span class=\"code-number\">50%</span>;\n","  <span class=\"code-attribute\">border-top-color</span>: transparent;\n","}\n","<span class=\"hljs-selector-class\">.swiper-slide-visible</span> <span class=\"hljs-selector-class\">.swiper-lazy-preloader</span> {\n","  <span class=\"code-attribute\">animation</span>: swiper-preloader-spin <span class=\"code-number\">1s</span> infinite linear;\n","}\n","<span class=\"hljs-selector-class\">.swiper-lazy-preloader-white</span> {\n","  <span class=\"code-attribute\">--swiper-preloader-color</span>: <span class=\"code-number\">#fff</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-lazy-preloader-black</span> {\n","  <span class=\"code-attribute\">--swiper-preloader-color</span>: <span class=\"code-number\">#000</span>;\n","}\n","@<span class=\"code-keyword\">keyframes</span> swiper-preloader-spin {\n","  100% {\n","    <span class=\"code-attribute\">transform</span>: <span class=\"code-built_in\">rotate</span>(360deg);\n","  }\n","}\n","<span class=\"code-comment\">/* a11y */</span>\n","<span class=\"hljs-selector-class\">.swiper</span> <span class=\"hljs-selector-class\">.swiper-notification</span> {\n","  <span class=\"code-attribute\">position</span>: absolute;\n","  <span class=\"code-attribute\">left</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">top</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">pointer-events</span>: none;\n","  <span class=\"code-attribute\">opacity</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">z-index</span>: -<span class=\"code-number\">1000</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-free-mode</span> &gt; <span class=\"hljs-selector-class\">.swiper-wrapper</span> {\n","  <span class=\"code-attribute\">transition-timing-function</span>: ease-out;\n","  <span class=\"code-attribute\">margin</span>: <span class=\"code-number\">0</span> auto;\n","}\n","<span class=\"hljs-selector-class\">.swiper-grid</span> &gt; <span class=\"hljs-selector-class\">.swiper-wrapper</span> {\n","  <span class=\"code-attribute\">flex-wrap</span>: wrap;\n","}\n","<span class=\"hljs-selector-class\">.swiper-grid-column</span> &gt; <span class=\"hljs-selector-class\">.swiper-wrapper</span> {\n","  <span class=\"code-attribute\">flex-wrap</span>: wrap;\n","  <span class=\"code-attribute\">flex-direction</span>: column;\n","}\n","<span class=\"hljs-selector-class\">.swiper-fade</span><span class=\"hljs-selector-class\">.swiper-free-mode</span> <span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">transition-timing-function</span>: ease-out;\n","}\n","<span class=\"hljs-selector-class\">.swiper-fade</span> <span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">pointer-events</span>: none;\n","  <span class=\"code-attribute\">transition-property</span>: opacity;\n","}\n","<span class=\"hljs-selector-class\">.swiper-fade</span> <span class=\"hljs-selector-class\">.swiper-slide</span> <span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">pointer-events</span>: none;\n","}\n","<span class=\"hljs-selector-class\">.swiper-fade</span> <span class=\"hljs-selector-class\">.swiper-slide-active</span>,\n","<span class=\"hljs-selector-class\">.swiper-fade</span> <span class=\"hljs-selector-class\">.swiper-slide-active</span> <span class=\"hljs-selector-class\">.swiper-slide-active</span> {\n","  <span class=\"code-attribute\">pointer-events</span>: auto;\n","}\n","<span class=\"hljs-selector-class\">.swiper-cube</span> {\n","  <span class=\"code-attribute\">overflow</span>: visible;\n","}\n","<span class=\"hljs-selector-class\">.swiper-cube</span> <span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">pointer-events</span>: none;\n","  <span class=\"code-attribute\">-webkit-backface-visibility</span>: hidden;\n","          <span class=\"code-attribute\">backface-visibility</span>: hidden;\n","  <span class=\"code-attribute\">z-index</span>: <span class=\"code-number\">1</span>;\n","  <span class=\"code-attribute\">visibility</span>: hidden;\n","  <span class=\"code-attribute\">transform-origin</span>: <span class=\"code-number\">0</span> <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-number\">100%</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-cube</span> <span class=\"hljs-selector-class\">.swiper-slide</span> <span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">pointer-events</span>: none;\n","}\n","<span class=\"hljs-selector-class\">.swiper-cube</span><span class=\"hljs-selector-class\">.swiper-rtl</span> <span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">transform-origin</span>: <span class=\"code-number\">100%</span> <span class=\"code-number\">0</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-cube</span> <span class=\"hljs-selector-class\">.swiper-slide-active</span>,\n","<span class=\"hljs-selector-class\">.swiper-cube</span> <span class=\"hljs-selector-class\">.swiper-slide-active</span> <span class=\"hljs-selector-class\">.swiper-slide-active</span> {\n","  <span class=\"code-attribute\">pointer-events</span>: auto;\n","}\n","<span class=\"hljs-selector-class\">.swiper-cube</span> <span class=\"hljs-selector-class\">.swiper-slide-active</span>,\n","<span class=\"hljs-selector-class\">.swiper-cube</span> <span class=\"hljs-selector-class\">.swiper-slide-next</span>,\n","<span class=\"hljs-selector-class\">.swiper-cube</span> <span class=\"hljs-selector-class\">.swiper-slide-prev</span>,\n","<span class=\"hljs-selector-class\">.swiper-cube</span> <span class=\"hljs-selector-class\">.swiper-slide-next</span> + <span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">pointer-events</span>: auto;\n","  <span class=\"code-attribute\">visibility</span>: visible;\n","}\n","<span class=\"hljs-selector-class\">.swiper-cube</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-top</span>,\n","<span class=\"hljs-selector-class\">.swiper-cube</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-bottom</span>,\n","<span class=\"hljs-selector-class\">.swiper-cube</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-left</span>,\n","<span class=\"hljs-selector-class\">.swiper-cube</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-right</span> {\n","  <span class=\"code-attribute\">z-index</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">-webkit-backface-visibility</span>: hidden;\n","          <span class=\"code-attribute\">backface-visibility</span>: hidden;\n","}\n","<span class=\"hljs-selector-class\">.swiper-cube</span> <span class=\"hljs-selector-class\">.swiper-cube-shadow</span> {\n","  <span class=\"code-attribute\">position</span>: absolute;\n","  <span class=\"code-attribute\">left</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">bottom</span>: <span class=\"code-number\">0px</span>;\n","  <span class=\"code-attribute\">width</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">height</span>: <span class=\"code-number\">100%</span>;\n","  <span class=\"code-attribute\">opacity</span>: <span class=\"code-number\">0.6</span>;\n","  <span class=\"code-attribute\">z-index</span>: <span class=\"code-number\">0</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-cube</span> <span class=\"hljs-selector-class\">.swiper-cube-shadow</span><span class=\"hljs-selector-pseudo\">:before</span> {\n","  <span class=\"code-attribute\">content</span>: <span class=\"code-string\">''</span>;\n","  <span class=\"code-attribute\">background</span>: <span class=\"code-number\">#000</span>;\n","  <span class=\"code-attribute\">position</span>: absolute;\n","  <span class=\"code-attribute\">left</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">top</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">bottom</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">right</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">filter</span>: <span class=\"code-built_in\">blur</span>(50px);\n","}\n","<span class=\"hljs-selector-class\">.swiper-flip</span> {\n","  <span class=\"code-attribute\">overflow</span>: visible;\n","}\n","<span class=\"hljs-selector-class\">.swiper-flip</span> <span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">pointer-events</span>: none;\n","  <span class=\"code-attribute\">-webkit-backface-visibility</span>: hidden;\n","          <span class=\"code-attribute\">backface-visibility</span>: hidden;\n","  <span class=\"code-attribute\">z-index</span>: <span class=\"code-number\">1</span>;\n","}\n","<span class=\"hljs-selector-class\">.swiper-flip</span> <span class=\"hljs-selector-class\">.swiper-slide</span> <span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">pointer-events</span>: none;\n","}\n","<span class=\"hljs-selector-class\">.swiper-flip</span> <span class=\"hljs-selector-class\">.swiper-slide-active</span>,\n","<span class=\"hljs-selector-class\">.swiper-flip</span> <span class=\"hljs-selector-class\">.swiper-slide-active</span> <span class=\"hljs-selector-class\">.swiper-slide-active</span> {\n","  <span class=\"code-attribute\">pointer-events</span>: auto;\n","}\n","<span class=\"hljs-selector-class\">.swiper-flip</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-top</span>,\n","<span class=\"hljs-selector-class\">.swiper-flip</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-bottom</span>,\n","<span class=\"hljs-selector-class\">.swiper-flip</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-left</span>,\n","<span class=\"hljs-selector-class\">.swiper-flip</span> <span class=\"hljs-selector-class\">.swiper-slide-shadow-right</span> {\n","  <span class=\"code-attribute\">z-index</span>: <span class=\"code-number\">0</span>;\n","  <span class=\"code-attribute\">-webkit-backface-visibility</span>: hidden;\n","          <span class=\"code-attribute\">backface-visibility</span>: hidden;\n","}\n","<span class=\"hljs-selector-class\">.swiper-creative</span> <span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">-webkit-backface-visibility</span>: hidden;\n","          <span class=\"code-attribute\">backface-visibility</span>: hidden;\n","  <span class=\"code-attribute\">overflow</span>: hidden;\n","  <span class=\"code-attribute\">transition-property</span>: transform, opacity, height;\n","}\n","<span class=\"hljs-selector-class\">.swiper-cards</span> {\n","  <span class=\"code-attribute\">overflow</span>: visible;\n","}\n","<span class=\"hljs-selector-class\">.swiper-cards</span> <span class=\"hljs-selector-class\">.swiper-slide</span> {\n","  <span class=\"code-attribute\">transform-origin</span>: center bottom;\n","  <span class=\"code-attribute\">-webkit-backface-visibility</span>: hidden;\n","          <span class=\"code-attribute\">backface-visibility</span>: hidden;\n","  <span class=\"code-attribute\">overflow</span>: hidden;\n","}\n",""]}}}</script></head><body><div id="root"><style data-emotion-css="gtfibm">html{box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit;}html,body,#root{height:100%;margin:0;}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;font-size:16px;line-height:1.5;overflow-wrap:break-word;background:white;color:black;}code{font-family:Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;}th,td{padding:0;}select{font-size:inherit;}#root{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}</style><style data-emotion-css="1r6h1r6">.code-listing{background:#fbfdff;color:#383a42;}.code-comment,.code-quote{color:#a0a1a7;font-style:italic;}.code-doctag,.code-keyword,.code-link,.code-formula{color:#a626a4;}.code-section,.code-name,.code-selector-tag,.code-deletion,.code-subst{color:#e45649;}.code-literal{color:#0184bb;}.code-string,.code-regexp,.code-addition,.code-attribute,.code-meta-string{color:#50a14f;}.code-built_in,.code-class .code-title{color:#c18401;}.code-attr,.code-variable,.code-template-variable,.code-type,.code-selector-class,.code-selector-attr,.code-selector-pseudo,.code-number{color:#986801;}.code-symbol,.code-bullet,.code-meta,.code-selector-id,.code-title{color:#4078f2;}.code-emphasis{font-style:italic;}.code-strong{font-weight:bold;}</style><style data-emotion-css="1c3h18e">.css-1c3h18e{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}</style><div class="css-1c3h18e"><style data-emotion-css="1cfuj1t">.css-1cfuj1t{max-width:940px;padding:0 20px;margin:0 auto;}</style><div class="css-1cfuj1t"><style data-emotion-css="i51og3">.css-i51og3{margin-top:2rem;}</style><header class="css-i51og3"><style data-emotion-css="1y7u1xh">.css-1y7u1xh{text-align:center;font-size:3rem;-webkit-letter-spacing:0.05em;-moz-letter-spacing:0.05em;-ms-letter-spacing:0.05em;letter-spacing:0.05em;}</style><h1 class="css-1y7u1xh"><style data-emotion-css="1ydg16i">.css-1ydg16i{color:#000;-webkit-text-decoration:none;text-decoration:none;}</style><a href="/" class="css-1ydg16i">UNPKG</a></h1></header></div><div class="css-1cfuj1t"><style data-emotion-css="93o42g">.css-93o42g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media (max-width:700px){.css-93o42g{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}}</style><header class="css-93o42g"><style data-emotion-css="1dlpvgi">.css-1dlpvgi{font-size:1.5rem;font-weight:normal;-webkit-flex:1;-ms-flex:1;flex:1;word-break:break-all;}</style><h1 class="css-1dlpvgi"><nav><style data-emotion-css="xt128v">.css-xt128v{color:#0076ff;-webkit-text-decoration:none;text-decoration:none;}.css-xt128v:hover{-webkit-text-decoration:underline;text-decoration:underline;}</style><a href="/browse/swiper@8.0.7/" class="css-xt128v">swiper</a><style data-emotion-css="lllnmq">.css-lllnmq{padding-left:5px;padding-right:5px;}</style><span class="css-lllnmq">/</span><strong>swiper-bundle.css</strong></nav></h1><style data-emotion-css="1nr3dab">.css-1nr3dab{margin-left:20px;}@media (max-width:700px){.css-1nr3dab{margin-left:0;margin-bottom:0;}}</style><p class="css-1nr3dab"><label>Version:<!-- --> <style data-emotion-css="un3bt6">.css-un3bt6{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:4px 24px 4px 8px;font-weight:600;font-size:0.9em;color:#24292e;border:1px solid rgba(27,31,35,.2);border-radius:3px;background-color:#eff3f6;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAAAXNSR0IArs4c6QAAARFJREFUKBVjZAACNS39RhBNKrh17WI9o4quoT3Dn78HSNUMUs/CzOTI/O7Vi4dCYpJ3/jP+92BkYGAlyiBGhm8MjIxJt65e3MQM0vDu9YvLYmISILYZELOBxHABRkaGr0yMzF23r12YDFIDNgDEePv65SEhEXENBkYGFSAXuyGMjF8Z/jOsvX3tYiFIDwgwQSgIaaijnvj/P8M5IO8HsjiY/f//D4b//88A1SQhywG9jQr09PS4v/1mPAeUUPzP8B8cJowMjL+Bqu6xMQmaXL164AuyDgwDQJLa2qYSP//9vARkCoMVMzK8YeVkNbh+9uxzMB+JwGoASF5Vx0jz/98/18BqmZi171w9D2EjaaYKEwAEK00XQLdJuwAAAABJRU5ErkJggg==);background-position:right 8px center;background-repeat:no-repeat;background-size:auto 25%;}.css-un3bt6:hover{background-color:#e6ebf1;border-color:rgba(27,31,35,.35);}.css-un3bt6:active{background-color:#e9ecef;border-color:rgba(27,31,35,.35);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,.15);}</style><select name="version" class="css-un3bt6"><option value="2.7.0">2.7.0</option><option value="2.7.5">2.7.5</option><option value="2.7.6">2.7.6</option><option value="3.0.0">3.0.0</option><option value="3.0.1">3.0.1</option><option value="3.0.2">3.0.2</option><option value="3.0.3">3.0.3</option><option value="3.0.4">3.0.4</option><option value="3.0.5">3.0.5</option><option value="3.0.6">3.0.6</option><option value="3.0.7">3.0.7</option><option value="3.0.8">3.0.8</option><option value="3.1.0">3.1.0</option><option value="3.1.2">3.1.2</option><option value="3.1.5">3.1.5</option><option value="3.1.7">3.1.7</option><option value="3.2.0">3.2.0</option><option value="3.2.5">3.2.5</option><option value="3.2.6">3.2.6</option><option value="3.2.7">3.2.7</option><option value="3.3.0">3.3.0</option><option value="3.3.1">3.3.1</option><option value="3.4.0">3.4.0</option><option value="3.4.1">3.4.1</option><option value="3.4.2">3.4.2</option><option value="4.0.0-beta.1">4.0.0-beta.1</option><option value="4.0.0-beta.2">4.0.0-beta.2</option><option value="4.0.0-beta.3">4.0.0-beta.3</option><option value="4.0.0-beta.4">4.0.0-beta.4</option><option value="4.0.0">4.0.0</option><option value="4.0.1">4.0.1</option><option value="4.0.2">4.0.2</option><option value="4.0.3">4.0.3</option><option value="4.0.5">4.0.5</option><option value="4.0.6">4.0.6</option><option value="4.0.7">4.0.7</option><option value="4.1.0">4.1.0</option><option value="4.1.5">4.1.5</option><option value="4.1.6">4.1.6</option><option value="4.2.0">4.2.0</option><option value="4.2.2">4.2.2</option><option value="4.2.5">4.2.5</option><option value="4.2.6">4.2.6</option><option value="4.3.0">4.3.0</option><option value="4.3.2">4.3.2</option><option value="4.3.3">4.3.3</option><option value="4.3.5">4.3.5</option><option value="4.4.0">4.4.0</option><option value="4.4.1">4.4.1</option><option value="4.4.2">4.4.2</option><option value="4.4.5">4.4.5</option><option value="4.4.6">4.4.6</option><option value="4.5.0">4.5.0</option><option value="4.5.1">4.5.1</option><option value="5.0.0">5.0.0</option><option value="5.0.1">5.0.1</option><option value="5.0.2">5.0.2</option><option value="5.0.3">5.0.3</option><option value="5.0.4">5.0.4</option><option value="5.1.0">5.1.0</option><option value="5.2.0">5.2.0</option><option value="5.2.1">5.2.1</option><option value="5.3.0">5.3.0</option><option value="5.3.1">5.3.1</option><option value="5.3.5">5.3.5</option><option value="5.3.6">5.3.6</option><option value="5.3.7">5.3.7</option><option value="5.3.8">5.3.8</option><option value="5.4.0">5.4.0</option><option value="5.4.1">5.4.1</option><option value="5.4.2">5.4.2</option><option value="5.4.3">5.4.3</option><option value="5.4.4">5.4.4</option><option value="5.4.5">5.4.5</option><option value="6.0.0-alpha.1">6.0.0-alpha.1</option><option value="6.0.0-alpha.2">6.0.0-alpha.2</option><option value="6.0.0-alpha.3">6.0.0-alpha.3</option><option value="6.0.0-alpha.4">6.0.0-alpha.4</option><option value="6.0.0-alpha.5">6.0.0-alpha.5</option><option value="6.0.0-alpha.6">6.0.0-alpha.6</option><option value="6.0.0-alpha.7">6.0.0-alpha.7</option><option value="6.0.0-alpha.8">6.0.0-alpha.8</option><option value="6.0.0-alpha.9">6.0.0-alpha.9</option><option value="6.0.0-alpha.10">6.0.0-alpha.10</option><option value="6.0.0-alpha.11">6.0.0-alpha.11</option><option value="6.0.0-alpha.12">6.0.0-alpha.12</option><option value="6.0.0-alpha.15">6.0.0-alpha.15</option><option value="6.0.0-alpha.16">6.0.0-alpha.16</option><option value="6.0.0-alpha.17">6.0.0-alpha.17</option><option value="6.0.0-alpha.18">6.0.0-alpha.18</option><option value="6.0.0">6.0.0</option><option value="6.0.1">6.0.1</option><option value="6.0.2">6.0.2</option><option value="6.0.3">6.0.3</option><option value="6.0.4">6.0.4</option><option value="6.1.0">6.1.0</option><option value="6.1.1">6.1.1</option><option value="6.1.2">6.1.2</option><option value="6.1.3">6.1.3</option><option value="6.2.0">6.2.0</option><option value="6.3.0">6.3.0</option><option value="6.3.1">6.3.1</option><option value="6.3.2">6.3.2</option><option value="6.3.3">6.3.3</option><option value="6.3.4">6.3.4</option><option value="6.3.5">6.3.5</option><option value="6.4.0">6.4.0</option><option value="6.4.1">6.4.1</option><option value="6.4.2">6.4.2</option><option value="6.4.3">6.4.3</option><option value="6.4.4">6.4.4</option><option value="6.4.5">6.4.5</option><option value="6.4.6">6.4.6</option><option value="6.4.7">6.4.7</option><option value="6.4.8">6.4.8</option><option value="6.4.9">6.4.9</option><option value="6.4.10">6.4.10</option><option value="6.4.11">6.4.11</option><option value="6.4.12">6.4.12</option><option value="6.4.14">6.4.14</option><option value="6.4.15">6.4.15</option><option value="6.5.0">6.5.0</option><option value="6.5.1">6.5.1</option><option value="6.5.2">6.5.2</option><option value="6.5.3">6.5.3</option><option value="6.5.4">6.5.4</option><option value="6.5.5-beta.1">6.5.5-beta.1</option><option value="6.5.5">6.5.5</option><option value="6.5.6">6.5.6</option><option value="6.5.7">6.5.7</option><option value="6.5.8">6.5.8</option><option value="6.5.9">6.5.9</option><option value="6.6.0">6.6.0</option><option value="6.6.1">6.6.1</option><option value="6.6.2">6.6.2</option><option value="6.7.0">6.7.0</option><option value="6.7.1">6.7.1</option><option value="6.7.5">6.7.5</option><option value="6.8.0-beta.1">6.8.0-beta.1</option><option value="6.8.0">6.8.0</option><option value="6.8.1">6.8.1</option><option value="6.8.2">6.8.2</option><option value="6.8.3">6.8.3</option><option value="6.8.4">6.8.4</option><option value="7.0.0-alpha.1">7.0.0-alpha.1</option><option value="7.0.0-alpha.2">7.0.0-alpha.2</option><option value="7.0.0-alpha.3">7.0.0-alpha.3</option><option value="7.0.0-alpha.4">7.0.0-alpha.4</option><option value="7.0.0-alpha.5">7.0.0-alpha.5</option><option value="7.0.0-alpha.6">7.0.0-alpha.6</option><option value="7.0.0-alpha.7">7.0.0-alpha.7</option><option value="7.0.0-alpha.8">7.0.0-alpha.8</option><option value="7.0.0-alpha.9">7.0.0-alpha.9</option><option value="7.0.0-alpha.10">7.0.0-alpha.10</option><option value="7.0.0-alpha.11">7.0.0-alpha.11</option><option value="7.0.0-alpha.12">7.0.0-alpha.12</option><option value="7.0.0-alpha.14">7.0.0-alpha.14</option><option value="7.0.0-alpha.15">7.0.0-alpha.15</option><option value="7.0.0-alpha.16">7.0.0-alpha.16</option><option value="7.0.0-alpha.17">7.0.0-alpha.17</option><option value="7.0.0-alpha.18">7.0.0-alpha.18</option><option value="7.0.0-alpha.19">7.0.0-alpha.19</option><option value="7.0.0-alpha.20">7.0.0-alpha.20</option><option value="7.0.0-alpha.21">7.0.0-alpha.21</option><option value="7.0.0-alpha.22">7.0.0-alpha.22</option><option value="7.0.0-alpha.23">7.0.0-alpha.23</option><option value="7.0.0-alpha.24">7.0.0-alpha.24</option><option value="7.0.0-alpha.25">7.0.0-alpha.25</option><option value="7.0.0-alpha.26">7.0.0-alpha.26</option><option value="7.0.0-alpha.27">7.0.0-alpha.27</option><option value="7.0.0-alpha.28">7.0.0-alpha.28</option><option value="7.0.0-alpha.29">7.0.0-alpha.29</option><option value="7.0.0-alpha.30">7.0.0-alpha.30</option><option value="7.0.0-alpha.31">7.0.0-alpha.31</option><option value="7.0.0-alpha.32">7.0.0-alpha.32</option><option value="7.0.0-alpha.33">7.0.0-alpha.33</option><option value="7.0.0-alpha.34">7.0.0-alpha.34</option><option value="7.0.0-alpha.35">7.0.0-alpha.35</option><option value="7.0.0-alpha.36">7.0.0-alpha.36</option><option value="7.0.0-alpha.37">7.0.0-alpha.37</option><option value="7.0.0-alpha.38">7.0.0-alpha.38</option><option value="7.0.0-alpha.39">7.0.0-alpha.39</option><option value="7.0.0-alpha.40">7.0.0-alpha.40</option><option value="7.0.0">7.0.0</option><option value="7.0.1">7.0.1</option><option value="7.0.2">7.0.2</option><option value="7.0.3">7.0.3</option><option value="7.0.4">7.0.4</option><option value="7.0.5">7.0.5</option><option value="7.0.6">7.0.6</option><option value="7.0.7">7.0.7</option><option value="7.0.8">7.0.8</option><option value="7.0.9">7.0.9</option><option value="7.1.0">7.1.0</option><option value="7.2.0">7.2.0</option><option value="7.3.0">7.3.0</option><option value="7.3.1">7.3.1</option><option value="7.3.2">7.3.2</option><option value="7.3.3">7.3.3</option><option value="7.3.4">7.3.4</option><option value="7.4.0">7.4.0</option><option value="7.4.1">7.4.1</option><option value="8.0.0">8.0.0</option><option value="8.0.1">8.0.1</option><option value="8.0.2">8.0.2</option><option value="8.0.3">8.0.3</option><option value="8.0.4">8.0.4</option><option value="8.0.5">8.0.5</option><option value="8.0.6">8.0.6</option><option selected="" value="8.0.7">8.0.7</option></select></label></p></header></div><style data-emotion-css="107j3ms">.css-107j3ms{max-width:940px;padding:0 20px;margin:0 auto;}@media (max-width:700px){.css-107j3ms{padding:0;margin:0;}}</style><div class="css-107j3ms"><style data-emotion-css="q3frg4">.css-q3frg4{border:1px solid #dfe2e5;border-radius:3px;}@media (max-width:700px){.css-q3frg4{border-right-width:0;border-left-width:0;}}</style><div class="css-q3frg4"><style data-emotion-css="10o5omr">.css-10o5omr{padding:10px;background:#f6f8fa;color:#424242;border:1px solid #d1d5da;border-top-left-radius:3px;border-top-right-radius:3px;margin:-1px -1px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}@media (max-width:700px){.css-10o5omr{padding-right:20px;padding-left:20px;}}</style><div class="css-10o5omr"><span>18.6 kB</span><span>CSS</span><span><style data-emotion-css="18x593j">.css-18x593j{display:inline-block;margin-left:8px;padding:2px 8px;-webkit-text-decoration:none;text-decoration:none;font-weight:600;font-size:0.9rem;color:#24292e;background-color:#eff3f6;border:1px solid rgba(27,31,35,.2);border-radius:3px;}.css-18x593j:hover{background-color:#e6ebf1;border-color:rgba(27,31,35,.35);}.css-18x593j:active{background-color:#e9ecef;border-color:rgba(27,31,35,.35);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,.15);}</style><a href="/swiper@8.0.7/swiper-bundle.css" class="css-18x593j">View Raw</a></span></div><style data-emotion-css="1i31ihw">.css-1i31ihw{overflow-x:auto;overflow-y:hidden;padding-top:5px;padding-bottom:5px;}</style><div class="code-listing css-1i31ihw"><style data-emotion-css="173nir8">.css-173nir8{border:none;border-collapse:collapse;border-spacing:0;}</style><table class="css-173nir8"><tbody><tr><style data-emotion-css="a4x74f">.css-a4x74f{padding-left:10px;padding-right:10px;color:rgba(27,31,35,.3);text-align:right;vertical-align:top;width:1%;min-width:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><td id="L1" class="css-a4x74f"><span>1</span></td><style data-emotion-css="1dcdqdg">.css-1dcdqdg{padding-left:10px;padding-right:10px;color:#24292e;white-space:pre;}</style><td id="LC1" class="css-1dcdqdg"><code><span class="code-comment">/**
</span></code></td></tr><tr><td id="L2" class="css-a4x74f"><span>2</span></td><td id="LC2" class="css-1dcdqdg"><code><span class="code-comment"> * Swiper 8.0.7
</span></code></td></tr><tr><td id="L3" class="css-a4x74f"><span>3</span></td><td id="LC3" class="css-1dcdqdg"><code><span class="code-comment"> * Most modern mobile touch slider and framework with hardware accelerated transitions
</span></code></td></tr><tr><td id="L4" class="css-a4x74f"><span>4</span></td><td id="LC4" class="css-1dcdqdg"><code><span class="code-comment"> * https://swiperjs.com
</span></code></td></tr><tr><td id="L5" class="css-a4x74f"><span>5</span></td><td id="LC5" class="css-1dcdqdg"><code><span class="code-comment"> *
</span></code></td></tr><tr><td id="L6" class="css-a4x74f"><span>6</span></td><td id="LC6" class="css-1dcdqdg"><code><span class="code-comment"> * Copyright 2014-2022 Vladimir Kharlampidi
</span></code></td></tr><tr><td id="L7" class="css-a4x74f"><span>7</span></td><td id="LC7" class="css-1dcdqdg"><code><span class="code-comment"> *
</span></code></td></tr><tr><td id="L8" class="css-a4x74f"><span>8</span></td><td id="LC8" class="css-1dcdqdg"><code><span class="code-comment"> * Released under the MIT License
</span></code></td></tr><tr><td id="L9" class="css-a4x74f"><span>9</span></td><td id="LC9" class="css-1dcdqdg"><code><span class="code-comment"> *
</span></code></td></tr><tr><td id="L10" class="css-a4x74f"><span>10</span></td><td id="LC10" class="css-1dcdqdg"><code><span class="code-comment"> * Released on: March 4, 2022
</span></code></td></tr><tr><td id="L11" class="css-a4x74f"><span>11</span></td><td id="LC11" class="css-1dcdqdg"><code><span class="code-comment"> */</span>
</code></td></tr><tr><td id="L12" class="css-a4x74f"><span>12</span></td><td id="LC12" class="css-1dcdqdg"><code>
</code></td></tr><tr><td id="L13" class="css-a4x74f"><span>13</span></td><td id="LC13" class="css-1dcdqdg"><code>@<span class="code-keyword">font-face</span> {
</code></td></tr><tr><td id="L14" class="css-a4x74f"><span>14</span></td><td id="LC14" class="css-1dcdqdg"><code>  <span class="code-attribute">font-family</span>: <span class="code-string">'swiper-icons'</span>;
</code></td></tr><tr><td id="L15" class="css-a4x74f"><span>15</span></td><td id="LC15" class="css-1dcdqdg"><code>  <span class="code-attribute">src</span>: <span class="code-built_in">url</span>(<span class="code-string">'data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'</span>);
</code></td></tr><tr><td id="L16" class="css-a4x74f"><span>16</span></td><td id="LC16" class="css-1dcdqdg"><code>  <span class="code-attribute">font-weight</span>: <span class="code-number">400</span>;
</code></td></tr><tr><td id="L17" class="css-a4x74f"><span>17</span></td><td id="LC17" class="css-1dcdqdg"><code>  <span class="code-attribute">font-style</span>: normal;
</code></td></tr><tr><td id="L18" class="css-a4x74f"><span>18</span></td><td id="LC18" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L19" class="css-a4x74f"><span>19</span></td><td id="LC19" class="css-1dcdqdg"><code><span class="hljs-selector-pseudo">:root</span> {
</code></td></tr><tr><td id="L20" class="css-a4x74f"><span>20</span></td><td id="LC20" class="css-1dcdqdg"><code>  <span class="code-attribute">--swiper-theme-color</span>: <span class="code-number">#007aff</span>;
</code></td></tr><tr><td id="L21" class="css-a4x74f"><span>21</span></td><td id="LC21" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L22" class="css-a4x74f"><span>22</span></td><td id="LC22" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper</span> {
</code></td></tr><tr><td id="L23" class="css-a4x74f"><span>23</span></td><td id="LC23" class="css-1dcdqdg"><code>  <span class="code-attribute">margin-left</span>: auto;
</code></td></tr><tr><td id="L24" class="css-a4x74f"><span>24</span></td><td id="LC24" class="css-1dcdqdg"><code>  <span class="code-attribute">margin-right</span>: auto;
</code></td></tr><tr><td id="L25" class="css-a4x74f"><span>25</span></td><td id="LC25" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: relative;
</code></td></tr><tr><td id="L26" class="css-a4x74f"><span>26</span></td><td id="LC26" class="css-1dcdqdg"><code>  <span class="code-attribute">overflow</span>: hidden;
</code></td></tr><tr><td id="L27" class="css-a4x74f"><span>27</span></td><td id="LC27" class="css-1dcdqdg"><code>  <span class="code-attribute">list-style</span>: none;
</code></td></tr><tr><td id="L28" class="css-a4x74f"><span>28</span></td><td id="LC28" class="css-1dcdqdg"><code>  <span class="code-attribute">padding</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L29" class="css-a4x74f"><span>29</span></td><td id="LC29" class="css-1dcdqdg"><code>  <span class="code-comment">/* Fix of Webkit flickering */</span>
</code></td></tr><tr><td id="L30" class="css-a4x74f"><span>30</span></td><td id="LC30" class="css-1dcdqdg"><code>  <span class="code-attribute">z-index</span>: <span class="code-number">1</span>;
</code></td></tr><tr><td id="L31" class="css-a4x74f"><span>31</span></td><td id="LC31" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L32" class="css-a4x74f"><span>32</span></td><td id="LC32" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-vertical</span> &gt; <span class="hljs-selector-class">.swiper-wrapper</span> {
</code></td></tr><tr><td id="L33" class="css-a4x74f"><span>33</span></td><td id="LC33" class="css-1dcdqdg"><code>  <span class="code-attribute">flex-direction</span>: column;
</code></td></tr><tr><td id="L34" class="css-a4x74f"><span>34</span></td><td id="LC34" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L35" class="css-a4x74f"><span>35</span></td><td id="LC35" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-wrapper</span> {
</code></td></tr><tr><td id="L36" class="css-a4x74f"><span>36</span></td><td id="LC36" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: relative;
</code></td></tr><tr><td id="L37" class="css-a4x74f"><span>37</span></td><td id="LC37" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L38" class="css-a4x74f"><span>38</span></td><td id="LC38" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L39" class="css-a4x74f"><span>39</span></td><td id="LC39" class="css-1dcdqdg"><code>  <span class="code-attribute">z-index</span>: <span class="code-number">1</span>;
</code></td></tr><tr><td id="L40" class="css-a4x74f"><span>40</span></td><td id="LC40" class="css-1dcdqdg"><code>  <span class="code-attribute">display</span>: flex;
</code></td></tr><tr><td id="L41" class="css-a4x74f"><span>41</span></td><td id="LC41" class="css-1dcdqdg"><code>  <span class="code-attribute">transition-property</span>: transform;
</code></td></tr><tr><td id="L42" class="css-a4x74f"><span>42</span></td><td id="LC42" class="css-1dcdqdg"><code>  <span class="code-attribute">box-sizing</span>: content-box;
</code></td></tr><tr><td id="L43" class="css-a4x74f"><span>43</span></td><td id="LC43" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L44" class="css-a4x74f"><span>44</span></td><td id="LC44" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-android</span> <span class="hljs-selector-class">.swiper-slide</span>,
</code></td></tr><tr><td id="L45" class="css-a4x74f"><span>45</span></td><td id="LC45" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-wrapper</span> {
</code></td></tr><tr><td id="L46" class="css-a4x74f"><span>46</span></td><td id="LC46" class="css-1dcdqdg"><code>  <span class="code-attribute">transform</span>: <span class="code-built_in">translate3d</span>(0px, 0, 0);
</code></td></tr><tr><td id="L47" class="css-a4x74f"><span>47</span></td><td id="LC47" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L48" class="css-a4x74f"><span>48</span></td><td id="LC48" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pointer-events</span> {
</code></td></tr><tr><td id="L49" class="css-a4x74f"><span>49</span></td><td id="LC49" class="css-1dcdqdg"><code>  <span class="code-attribute">touch-action</span>: pan-y;
</code></td></tr><tr><td id="L50" class="css-a4x74f"><span>50</span></td><td id="LC50" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L51" class="css-a4x74f"><span>51</span></td><td id="LC51" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pointer-events</span><span class="hljs-selector-class">.swiper-vertical</span> {
</code></td></tr><tr><td id="L52" class="css-a4x74f"><span>52</span></td><td id="LC52" class="css-1dcdqdg"><code>  <span class="code-attribute">touch-action</span>: pan-x;
</code></td></tr><tr><td id="L53" class="css-a4x74f"><span>53</span></td><td id="LC53" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L54" class="css-a4x74f"><span>54</span></td><td id="LC54" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L55" class="css-a4x74f"><span>55</span></td><td id="LC55" class="css-1dcdqdg"><code>  <span class="code-attribute">flex-shrink</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L56" class="css-a4x74f"><span>56</span></td><td id="LC56" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L57" class="css-a4x74f"><span>57</span></td><td id="LC57" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L58" class="css-a4x74f"><span>58</span></td><td id="LC58" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: relative;
</code></td></tr><tr><td id="L59" class="css-a4x74f"><span>59</span></td><td id="LC59" class="css-1dcdqdg"><code>  <span class="code-attribute">transition-property</span>: transform;
</code></td></tr><tr><td id="L60" class="css-a4x74f"><span>60</span></td><td id="LC60" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L61" class="css-a4x74f"><span>61</span></td><td id="LC61" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-slide-invisible-blank</span> {
</code></td></tr><tr><td id="L62" class="css-a4x74f"><span>62</span></td><td id="LC62" class="css-1dcdqdg"><code>  <span class="code-attribute">visibility</span>: hidden;
</code></td></tr><tr><td id="L63" class="css-a4x74f"><span>63</span></td><td id="LC63" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L64" class="css-a4x74f"><span>64</span></td><td id="LC64" class="css-1dcdqdg"><code><span class="code-comment">/* Auto Height */</span>
</code></td></tr><tr><td id="L65" class="css-a4x74f"><span>65</span></td><td id="LC65" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-autoheight</span>,
</code></td></tr><tr><td id="L66" class="css-a4x74f"><span>66</span></td><td id="LC66" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-autoheight</span> <span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L67" class="css-a4x74f"><span>67</span></td><td id="LC67" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: auto;
</code></td></tr><tr><td id="L68" class="css-a4x74f"><span>68</span></td><td id="LC68" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L69" class="css-a4x74f"><span>69</span></td><td id="LC69" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-autoheight</span> <span class="hljs-selector-class">.swiper-wrapper</span> {
</code></td></tr><tr><td id="L70" class="css-a4x74f"><span>70</span></td><td id="LC70" class="css-1dcdqdg"><code>  <span class="code-attribute">align-items</span>: flex-start;
</code></td></tr><tr><td id="L71" class="css-a4x74f"><span>71</span></td><td id="LC71" class="css-1dcdqdg"><code>  <span class="code-attribute">transition-property</span>: transform, height;
</code></td></tr><tr><td id="L72" class="css-a4x74f"><span>72</span></td><td id="LC72" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L73" class="css-a4x74f"><span>73</span></td><td id="LC73" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-backface-hidden</span> <span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L74" class="css-a4x74f"><span>74</span></td><td id="LC74" class="css-1dcdqdg"><code>  <span class="code-attribute">transform</span>: <span class="code-built_in">translateZ</span>(0);
</code></td></tr><tr><td id="L75" class="css-a4x74f"><span>75</span></td><td id="LC75" class="css-1dcdqdg"><code>  <span class="code-attribute">-webkit-backface-visibility</span>: hidden;
</code></td></tr><tr><td id="L76" class="css-a4x74f"><span>76</span></td><td id="LC76" class="css-1dcdqdg"><code>          <span class="code-attribute">backface-visibility</span>: hidden;
</code></td></tr><tr><td id="L77" class="css-a4x74f"><span>77</span></td><td id="LC77" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L78" class="css-a4x74f"><span>78</span></td><td id="LC78" class="css-1dcdqdg"><code><span class="code-comment">/* 3D Effects */</span>
</code></td></tr><tr><td id="L79" class="css-a4x74f"><span>79</span></td><td id="LC79" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span>,
</code></td></tr><tr><td id="L80" class="css-a4x74f"><span>80</span></td><td id="LC80" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span><span class="hljs-selector-class">.swiper-css-mode</span> <span class="hljs-selector-class">.swiper-wrapper</span> {
</code></td></tr><tr><td id="L81" class="css-a4x74f"><span>81</span></td><td id="LC81" class="css-1dcdqdg"><code>  <span class="code-attribute">perspective</span>: <span class="code-number">1200px</span>;
</code></td></tr><tr><td id="L82" class="css-a4x74f"><span>82</span></td><td id="LC82" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L83" class="css-a4x74f"><span>83</span></td><td id="LC83" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-wrapper</span>,
</code></td></tr><tr><td id="L84" class="css-a4x74f"><span>84</span></td><td id="LC84" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide</span>,
</code></td></tr><tr><td id="L85" class="css-a4x74f"><span>85</span></td><td id="LC85" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow</span>,
</code></td></tr><tr><td id="L86" class="css-a4x74f"><span>86</span></td><td id="LC86" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-left</span>,
</code></td></tr><tr><td id="L87" class="css-a4x74f"><span>87</span></td><td id="LC87" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-right</span>,
</code></td></tr><tr><td id="L88" class="css-a4x74f"><span>88</span></td><td id="LC88" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-top</span>,
</code></td></tr><tr><td id="L89" class="css-a4x74f"><span>89</span></td><td id="LC89" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-bottom</span>,
</code></td></tr><tr><td id="L90" class="css-a4x74f"><span>90</span></td><td id="LC90" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-cube-shadow</span> {
</code></td></tr><tr><td id="L91" class="css-a4x74f"><span>91</span></td><td id="LC91" class="css-1dcdqdg"><code>  <span class="code-attribute">transform-style</span>: preserve-<span class="code-number">3</span>d;
</code></td></tr><tr><td id="L92" class="css-a4x74f"><span>92</span></td><td id="LC92" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L93" class="css-a4x74f"><span>93</span></td><td id="LC93" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow</span>,
</code></td></tr><tr><td id="L94" class="css-a4x74f"><span>94</span></td><td id="LC94" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-left</span>,
</code></td></tr><tr><td id="L95" class="css-a4x74f"><span>95</span></td><td id="LC95" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-right</span>,
</code></td></tr><tr><td id="L96" class="css-a4x74f"><span>96</span></td><td id="LC96" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-top</span>,
</code></td></tr><tr><td id="L97" class="css-a4x74f"><span>97</span></td><td id="LC97" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-bottom</span> {
</code></td></tr><tr><td id="L98" class="css-a4x74f"><span>98</span></td><td id="LC98" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: absolute;
</code></td></tr><tr><td id="L99" class="css-a4x74f"><span>99</span></td><td id="LC99" class="css-1dcdqdg"><code>  <span class="code-attribute">left</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L100" class="css-a4x74f"><span>100</span></td><td id="LC100" class="css-1dcdqdg"><code>  <span class="code-attribute">top</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L101" class="css-a4x74f"><span>101</span></td><td id="LC101" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L102" class="css-a4x74f"><span>102</span></td><td id="LC102" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L103" class="css-a4x74f"><span>103</span></td><td id="LC103" class="css-1dcdqdg"><code>  <span class="code-attribute">pointer-events</span>: none;
</code></td></tr><tr><td id="L104" class="css-a4x74f"><span>104</span></td><td id="LC104" class="css-1dcdqdg"><code>  <span class="code-attribute">z-index</span>: <span class="code-number">10</span>;
</code></td></tr><tr><td id="L105" class="css-a4x74f"><span>105</span></td><td id="LC105" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L106" class="css-a4x74f"><span>106</span></td><td id="LC106" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow</span> {
</code></td></tr><tr><td id="L107" class="css-a4x74f"><span>107</span></td><td id="LC107" class="css-1dcdqdg"><code>  <span class="code-attribute">background</span>: <span class="code-built_in">rgba</span>(0, 0, 0, 0.15);
</code></td></tr><tr><td id="L108" class="css-a4x74f"><span>108</span></td><td id="LC108" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L109" class="css-a4x74f"><span>109</span></td><td id="LC109" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-left</span> {
</code></td></tr><tr><td id="L110" class="css-a4x74f"><span>110</span></td><td id="LC110" class="css-1dcdqdg"><code>  <span class="code-attribute">background-image</span>: <span class="code-built_in">linear-gradient</span>(to left, rgba(0, 0, 0, 0.5), <span class="code-built_in">rgba</span>(0, 0, 0, 0));
</code></td></tr><tr><td id="L111" class="css-a4x74f"><span>111</span></td><td id="LC111" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L112" class="css-a4x74f"><span>112</span></td><td id="LC112" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-right</span> {
</code></td></tr><tr><td id="L113" class="css-a4x74f"><span>113</span></td><td id="LC113" class="css-1dcdqdg"><code>  <span class="code-attribute">background-image</span>: <span class="code-built_in">linear-gradient</span>(to right, rgba(0, 0, 0, 0.5), <span class="code-built_in">rgba</span>(0, 0, 0, 0));
</code></td></tr><tr><td id="L114" class="css-a4x74f"><span>114</span></td><td id="LC114" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L115" class="css-a4x74f"><span>115</span></td><td id="LC115" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-top</span> {
</code></td></tr><tr><td id="L116" class="css-a4x74f"><span>116</span></td><td id="LC116" class="css-1dcdqdg"><code>  <span class="code-attribute">background-image</span>: <span class="code-built_in">linear-gradient</span>(to top, rgba(0, 0, 0, 0.5), <span class="code-built_in">rgba</span>(0, 0, 0, 0));
</code></td></tr><tr><td id="L117" class="css-a4x74f"><span>117</span></td><td id="LC117" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L118" class="css-a4x74f"><span>118</span></td><td id="LC118" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-bottom</span> {
</code></td></tr><tr><td id="L119" class="css-a4x74f"><span>119</span></td><td id="LC119" class="css-1dcdqdg"><code>  <span class="code-attribute">background-image</span>: <span class="code-built_in">linear-gradient</span>(to bottom, rgba(0, 0, 0, 0.5), <span class="code-built_in">rgba</span>(0, 0, 0, 0));
</code></td></tr><tr><td id="L120" class="css-a4x74f"><span>120</span></td><td id="LC120" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L121" class="css-a4x74f"><span>121</span></td><td id="LC121" class="css-1dcdqdg"><code><span class="code-comment">/* CSS Mode */</span>
</code></td></tr><tr><td id="L122" class="css-a4x74f"><span>122</span></td><td id="LC122" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-css-mode</span> &gt; <span class="hljs-selector-class">.swiper-wrapper</span> {
</code></td></tr><tr><td id="L123" class="css-a4x74f"><span>123</span></td><td id="LC123" class="css-1dcdqdg"><code>  <span class="code-attribute">overflow</span>: auto;
</code></td></tr><tr><td id="L124" class="css-a4x74f"><span>124</span></td><td id="LC124" class="css-1dcdqdg"><code>  <span class="code-attribute">scrollbar-width</span>: none;
</code></td></tr><tr><td id="L125" class="css-a4x74f"><span>125</span></td><td id="LC125" class="css-1dcdqdg"><code>  <span class="code-comment">/* For Firefox */</span>
</code></td></tr><tr><td id="L126" class="css-a4x74f"><span>126</span></td><td id="LC126" class="css-1dcdqdg"><code>  <span class="code-attribute">-ms-overflow-style</span>: none;
</code></td></tr><tr><td id="L127" class="css-a4x74f"><span>127</span></td><td id="LC127" class="css-1dcdqdg"><code>  <span class="code-comment">/* For Internet Explorer and Edge */</span>
</code></td></tr><tr><td id="L128" class="css-a4x74f"><span>128</span></td><td id="LC128" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L129" class="css-a4x74f"><span>129</span></td><td id="LC129" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-css-mode</span> &gt; <span class="hljs-selector-class">.swiper-wrapper</span><span class="hljs-selector-pseudo">::-webkit-scrollbar</span> {
</code></td></tr><tr><td id="L130" class="css-a4x74f"><span>130</span></td><td id="LC130" class="css-1dcdqdg"><code>  <span class="code-attribute">display</span>: none;
</code></td></tr><tr><td id="L131" class="css-a4x74f"><span>131</span></td><td id="LC131" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L132" class="css-a4x74f"><span>132</span></td><td id="LC132" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-css-mode</span> &gt; <span class="hljs-selector-class">.swiper-wrapper</span> &gt; <span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L133" class="css-a4x74f"><span>133</span></td><td id="LC133" class="css-1dcdqdg"><code>  <span class="code-attribute">scroll-snap-align</span>: start start;
</code></td></tr><tr><td id="L134" class="css-a4x74f"><span>134</span></td><td id="LC134" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L135" class="css-a4x74f"><span>135</span></td><td id="LC135" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-horizontal</span><span class="hljs-selector-class">.swiper-css-mode</span> &gt; <span class="hljs-selector-class">.swiper-wrapper</span> {
</code></td></tr><tr><td id="L136" class="css-a4x74f"><span>136</span></td><td id="LC136" class="css-1dcdqdg"><code>  <span class="code-attribute">scroll-snap-type</span>: x mandatory;
</code></td></tr><tr><td id="L137" class="css-a4x74f"><span>137</span></td><td id="LC137" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L138" class="css-a4x74f"><span>138</span></td><td id="LC138" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-vertical</span><span class="hljs-selector-class">.swiper-css-mode</span> &gt; <span class="hljs-selector-class">.swiper-wrapper</span> {
</code></td></tr><tr><td id="L139" class="css-a4x74f"><span>139</span></td><td id="LC139" class="css-1dcdqdg"><code>  <span class="code-attribute">scroll-snap-type</span>: y mandatory;
</code></td></tr><tr><td id="L140" class="css-a4x74f"><span>140</span></td><td id="LC140" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L141" class="css-a4x74f"><span>141</span></td><td id="LC141" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-centered</span> &gt; <span class="hljs-selector-class">.swiper-wrapper</span><span class="hljs-selector-pseudo">::before</span> {
</code></td></tr><tr><td id="L142" class="css-a4x74f"><span>142</span></td><td id="LC142" class="css-1dcdqdg"><code>  <span class="code-attribute">content</span>: <span class="code-string">''</span>;
</code></td></tr><tr><td id="L143" class="css-a4x74f"><span>143</span></td><td id="LC143" class="css-1dcdqdg"><code>  <span class="code-attribute">flex-shrink</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L144" class="css-a4x74f"><span>144</span></td><td id="LC144" class="css-1dcdqdg"><code>  <span class="code-attribute">order</span>: <span class="code-number">9999</span>;
</code></td></tr><tr><td id="L145" class="css-a4x74f"><span>145</span></td><td id="LC145" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L146" class="css-a4x74f"><span>146</span></td><td id="LC146" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-centered</span><span class="hljs-selector-class">.swiper-horizontal</span> &gt; <span class="hljs-selector-class">.swiper-wrapper</span> &gt; <span class="hljs-selector-class">.swiper-slide</span><span class="hljs-selector-pseudo">:first-child</span> {
</code></td></tr><tr><td id="L147" class="css-a4x74f"><span>147</span></td><td id="LC147" class="css-1dcdqdg"><code>  <span class="code-attribute">margin-inline-start</span>: <span class="code-built_in">var</span>(--swiper-centered-offset-before);
</code></td></tr><tr><td id="L148" class="css-a4x74f"><span>148</span></td><td id="LC148" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L149" class="css-a4x74f"><span>149</span></td><td id="LC149" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-centered</span><span class="hljs-selector-class">.swiper-horizontal</span> &gt; <span class="hljs-selector-class">.swiper-wrapper</span><span class="hljs-selector-pseudo">::before</span> {
</code></td></tr><tr><td id="L150" class="css-a4x74f"><span>150</span></td><td id="LC150" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L151" class="css-a4x74f"><span>151</span></td><td id="LC151" class="css-1dcdqdg"><code>  <span class="code-attribute">min-height</span>: <span class="code-number">1px</span>;
</code></td></tr><tr><td id="L152" class="css-a4x74f"><span>152</span></td><td id="LC152" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-built_in">var</span>(--swiper-centered-offset-after);
</code></td></tr><tr><td id="L153" class="css-a4x74f"><span>153</span></td><td id="LC153" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L154" class="css-a4x74f"><span>154</span></td><td id="LC154" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-centered</span><span class="hljs-selector-class">.swiper-vertical</span> &gt; <span class="hljs-selector-class">.swiper-wrapper</span> &gt; <span class="hljs-selector-class">.swiper-slide</span><span class="hljs-selector-pseudo">:first-child</span> {
</code></td></tr><tr><td id="L155" class="css-a4x74f"><span>155</span></td><td id="LC155" class="css-1dcdqdg"><code>  <span class="code-attribute">margin-block-start</span>: <span class="code-built_in">var</span>(--swiper-centered-offset-before);
</code></td></tr><tr><td id="L156" class="css-a4x74f"><span>156</span></td><td id="LC156" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L157" class="css-a4x74f"><span>157</span></td><td id="LC157" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-centered</span><span class="hljs-selector-class">.swiper-vertical</span> &gt; <span class="hljs-selector-class">.swiper-wrapper</span><span class="hljs-selector-pseudo">::before</span> {
</code></td></tr><tr><td id="L158" class="css-a4x74f"><span>158</span></td><td id="LC158" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L159" class="css-a4x74f"><span>159</span></td><td id="LC159" class="css-1dcdqdg"><code>  <span class="code-attribute">min-width</span>: <span class="code-number">1px</span>;
</code></td></tr><tr><td id="L160" class="css-a4x74f"><span>160</span></td><td id="LC160" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-built_in">var</span>(--swiper-centered-offset-after);
</code></td></tr><tr><td id="L161" class="css-a4x74f"><span>161</span></td><td id="LC161" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L162" class="css-a4x74f"><span>162</span></td><td id="LC162" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-centered</span> &gt; <span class="hljs-selector-class">.swiper-wrapper</span> &gt; <span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L163" class="css-a4x74f"><span>163</span></td><td id="LC163" class="css-1dcdqdg"><code>  <span class="code-attribute">scroll-snap-align</span>: center center;
</code></td></tr><tr><td id="L164" class="css-a4x74f"><span>164</span></td><td id="LC164" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L165" class="css-a4x74f"><span>165</span></td><td id="LC165" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-virtual</span> <span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L166" class="css-a4x74f"><span>166</span></td><td id="LC166" class="css-1dcdqdg"><code>  <span class="code-attribute">-webkit-backface-visibility</span>: hidden;
</code></td></tr><tr><td id="L167" class="css-a4x74f"><span>167</span></td><td id="LC167" class="css-1dcdqdg"><code>  <span class="code-attribute">transform</span>: <span class="code-built_in">translateZ</span>(0);
</code></td></tr><tr><td id="L168" class="css-a4x74f"><span>168</span></td><td id="LC168" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L169" class="css-a4x74f"><span>169</span></td><td id="LC169" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-virtual</span><span class="hljs-selector-class">.swiper-css-mode</span> <span class="hljs-selector-class">.swiper-wrapper</span><span class="hljs-selector-pseudo">::after</span> {
</code></td></tr><tr><td id="L170" class="css-a4x74f"><span>170</span></td><td id="LC170" class="css-1dcdqdg"><code>  <span class="code-attribute">content</span>: <span class="code-string">''</span>;
</code></td></tr><tr><td id="L171" class="css-a4x74f"><span>171</span></td><td id="LC171" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: absolute;
</code></td></tr><tr><td id="L172" class="css-a4x74f"><span>172</span></td><td id="LC172" class="css-1dcdqdg"><code>  <span class="code-attribute">left</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L173" class="css-a4x74f"><span>173</span></td><td id="LC173" class="css-1dcdqdg"><code>  <span class="code-attribute">top</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L174" class="css-a4x74f"><span>174</span></td><td id="LC174" class="css-1dcdqdg"><code>  <span class="code-attribute">pointer-events</span>: none;
</code></td></tr><tr><td id="L175" class="css-a4x74f"><span>175</span></td><td id="LC175" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L176" class="css-a4x74f"><span>176</span></td><td id="LC176" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-virtual</span><span class="hljs-selector-class">.swiper-css-mode</span><span class="hljs-selector-class">.swiper-horizontal</span> <span class="hljs-selector-class">.swiper-wrapper</span><span class="hljs-selector-pseudo">::after</span> {
</code></td></tr><tr><td id="L177" class="css-a4x74f"><span>177</span></td><td id="LC177" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-number">1px</span>;
</code></td></tr><tr><td id="L178" class="css-a4x74f"><span>178</span></td><td id="LC178" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-built_in">var</span>(--swiper-virtual-size);
</code></td></tr><tr><td id="L179" class="css-a4x74f"><span>179</span></td><td id="LC179" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L180" class="css-a4x74f"><span>180</span></td><td id="LC180" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-virtual</span><span class="hljs-selector-class">.swiper-css-mode</span><span class="hljs-selector-class">.swiper-vertical</span> <span class="hljs-selector-class">.swiper-wrapper</span><span class="hljs-selector-pseudo">::after</span> {
</code></td></tr><tr><td id="L181" class="css-a4x74f"><span>181</span></td><td id="LC181" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">1px</span>;
</code></td></tr><tr><td id="L182" class="css-a4x74f"><span>182</span></td><td id="LC182" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-built_in">var</span>(--swiper-virtual-size);
</code></td></tr><tr><td id="L183" class="css-a4x74f"><span>183</span></td><td id="LC183" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L184" class="css-a4x74f"><span>184</span></td><td id="LC184" class="css-1dcdqdg"><code><span class="hljs-selector-pseudo">:root</span> {
</code></td></tr><tr><td id="L185" class="css-a4x74f"><span>185</span></td><td id="LC185" class="css-1dcdqdg"><code>  <span class="code-attribute">--swiper-navigation-size</span>: <span class="code-number">44px</span>;
</code></td></tr><tr><td id="L186" class="css-a4x74f"><span>186</span></td><td id="LC186" class="css-1dcdqdg"><code>  <span class="code-comment">/*
</span></code></td></tr><tr><td id="L187" class="css-a4x74f"><span>187</span></td><td id="LC187" class="css-1dcdqdg"><code><span class="code-comment">  --swiper-navigation-color: var(--swiper-theme-color);
</span></code></td></tr><tr><td id="L188" class="css-a4x74f"><span>188</span></td><td id="LC188" class="css-1dcdqdg"><code><span class="code-comment">  */</span>
</code></td></tr><tr><td id="L189" class="css-a4x74f"><span>189</span></td><td id="LC189" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L190" class="css-a4x74f"><span>190</span></td><td id="LC190" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-button-prev</span>,
</code></td></tr><tr><td id="L191" class="css-a4x74f"><span>191</span></td><td id="LC191" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-button-next</span> {
</code></td></tr><tr><td id="L192" class="css-a4x74f"><span>192</span></td><td id="LC192" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: absolute;
</code></td></tr><tr><td id="L193" class="css-a4x74f"><span>193</span></td><td id="LC193" class="css-1dcdqdg"><code>  <span class="code-attribute">top</span>: <span class="code-number">50%</span>;
</code></td></tr><tr><td id="L194" class="css-a4x74f"><span>194</span></td><td id="LC194" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-built_in">calc</span>(var(--swiper-navigation-size) / <span class="code-number">44</span> * <span class="code-number">27</span>);
</code></td></tr><tr><td id="L195" class="css-a4x74f"><span>195</span></td><td id="LC195" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-built_in">var</span>(--swiper-navigation-size);
</code></td></tr><tr><td id="L196" class="css-a4x74f"><span>196</span></td><td id="LC196" class="css-1dcdqdg"><code>  <span class="code-attribute">margin-top</span>: <span class="code-built_in">calc</span>(0px - (var(--swiper-navigation-size) / <span class="code-number">2</span>));
</code></td></tr><tr><td id="L197" class="css-a4x74f"><span>197</span></td><td id="LC197" class="css-1dcdqdg"><code>  <span class="code-attribute">z-index</span>: <span class="code-number">10</span>;
</code></td></tr><tr><td id="L198" class="css-a4x74f"><span>198</span></td><td id="LC198" class="css-1dcdqdg"><code>  <span class="code-attribute">cursor</span>: pointer;
</code></td></tr><tr><td id="L199" class="css-a4x74f"><span>199</span></td><td id="LC199" class="css-1dcdqdg"><code>  <span class="code-attribute">display</span>: flex;
</code></td></tr><tr><td id="L200" class="css-a4x74f"><span>200</span></td><td id="LC200" class="css-1dcdqdg"><code>  <span class="code-attribute">align-items</span>: center;
</code></td></tr><tr><td id="L201" class="css-a4x74f"><span>201</span></td><td id="LC201" class="css-1dcdqdg"><code>  <span class="code-attribute">justify-content</span>: center;
</code></td></tr><tr><td id="L202" class="css-a4x74f"><span>202</span></td><td id="LC202" class="css-1dcdqdg"><code>  <span class="code-attribute">color</span>: <span class="code-built_in">var</span>(--swiper-navigation-color, var(--swiper-theme-color));
</code></td></tr><tr><td id="L203" class="css-a4x74f"><span>203</span></td><td id="LC203" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L204" class="css-a4x74f"><span>204</span></td><td id="LC204" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-button-prev</span><span class="hljs-selector-class">.swiper-button-disabled</span>,
</code></td></tr><tr><td id="L205" class="css-a4x74f"><span>205</span></td><td id="LC205" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-button-next</span><span class="hljs-selector-class">.swiper-button-disabled</span> {
</code></td></tr><tr><td id="L206" class="css-a4x74f"><span>206</span></td><td id="LC206" class="css-1dcdqdg"><code>  <span class="code-attribute">opacity</span>: <span class="code-number">0.35</span>;
</code></td></tr><tr><td id="L207" class="css-a4x74f"><span>207</span></td><td id="LC207" class="css-1dcdqdg"><code>  <span class="code-attribute">cursor</span>: auto;
</code></td></tr><tr><td id="L208" class="css-a4x74f"><span>208</span></td><td id="LC208" class="css-1dcdqdg"><code>  <span class="code-attribute">pointer-events</span>: none;
</code></td></tr><tr><td id="L209" class="css-a4x74f"><span>209</span></td><td id="LC209" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L210" class="css-a4x74f"><span>210</span></td><td id="LC210" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-button-prev</span><span class="hljs-selector-pseudo">:after</span>,
</code></td></tr><tr><td id="L211" class="css-a4x74f"><span>211</span></td><td id="LC211" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-button-next</span><span class="hljs-selector-pseudo">:after</span> {
</code></td></tr><tr><td id="L212" class="css-a4x74f"><span>212</span></td><td id="LC212" class="css-1dcdqdg"><code>  <span class="code-attribute">font-family</span>: swiper-icons;
</code></td></tr><tr><td id="L213" class="css-a4x74f"><span>213</span></td><td id="LC213" class="css-1dcdqdg"><code>  <span class="code-attribute">font-size</span>: <span class="code-built_in">var</span>(--swiper-navigation-size);
</code></td></tr><tr><td id="L214" class="css-a4x74f"><span>214</span></td><td id="LC214" class="css-1dcdqdg"><code>  <span class="code-attribute">text-transform</span>: none <span class="code-meta">!important</span>;
</code></td></tr><tr><td id="L215" class="css-a4x74f"><span>215</span></td><td id="LC215" class="css-1dcdqdg"><code>  <span class="code-attribute">letter-spacing</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L216" class="css-a4x74f"><span>216</span></td><td id="LC216" class="css-1dcdqdg"><code>  <span class="code-attribute">text-transform</span>: none;
</code></td></tr><tr><td id="L217" class="css-a4x74f"><span>217</span></td><td id="LC217" class="css-1dcdqdg"><code>  <span class="code-attribute">font-variant</span>: initial;
</code></td></tr><tr><td id="L218" class="css-a4x74f"><span>218</span></td><td id="LC218" class="css-1dcdqdg"><code>  <span class="code-attribute">line-height</span>: <span class="code-number">1</span>;
</code></td></tr><tr><td id="L219" class="css-a4x74f"><span>219</span></td><td id="LC219" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L220" class="css-a4x74f"><span>220</span></td><td id="LC220" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-button-prev</span>,
</code></td></tr><tr><td id="L221" class="css-a4x74f"><span>221</span></td><td id="LC221" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-rtl</span> <span class="hljs-selector-class">.swiper-button-next</span> {
</code></td></tr><tr><td id="L222" class="css-a4x74f"><span>222</span></td><td id="LC222" class="css-1dcdqdg"><code>  <span class="code-attribute">left</span>: <span class="code-number">10px</span>;
</code></td></tr><tr><td id="L223" class="css-a4x74f"><span>223</span></td><td id="LC223" class="css-1dcdqdg"><code>  <span class="code-attribute">right</span>: auto;
</code></td></tr><tr><td id="L224" class="css-a4x74f"><span>224</span></td><td id="LC224" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L225" class="css-a4x74f"><span>225</span></td><td id="LC225" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-button-prev</span><span class="hljs-selector-pseudo">:after</span>,
</code></td></tr><tr><td id="L226" class="css-a4x74f"><span>226</span></td><td id="LC226" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-rtl</span> <span class="hljs-selector-class">.swiper-button-next</span><span class="hljs-selector-pseudo">:after</span> {
</code></td></tr><tr><td id="L227" class="css-a4x74f"><span>227</span></td><td id="LC227" class="css-1dcdqdg"><code>  <span class="code-attribute">content</span>: <span class="code-string">'prev'</span>;
</code></td></tr><tr><td id="L228" class="css-a4x74f"><span>228</span></td><td id="LC228" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L229" class="css-a4x74f"><span>229</span></td><td id="LC229" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-button-next</span>,
</code></td></tr><tr><td id="L230" class="css-a4x74f"><span>230</span></td><td id="LC230" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-rtl</span> <span class="hljs-selector-class">.swiper-button-prev</span> {
</code></td></tr><tr><td id="L231" class="css-a4x74f"><span>231</span></td><td id="LC231" class="css-1dcdqdg"><code>  <span class="code-attribute">right</span>: <span class="code-number">10px</span>;
</code></td></tr><tr><td id="L232" class="css-a4x74f"><span>232</span></td><td id="LC232" class="css-1dcdqdg"><code>  <span class="code-attribute">left</span>: auto;
</code></td></tr><tr><td id="L233" class="css-a4x74f"><span>233</span></td><td id="LC233" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L234" class="css-a4x74f"><span>234</span></td><td id="LC234" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-button-next</span><span class="hljs-selector-pseudo">:after</span>,
</code></td></tr><tr><td id="L235" class="css-a4x74f"><span>235</span></td><td id="LC235" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-rtl</span> <span class="hljs-selector-class">.swiper-button-prev</span><span class="hljs-selector-pseudo">:after</span> {
</code></td></tr><tr><td id="L236" class="css-a4x74f"><span>236</span></td><td id="LC236" class="css-1dcdqdg"><code>  <span class="code-attribute">content</span>: <span class="code-string">'next'</span>;
</code></td></tr><tr><td id="L237" class="css-a4x74f"><span>237</span></td><td id="LC237" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L238" class="css-a4x74f"><span>238</span></td><td id="LC238" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-button-lock</span> {
</code></td></tr><tr><td id="L239" class="css-a4x74f"><span>239</span></td><td id="LC239" class="css-1dcdqdg"><code>  <span class="code-attribute">display</span>: none;
</code></td></tr><tr><td id="L240" class="css-a4x74f"><span>240</span></td><td id="LC240" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L241" class="css-a4x74f"><span>241</span></td><td id="LC241" class="css-1dcdqdg"><code><span class="hljs-selector-pseudo">:root</span> {
</code></td></tr><tr><td id="L242" class="css-a4x74f"><span>242</span></td><td id="LC242" class="css-1dcdqdg"><code>  <span class="code-comment">/*
</span></code></td></tr><tr><td id="L243" class="css-a4x74f"><span>243</span></td><td id="LC243" class="css-1dcdqdg"><code><span class="code-comment">  --swiper-pagination-color: var(--swiper-theme-color);
</span></code></td></tr><tr><td id="L244" class="css-a4x74f"><span>244</span></td><td id="LC244" class="css-1dcdqdg"><code><span class="code-comment">  --swiper-pagination-bullet-size: 8px;
</span></code></td></tr><tr><td id="L245" class="css-a4x74f"><span>245</span></td><td id="LC245" class="css-1dcdqdg"><code><span class="code-comment">  --swiper-pagination-bullet-width: 8px;
</span></code></td></tr><tr><td id="L246" class="css-a4x74f"><span>246</span></td><td id="LC246" class="css-1dcdqdg"><code><span class="code-comment">  --swiper-pagination-bullet-height: 8px;
</span></code></td></tr><tr><td id="L247" class="css-a4x74f"><span>247</span></td><td id="LC247" class="css-1dcdqdg"><code><span class="code-comment">  --swiper-pagination-bullet-inactive-color: #000;
</span></code></td></tr><tr><td id="L248" class="css-a4x74f"><span>248</span></td><td id="LC248" class="css-1dcdqdg"><code><span class="code-comment">  --swiper-pagination-bullet-inactive-opacity: 0.2;
</span></code></td></tr><tr><td id="L249" class="css-a4x74f"><span>249</span></td><td id="LC249" class="css-1dcdqdg"><code><span class="code-comment">  --swiper-pagination-bullet-opacity: 1;
</span></code></td></tr><tr><td id="L250" class="css-a4x74f"><span>250</span></td><td id="LC250" class="css-1dcdqdg"><code><span class="code-comment">  --swiper-pagination-bullet-horizontal-gap: 4px;
</span></code></td></tr><tr><td id="L251" class="css-a4x74f"><span>251</span></td><td id="LC251" class="css-1dcdqdg"><code><span class="code-comment">  --swiper-pagination-bullet-vertical-gap: 6px;
</span></code></td></tr><tr><td id="L252" class="css-a4x74f"><span>252</span></td><td id="LC252" class="css-1dcdqdg"><code><span class="code-comment">  */</span>
</code></td></tr><tr><td id="L253" class="css-a4x74f"><span>253</span></td><td id="LC253" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L254" class="css-a4x74f"><span>254</span></td><td id="LC254" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination</span> {
</code></td></tr><tr><td id="L255" class="css-a4x74f"><span>255</span></td><td id="LC255" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: absolute;
</code></td></tr><tr><td id="L256" class="css-a4x74f"><span>256</span></td><td id="LC256" class="css-1dcdqdg"><code>  <span class="code-attribute">text-align</span>: center;
</code></td></tr><tr><td id="L257" class="css-a4x74f"><span>257</span></td><td id="LC257" class="css-1dcdqdg"><code>  <span class="code-attribute">transition</span>: <span class="code-number">300ms</span> opacity;
</code></td></tr><tr><td id="L258" class="css-a4x74f"><span>258</span></td><td id="LC258" class="css-1dcdqdg"><code>  <span class="code-attribute">transform</span>: <span class="code-built_in">translate3d</span>(0, 0, 0);
</code></td></tr><tr><td id="L259" class="css-a4x74f"><span>259</span></td><td id="LC259" class="css-1dcdqdg"><code>  <span class="code-attribute">z-index</span>: <span class="code-number">10</span>;
</code></td></tr><tr><td id="L260" class="css-a4x74f"><span>260</span></td><td id="LC260" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L261" class="css-a4x74f"><span>261</span></td><td id="LC261" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination</span><span class="hljs-selector-class">.swiper-pagination-hidden</span> {
</code></td></tr><tr><td id="L262" class="css-a4x74f"><span>262</span></td><td id="LC262" class="css-1dcdqdg"><code>  <span class="code-attribute">opacity</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L263" class="css-a4x74f"><span>263</span></td><td id="LC263" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L264" class="css-a4x74f"><span>264</span></td><td id="LC264" class="css-1dcdqdg"><code><span class="code-comment">/* Common Styles */</span>
</code></td></tr><tr><td id="L265" class="css-a4x74f"><span>265</span></td><td id="LC265" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-fraction</span>,
</code></td></tr><tr><td id="L266" class="css-a4x74f"><span>266</span></td><td id="LC266" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-custom</span>,
</code></td></tr><tr><td id="L267" class="css-a4x74f"><span>267</span></td><td id="LC267" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-horizontal</span> &gt; <span class="hljs-selector-class">.swiper-pagination-bullets</span>,
</code></td></tr><tr><td id="L268" class="css-a4x74f"><span>268</span></td><td id="LC268" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-horizontal</span> {
</code></td></tr><tr><td id="L269" class="css-a4x74f"><span>269</span></td><td id="LC269" class="css-1dcdqdg"><code>  <span class="code-attribute">bottom</span>: <span class="code-number">10px</span>;
</code></td></tr><tr><td id="L270" class="css-a4x74f"><span>270</span></td><td id="LC270" class="css-1dcdqdg"><code>  <span class="code-attribute">left</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L271" class="css-a4x74f"><span>271</span></td><td id="LC271" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L272" class="css-a4x74f"><span>272</span></td><td id="LC272" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L273" class="css-a4x74f"><span>273</span></td><td id="LC273" class="css-1dcdqdg"><code><span class="code-comment">/* Bullets */</span>
</code></td></tr><tr><td id="L274" class="css-a4x74f"><span>274</span></td><td id="LC274" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> {
</code></td></tr><tr><td id="L275" class="css-a4x74f"><span>275</span></td><td id="LC275" class="css-1dcdqdg"><code>  <span class="code-attribute">overflow</span>: hidden;
</code></td></tr><tr><td id="L276" class="css-a4x74f"><span>276</span></td><td id="LC276" class="css-1dcdqdg"><code>  <span class="code-attribute">font-size</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L277" class="css-a4x74f"><span>277</span></td><td id="LC277" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L278" class="css-a4x74f"><span>278</span></td><td id="LC278" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span> {
</code></td></tr><tr><td id="L279" class="css-a4x74f"><span>279</span></td><td id="LC279" class="css-1dcdqdg"><code>  <span class="code-attribute">transform</span>: <span class="code-built_in">scale</span>(0.33);
</code></td></tr><tr><td id="L280" class="css-a4x74f"><span>280</span></td><td id="LC280" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: relative;
</code></td></tr><tr><td id="L281" class="css-a4x74f"><span>281</span></td><td id="LC281" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L282" class="css-a4x74f"><span>282</span></td><td id="LC282" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet-active</span> {
</code></td></tr><tr><td id="L283" class="css-a4x74f"><span>283</span></td><td id="LC283" class="css-1dcdqdg"><code>  <span class="code-attribute">transform</span>: <span class="code-built_in">scale</span>(1);
</code></td></tr><tr><td id="L284" class="css-a4x74f"><span>284</span></td><td id="LC284" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L285" class="css-a4x74f"><span>285</span></td><td id="LC285" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet-active-main</span> {
</code></td></tr><tr><td id="L286" class="css-a4x74f"><span>286</span></td><td id="LC286" class="css-1dcdqdg"><code>  <span class="code-attribute">transform</span>: <span class="code-built_in">scale</span>(1);
</code></td></tr><tr><td id="L287" class="css-a4x74f"><span>287</span></td><td id="LC287" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L288" class="css-a4x74f"><span>288</span></td><td id="LC288" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet-active-prev</span> {
</code></td></tr><tr><td id="L289" class="css-a4x74f"><span>289</span></td><td id="LC289" class="css-1dcdqdg"><code>  <span class="code-attribute">transform</span>: <span class="code-built_in">scale</span>(0.66);
</code></td></tr><tr><td id="L290" class="css-a4x74f"><span>290</span></td><td id="LC290" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L291" class="css-a4x74f"><span>291</span></td><td id="LC291" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet-active-prev-prev</span> {
</code></td></tr><tr><td id="L292" class="css-a4x74f"><span>292</span></td><td id="LC292" class="css-1dcdqdg"><code>  <span class="code-attribute">transform</span>: <span class="code-built_in">scale</span>(0.33);
</code></td></tr><tr><td id="L293" class="css-a4x74f"><span>293</span></td><td id="LC293" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L294" class="css-a4x74f"><span>294</span></td><td id="LC294" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet-active-next</span> {
</code></td></tr><tr><td id="L295" class="css-a4x74f"><span>295</span></td><td id="LC295" class="css-1dcdqdg"><code>  <span class="code-attribute">transform</span>: <span class="code-built_in">scale</span>(0.66);
</code></td></tr><tr><td id="L296" class="css-a4x74f"><span>296</span></td><td id="LC296" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L297" class="css-a4x74f"><span>297</span></td><td id="LC297" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet-active-next-next</span> {
</code></td></tr><tr><td id="L298" class="css-a4x74f"><span>298</span></td><td id="LC298" class="css-1dcdqdg"><code>  <span class="code-attribute">transform</span>: <span class="code-built_in">scale</span>(0.33);
</code></td></tr><tr><td id="L299" class="css-a4x74f"><span>299</span></td><td id="LC299" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L300" class="css-a4x74f"><span>300</span></td><td id="LC300" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-bullet</span> {
</code></td></tr><tr><td id="L301" class="css-a4x74f"><span>301</span></td><td id="LC301" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-built_in">var</span>(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
</code></td></tr><tr><td id="L302" class="css-a4x74f"><span>302</span></td><td id="LC302" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-built_in">var</span>(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
</code></td></tr><tr><td id="L303" class="css-a4x74f"><span>303</span></td><td id="LC303" class="css-1dcdqdg"><code>  <span class="code-attribute">display</span>: inline-block;
</code></td></tr><tr><td id="L304" class="css-a4x74f"><span>304</span></td><td id="LC304" class="css-1dcdqdg"><code>  <span class="code-attribute">border-radius</span>: <span class="code-number">50%</span>;
</code></td></tr><tr><td id="L305" class="css-a4x74f"><span>305</span></td><td id="LC305" class="css-1dcdqdg"><code>  <span class="code-attribute">background</span>: <span class="code-built_in">var</span>(--swiper-pagination-bullet-inactive-color, #000);
</code></td></tr><tr><td id="L306" class="css-a4x74f"><span>306</span></td><td id="LC306" class="css-1dcdqdg"><code>  <span class="code-attribute">opacity</span>: <span class="code-built_in">var</span>(--swiper-pagination-bullet-inactive-opacity, 0.2);
</code></td></tr><tr><td id="L307" class="css-a4x74f"><span>307</span></td><td id="LC307" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L308" class="css-a4x74f"><span>308</span></td><td id="LC308" class="css-1dcdqdg"><code><span class="hljs-selector-tag">button</span><span class="hljs-selector-class">.swiper-pagination-bullet</span> {
</code></td></tr><tr><td id="L309" class="css-a4x74f"><span>309</span></td><td id="LC309" class="css-1dcdqdg"><code>  <span class="code-attribute">border</span>: none;
</code></td></tr><tr><td id="L310" class="css-a4x74f"><span>310</span></td><td id="LC310" class="css-1dcdqdg"><code>  <span class="code-attribute">margin</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L311" class="css-a4x74f"><span>311</span></td><td id="LC311" class="css-1dcdqdg"><code>  <span class="code-attribute">padding</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L312" class="css-a4x74f"><span>312</span></td><td id="LC312" class="css-1dcdqdg"><code>  <span class="code-attribute">box-shadow</span>: none;
</code></td></tr><tr><td id="L313" class="css-a4x74f"><span>313</span></td><td id="LC313" class="css-1dcdqdg"><code>  <span class="code-attribute">-webkit-appearance</span>: none;
</code></td></tr><tr><td id="L314" class="css-a4x74f"><span>314</span></td><td id="LC314" class="css-1dcdqdg"><code>          <span class="code-attribute">appearance</span>: none;
</code></td></tr><tr><td id="L315" class="css-a4x74f"><span>315</span></td><td id="LC315" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L316" class="css-a4x74f"><span>316</span></td><td id="LC316" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-clickable</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span> {
</code></td></tr><tr><td id="L317" class="css-a4x74f"><span>317</span></td><td id="LC317" class="css-1dcdqdg"><code>  <span class="code-attribute">cursor</span>: pointer;
</code></td></tr><tr><td id="L318" class="css-a4x74f"><span>318</span></td><td id="LC318" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L319" class="css-a4x74f"><span>319</span></td><td id="LC319" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-bullet</span><span class="hljs-selector-pseudo">:only-child</span> {
</code></td></tr><tr><td id="L320" class="css-a4x74f"><span>320</span></td><td id="LC320" class="css-1dcdqdg"><code>  <span class="code-attribute">display</span>: none <span class="code-meta">!important</span>;
</code></td></tr><tr><td id="L321" class="css-a4x74f"><span>321</span></td><td id="LC321" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L322" class="css-a4x74f"><span>322</span></td><td id="LC322" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-bullet-active</span> {
</code></td></tr><tr><td id="L323" class="css-a4x74f"><span>323</span></td><td id="LC323" class="css-1dcdqdg"><code>  <span class="code-attribute">opacity</span>: <span class="code-built_in">var</span>(--swiper-pagination-bullet-opacity, 1);
</code></td></tr><tr><td id="L324" class="css-a4x74f"><span>324</span></td><td id="LC324" class="css-1dcdqdg"><code>  <span class="code-attribute">background</span>: <span class="code-built_in">var</span>(--swiper-pagination-color, var(--swiper-theme-color));
</code></td></tr><tr><td id="L325" class="css-a4x74f"><span>325</span></td><td id="LC325" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L326" class="css-a4x74f"><span>326</span></td><td id="LC326" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-vertical</span> &gt; <span class="hljs-selector-class">.swiper-pagination-bullets</span>,
</code></td></tr><tr><td id="L327" class="css-a4x74f"><span>327</span></td><td id="LC327" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-vertical</span><span class="hljs-selector-class">.swiper-pagination-bullets</span> {
</code></td></tr><tr><td id="L328" class="css-a4x74f"><span>328</span></td><td id="LC328" class="css-1dcdqdg"><code>  <span class="code-attribute">right</span>: <span class="code-number">10px</span>;
</code></td></tr><tr><td id="L329" class="css-a4x74f"><span>329</span></td><td id="LC329" class="css-1dcdqdg"><code>  <span class="code-attribute">top</span>: <span class="code-number">50%</span>;
</code></td></tr><tr><td id="L330" class="css-a4x74f"><span>330</span></td><td id="LC330" class="css-1dcdqdg"><code>  <span class="code-attribute">transform</span>: <span class="code-built_in">translate3d</span>(0px, -50%, 0);
</code></td></tr><tr><td id="L331" class="css-a4x74f"><span>331</span></td><td id="LC331" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L332" class="css-a4x74f"><span>332</span></td><td id="LC332" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-vertical</span> &gt; <span class="hljs-selector-class">.swiper-pagination-bullets</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span>,
</code></td></tr><tr><td id="L333" class="css-a4x74f"><span>333</span></td><td id="LC333" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-vertical</span><span class="hljs-selector-class">.swiper-pagination-bullets</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span> {
</code></td></tr><tr><td id="L334" class="css-a4x74f"><span>334</span></td><td id="LC334" class="css-1dcdqdg"><code>  <span class="code-attribute">margin</span>: <span class="code-built_in">var</span>(--swiper-pagination-bullet-vertical-gap, 6px) <span class="code-number">0</span>;
</code></td></tr><tr><td id="L335" class="css-a4x74f"><span>335</span></td><td id="LC335" class="css-1dcdqdg"><code>  <span class="code-attribute">display</span>: block;
</code></td></tr><tr><td id="L336" class="css-a4x74f"><span>336</span></td><td id="LC336" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L337" class="css-a4x74f"><span>337</span></td><td id="LC337" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-vertical</span> &gt; <span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span>,
</code></td></tr><tr><td id="L338" class="css-a4x74f"><span>338</span></td><td id="LC338" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-vertical</span><span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> {
</code></td></tr><tr><td id="L339" class="css-a4x74f"><span>339</span></td><td id="LC339" class="css-1dcdqdg"><code>  <span class="code-attribute">top</span>: <span class="code-number">50%</span>;
</code></td></tr><tr><td id="L340" class="css-a4x74f"><span>340</span></td><td id="LC340" class="css-1dcdqdg"><code>  <span class="code-attribute">transform</span>: <span class="code-built_in">translateY</span>(-50%);
</code></td></tr><tr><td id="L341" class="css-a4x74f"><span>341</span></td><td id="LC341" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">8px</span>;
</code></td></tr><tr><td id="L342" class="css-a4x74f"><span>342</span></td><td id="LC342" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L343" class="css-a4x74f"><span>343</span></td><td id="LC343" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-vertical</span> &gt; <span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span>,
</code></td></tr><tr><td id="L344" class="css-a4x74f"><span>344</span></td><td id="LC344" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-vertical</span><span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span> {
</code></td></tr><tr><td id="L345" class="css-a4x74f"><span>345</span></td><td id="LC345" class="css-1dcdqdg"><code>  <span class="code-attribute">display</span>: inline-block;
</code></td></tr><tr><td id="L346" class="css-a4x74f"><span>346</span></td><td id="LC346" class="css-1dcdqdg"><code>  <span class="code-attribute">transition</span>: <span class="code-number">200ms</span> transform, <span class="code-number">200ms</span> top;
</code></td></tr><tr><td id="L347" class="css-a4x74f"><span>347</span></td><td id="LC347" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L348" class="css-a4x74f"><span>348</span></td><td id="LC348" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-horizontal</span> &gt; <span class="hljs-selector-class">.swiper-pagination-bullets</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span>,
</code></td></tr><tr><td id="L349" class="css-a4x74f"><span>349</span></td><td id="LC349" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-horizontal</span><span class="hljs-selector-class">.swiper-pagination-bullets</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span> {
</code></td></tr><tr><td id="L350" class="css-a4x74f"><span>350</span></td><td id="LC350" class="css-1dcdqdg"><code>  <span class="code-attribute">margin</span>: <span class="code-number">0</span> <span class="code-built_in">var</span>(--swiper-pagination-bullet-horizontal-gap, 4px);
</code></td></tr><tr><td id="L351" class="css-a4x74f"><span>351</span></td><td id="LC351" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L352" class="css-a4x74f"><span>352</span></td><td id="LC352" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-horizontal</span> &gt; <span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span>,
</code></td></tr><tr><td id="L353" class="css-a4x74f"><span>353</span></td><td id="LC353" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-horizontal</span><span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> {
</code></td></tr><tr><td id="L354" class="css-a4x74f"><span>354</span></td><td id="LC354" class="css-1dcdqdg"><code>  <span class="code-attribute">left</span>: <span class="code-number">50%</span>;
</code></td></tr><tr><td id="L355" class="css-a4x74f"><span>355</span></td><td id="LC355" class="css-1dcdqdg"><code>  <span class="code-attribute">transform</span>: <span class="code-built_in">translateX</span>(-50%);
</code></td></tr><tr><td id="L356" class="css-a4x74f"><span>356</span></td><td id="LC356" class="css-1dcdqdg"><code>  <span class="code-attribute">white-space</span>: nowrap;
</code></td></tr><tr><td id="L357" class="css-a4x74f"><span>357</span></td><td id="LC357" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L358" class="css-a4x74f"><span>358</span></td><td id="LC358" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-horizontal</span> &gt; <span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span>,
</code></td></tr><tr><td id="L359" class="css-a4x74f"><span>359</span></td><td id="LC359" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-horizontal</span><span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span> {
</code></td></tr><tr><td id="L360" class="css-a4x74f"><span>360</span></td><td id="LC360" class="css-1dcdqdg"><code>  <span class="code-attribute">transition</span>: <span class="code-number">200ms</span> transform, <span class="code-number">200ms</span> left;
</code></td></tr><tr><td id="L361" class="css-a4x74f"><span>361</span></td><td id="LC361" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L362" class="css-a4x74f"><span>362</span></td><td id="LC362" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-horizontal</span><span class="hljs-selector-class">.swiper-rtl</span> &gt; <span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span> {
</code></td></tr><tr><td id="L363" class="css-a4x74f"><span>363</span></td><td id="LC363" class="css-1dcdqdg"><code>  <span class="code-attribute">transition</span>: <span class="code-number">200ms</span> transform, <span class="code-number">200ms</span> right;
</code></td></tr><tr><td id="L364" class="css-a4x74f"><span>364</span></td><td id="LC364" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L365" class="css-a4x74f"><span>365</span></td><td id="LC365" class="css-1dcdqdg"><code><span class="code-comment">/* Progress */</span>
</code></td></tr><tr><td id="L366" class="css-a4x74f"><span>366</span></td><td id="LC366" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-progressbar</span> {
</code></td></tr><tr><td id="L367" class="css-a4x74f"><span>367</span></td><td id="LC367" class="css-1dcdqdg"><code>  <span class="code-attribute">background</span>: <span class="code-built_in">rgba</span>(0, 0, 0, 0.25);
</code></td></tr><tr><td id="L368" class="css-a4x74f"><span>368</span></td><td id="LC368" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: absolute;
</code></td></tr><tr><td id="L369" class="css-a4x74f"><span>369</span></td><td id="LC369" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L370" class="css-a4x74f"><span>370</span></td><td id="LC370" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-progressbar</span> <span class="hljs-selector-class">.swiper-pagination-progressbar-fill</span> {
</code></td></tr><tr><td id="L371" class="css-a4x74f"><span>371</span></td><td id="LC371" class="css-1dcdqdg"><code>  <span class="code-attribute">background</span>: <span class="code-built_in">var</span>(--swiper-pagination-color, var(--swiper-theme-color));
</code></td></tr><tr><td id="L372" class="css-a4x74f"><span>372</span></td><td id="LC372" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: absolute;
</code></td></tr><tr><td id="L373" class="css-a4x74f"><span>373</span></td><td id="LC373" class="css-1dcdqdg"><code>  <span class="code-attribute">left</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L374" class="css-a4x74f"><span>374</span></td><td id="LC374" class="css-1dcdqdg"><code>  <span class="code-attribute">top</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L375" class="css-a4x74f"><span>375</span></td><td id="LC375" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L376" class="css-a4x74f"><span>376</span></td><td id="LC376" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L377" class="css-a4x74f"><span>377</span></td><td id="LC377" class="css-1dcdqdg"><code>  <span class="code-attribute">transform</span>: <span class="code-built_in">scale</span>(0);
</code></td></tr><tr><td id="L378" class="css-a4x74f"><span>378</span></td><td id="LC378" class="css-1dcdqdg"><code>  <span class="code-attribute">transform-origin</span>: left top;
</code></td></tr><tr><td id="L379" class="css-a4x74f"><span>379</span></td><td id="LC379" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L380" class="css-a4x74f"><span>380</span></td><td id="LC380" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-rtl</span> <span class="hljs-selector-class">.swiper-pagination-progressbar</span> <span class="hljs-selector-class">.swiper-pagination-progressbar-fill</span> {
</code></td></tr><tr><td id="L381" class="css-a4x74f"><span>381</span></td><td id="LC381" class="css-1dcdqdg"><code>  <span class="code-attribute">transform-origin</span>: right top;
</code></td></tr><tr><td id="L382" class="css-a4x74f"><span>382</span></td><td id="LC382" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L383" class="css-a4x74f"><span>383</span></td><td id="LC383" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-horizontal</span> &gt; <span class="hljs-selector-class">.swiper-pagination-progressbar</span>,
</code></td></tr><tr><td id="L384" class="css-a4x74f"><span>384</span></td><td id="LC384" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-progressbar</span><span class="hljs-selector-class">.swiper-pagination-horizontal</span>,
</code></td></tr><tr><td id="L385" class="css-a4x74f"><span>385</span></td><td id="LC385" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-vertical</span> &gt; <span class="hljs-selector-class">.swiper-pagination-progressbar</span><span class="hljs-selector-class">.swiper-pagination-progressbar-opposite</span>,
</code></td></tr><tr><td id="L386" class="css-a4x74f"><span>386</span></td><td id="LC386" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-progressbar</span><span class="hljs-selector-class">.swiper-pagination-vertical</span><span class="hljs-selector-class">.swiper-pagination-progressbar-opposite</span> {
</code></td></tr><tr><td id="L387" class="css-a4x74f"><span>387</span></td><td id="LC387" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L388" class="css-a4x74f"><span>388</span></td><td id="LC388" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-number">4px</span>;
</code></td></tr><tr><td id="L389" class="css-a4x74f"><span>389</span></td><td id="LC389" class="css-1dcdqdg"><code>  <span class="code-attribute">left</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L390" class="css-a4x74f"><span>390</span></td><td id="LC390" class="css-1dcdqdg"><code>  <span class="code-attribute">top</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L391" class="css-a4x74f"><span>391</span></td><td id="LC391" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L392" class="css-a4x74f"><span>392</span></td><td id="LC392" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-vertical</span> &gt; <span class="hljs-selector-class">.swiper-pagination-progressbar</span>,
</code></td></tr><tr><td id="L393" class="css-a4x74f"><span>393</span></td><td id="LC393" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-progressbar</span><span class="hljs-selector-class">.swiper-pagination-vertical</span>,
</code></td></tr><tr><td id="L394" class="css-a4x74f"><span>394</span></td><td id="LC394" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-horizontal</span> &gt; <span class="hljs-selector-class">.swiper-pagination-progressbar</span><span class="hljs-selector-class">.swiper-pagination-progressbar-opposite</span>,
</code></td></tr><tr><td id="L395" class="css-a4x74f"><span>395</span></td><td id="LC395" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-progressbar</span><span class="hljs-selector-class">.swiper-pagination-horizontal</span><span class="hljs-selector-class">.swiper-pagination-progressbar-opposite</span> {
</code></td></tr><tr><td id="L396" class="css-a4x74f"><span>396</span></td><td id="LC396" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">4px</span>;
</code></td></tr><tr><td id="L397" class="css-a4x74f"><span>397</span></td><td id="LC397" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L398" class="css-a4x74f"><span>398</span></td><td id="LC398" class="css-1dcdqdg"><code>  <span class="code-attribute">left</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L399" class="css-a4x74f"><span>399</span></td><td id="LC399" class="css-1dcdqdg"><code>  <span class="code-attribute">top</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L400" class="css-a4x74f"><span>400</span></td><td id="LC400" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L401" class="css-a4x74f"><span>401</span></td><td id="LC401" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-pagination-lock</span> {
</code></td></tr><tr><td id="L402" class="css-a4x74f"><span>402</span></td><td id="LC402" class="css-1dcdqdg"><code>  <span class="code-attribute">display</span>: none;
</code></td></tr><tr><td id="L403" class="css-a4x74f"><span>403</span></td><td id="LC403" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L404" class="css-a4x74f"><span>404</span></td><td id="LC404" class="css-1dcdqdg"><code><span class="code-comment">/* Scrollbar */</span>
</code></td></tr><tr><td id="L405" class="css-a4x74f"><span>405</span></td><td id="LC405" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-scrollbar</span> {
</code></td></tr><tr><td id="L406" class="css-a4x74f"><span>406</span></td><td id="LC406" class="css-1dcdqdg"><code>  <span class="code-attribute">border-radius</span>: <span class="code-number">10px</span>;
</code></td></tr><tr><td id="L407" class="css-a4x74f"><span>407</span></td><td id="LC407" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: relative;
</code></td></tr><tr><td id="L408" class="css-a4x74f"><span>408</span></td><td id="LC408" class="css-1dcdqdg"><code>  <span class="code-attribute">-ms-touch-action</span>: none;
</code></td></tr><tr><td id="L409" class="css-a4x74f"><span>409</span></td><td id="LC409" class="css-1dcdqdg"><code>  <span class="code-attribute">background</span>: <span class="code-built_in">rgba</span>(0, 0, 0, 0.1);
</code></td></tr><tr><td id="L410" class="css-a4x74f"><span>410</span></td><td id="LC410" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L411" class="css-a4x74f"><span>411</span></td><td id="LC411" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-horizontal</span> &gt; <span class="hljs-selector-class">.swiper-scrollbar</span> {
</code></td></tr><tr><td id="L412" class="css-a4x74f"><span>412</span></td><td id="LC412" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: absolute;
</code></td></tr><tr><td id="L413" class="css-a4x74f"><span>413</span></td><td id="LC413" class="css-1dcdqdg"><code>  <span class="code-attribute">left</span>: <span class="code-number">1%</span>;
</code></td></tr><tr><td id="L414" class="css-a4x74f"><span>414</span></td><td id="LC414" class="css-1dcdqdg"><code>  <span class="code-attribute">bottom</span>: <span class="code-number">3px</span>;
</code></td></tr><tr><td id="L415" class="css-a4x74f"><span>415</span></td><td id="LC415" class="css-1dcdqdg"><code>  <span class="code-attribute">z-index</span>: <span class="code-number">50</span>;
</code></td></tr><tr><td id="L416" class="css-a4x74f"><span>416</span></td><td id="LC416" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-number">5px</span>;
</code></td></tr><tr><td id="L417" class="css-a4x74f"><span>417</span></td><td id="LC417" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">98%</span>;
</code></td></tr><tr><td id="L418" class="css-a4x74f"><span>418</span></td><td id="LC418" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L419" class="css-a4x74f"><span>419</span></td><td id="LC419" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-vertical</span> &gt; <span class="hljs-selector-class">.swiper-scrollbar</span> {
</code></td></tr><tr><td id="L420" class="css-a4x74f"><span>420</span></td><td id="LC420" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: absolute;
</code></td></tr><tr><td id="L421" class="css-a4x74f"><span>421</span></td><td id="LC421" class="css-1dcdqdg"><code>  <span class="code-attribute">right</span>: <span class="code-number">3px</span>;
</code></td></tr><tr><td id="L422" class="css-a4x74f"><span>422</span></td><td id="LC422" class="css-1dcdqdg"><code>  <span class="code-attribute">top</span>: <span class="code-number">1%</span>;
</code></td></tr><tr><td id="L423" class="css-a4x74f"><span>423</span></td><td id="LC423" class="css-1dcdqdg"><code>  <span class="code-attribute">z-index</span>: <span class="code-number">50</span>;
</code></td></tr><tr><td id="L424" class="css-a4x74f"><span>424</span></td><td id="LC424" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">5px</span>;
</code></td></tr><tr><td id="L425" class="css-a4x74f"><span>425</span></td><td id="LC425" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-number">98%</span>;
</code></td></tr><tr><td id="L426" class="css-a4x74f"><span>426</span></td><td id="LC426" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L427" class="css-a4x74f"><span>427</span></td><td id="LC427" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-scrollbar-drag</span> {
</code></td></tr><tr><td id="L428" class="css-a4x74f"><span>428</span></td><td id="LC428" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L429" class="css-a4x74f"><span>429</span></td><td id="LC429" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L430" class="css-a4x74f"><span>430</span></td><td id="LC430" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: relative;
</code></td></tr><tr><td id="L431" class="css-a4x74f"><span>431</span></td><td id="LC431" class="css-1dcdqdg"><code>  <span class="code-attribute">background</span>: <span class="code-built_in">rgba</span>(0, 0, 0, 0.5);
</code></td></tr><tr><td id="L432" class="css-a4x74f"><span>432</span></td><td id="LC432" class="css-1dcdqdg"><code>  <span class="code-attribute">border-radius</span>: <span class="code-number">10px</span>;
</code></td></tr><tr><td id="L433" class="css-a4x74f"><span>433</span></td><td id="LC433" class="css-1dcdqdg"><code>  <span class="code-attribute">left</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L434" class="css-a4x74f"><span>434</span></td><td id="LC434" class="css-1dcdqdg"><code>  <span class="code-attribute">top</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L435" class="css-a4x74f"><span>435</span></td><td id="LC435" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L436" class="css-a4x74f"><span>436</span></td><td id="LC436" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-scrollbar-cursor-drag</span> {
</code></td></tr><tr><td id="L437" class="css-a4x74f"><span>437</span></td><td id="LC437" class="css-1dcdqdg"><code>  <span class="code-attribute">cursor</span>: move;
</code></td></tr><tr><td id="L438" class="css-a4x74f"><span>438</span></td><td id="LC438" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L439" class="css-a4x74f"><span>439</span></td><td id="LC439" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-scrollbar-lock</span> {
</code></td></tr><tr><td id="L440" class="css-a4x74f"><span>440</span></td><td id="LC440" class="css-1dcdqdg"><code>  <span class="code-attribute">display</span>: none;
</code></td></tr><tr><td id="L441" class="css-a4x74f"><span>441</span></td><td id="LC441" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L442" class="css-a4x74f"><span>442</span></td><td id="LC442" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-zoom-container</span> {
</code></td></tr><tr><td id="L443" class="css-a4x74f"><span>443</span></td><td id="LC443" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L444" class="css-a4x74f"><span>444</span></td><td id="LC444" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L445" class="css-a4x74f"><span>445</span></td><td id="LC445" class="css-1dcdqdg"><code>  <span class="code-attribute">display</span>: flex;
</code></td></tr><tr><td id="L446" class="css-a4x74f"><span>446</span></td><td id="LC446" class="css-1dcdqdg"><code>  <span class="code-attribute">justify-content</span>: center;
</code></td></tr><tr><td id="L447" class="css-a4x74f"><span>447</span></td><td id="LC447" class="css-1dcdqdg"><code>  <span class="code-attribute">align-items</span>: center;
</code></td></tr><tr><td id="L448" class="css-a4x74f"><span>448</span></td><td id="LC448" class="css-1dcdqdg"><code>  <span class="code-attribute">text-align</span>: center;
</code></td></tr><tr><td id="L449" class="css-a4x74f"><span>449</span></td><td id="LC449" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L450" class="css-a4x74f"><span>450</span></td><td id="LC450" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-zoom-container</span> &gt; <span class="hljs-selector-tag">img</span>,
</code></td></tr><tr><td id="L451" class="css-a4x74f"><span>451</span></td><td id="LC451" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-zoom-container</span> &gt; <span class="hljs-selector-tag">svg</span>,
</code></td></tr><tr><td id="L452" class="css-a4x74f"><span>452</span></td><td id="LC452" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-zoom-container</span> &gt; <span class="hljs-selector-tag">canvas</span> {
</code></td></tr><tr><td id="L453" class="css-a4x74f"><span>453</span></td><td id="LC453" class="css-1dcdqdg"><code>  <span class="code-attribute">max-width</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L454" class="css-a4x74f"><span>454</span></td><td id="LC454" class="css-1dcdqdg"><code>  <span class="code-attribute">max-height</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L455" class="css-a4x74f"><span>455</span></td><td id="LC455" class="css-1dcdqdg"><code>  <span class="code-attribute">object-fit</span>: contain;
</code></td></tr><tr><td id="L456" class="css-a4x74f"><span>456</span></td><td id="LC456" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L457" class="css-a4x74f"><span>457</span></td><td id="LC457" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-slide-zoomed</span> {
</code></td></tr><tr><td id="L458" class="css-a4x74f"><span>458</span></td><td id="LC458" class="css-1dcdqdg"><code>  <span class="code-attribute">cursor</span>: move;
</code></td></tr><tr><td id="L459" class="css-a4x74f"><span>459</span></td><td id="LC459" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L460" class="css-a4x74f"><span>460</span></td><td id="LC460" class="css-1dcdqdg"><code><span class="code-comment">/* Preloader */</span>
</code></td></tr><tr><td id="L461" class="css-a4x74f"><span>461</span></td><td id="LC461" class="css-1dcdqdg"><code><span class="hljs-selector-pseudo">:root</span> {
</code></td></tr><tr><td id="L462" class="css-a4x74f"><span>462</span></td><td id="LC462" class="css-1dcdqdg"><code>  <span class="code-comment">/*
</span></code></td></tr><tr><td id="L463" class="css-a4x74f"><span>463</span></td><td id="LC463" class="css-1dcdqdg"><code><span class="code-comment">  --swiper-preloader-color: var(--swiper-theme-color);
</span></code></td></tr><tr><td id="L464" class="css-a4x74f"><span>464</span></td><td id="LC464" class="css-1dcdqdg"><code><span class="code-comment">  */</span>
</code></td></tr><tr><td id="L465" class="css-a4x74f"><span>465</span></td><td id="LC465" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L466" class="css-a4x74f"><span>466</span></td><td id="LC466" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-lazy-preloader</span> {
</code></td></tr><tr><td id="L467" class="css-a4x74f"><span>467</span></td><td id="LC467" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">42px</span>;
</code></td></tr><tr><td id="L468" class="css-a4x74f"><span>468</span></td><td id="LC468" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-number">42px</span>;
</code></td></tr><tr><td id="L469" class="css-a4x74f"><span>469</span></td><td id="LC469" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: absolute;
</code></td></tr><tr><td id="L470" class="css-a4x74f"><span>470</span></td><td id="LC470" class="css-1dcdqdg"><code>  <span class="code-attribute">left</span>: <span class="code-number">50%</span>;
</code></td></tr><tr><td id="L471" class="css-a4x74f"><span>471</span></td><td id="LC471" class="css-1dcdqdg"><code>  <span class="code-attribute">top</span>: <span class="code-number">50%</span>;
</code></td></tr><tr><td id="L472" class="css-a4x74f"><span>472</span></td><td id="LC472" class="css-1dcdqdg"><code>  <span class="code-attribute">margin-left</span>: -<span class="code-number">21px</span>;
</code></td></tr><tr><td id="L473" class="css-a4x74f"><span>473</span></td><td id="LC473" class="css-1dcdqdg"><code>  <span class="code-attribute">margin-top</span>: -<span class="code-number">21px</span>;
</code></td></tr><tr><td id="L474" class="css-a4x74f"><span>474</span></td><td id="LC474" class="css-1dcdqdg"><code>  <span class="code-attribute">z-index</span>: <span class="code-number">10</span>;
</code></td></tr><tr><td id="L475" class="css-a4x74f"><span>475</span></td><td id="LC475" class="css-1dcdqdg"><code>  <span class="code-attribute">transform-origin</span>: <span class="code-number">50%</span>;
</code></td></tr><tr><td id="L476" class="css-a4x74f"><span>476</span></td><td id="LC476" class="css-1dcdqdg"><code>  <span class="code-attribute">box-sizing</span>: border-box;
</code></td></tr><tr><td id="L477" class="css-a4x74f"><span>477</span></td><td id="LC477" class="css-1dcdqdg"><code>  <span class="code-attribute">border</span>: <span class="code-number">4px</span> solid <span class="code-built_in">var</span>(--swiper-preloader-color, var(--swiper-theme-color));
</code></td></tr><tr><td id="L478" class="css-a4x74f"><span>478</span></td><td id="LC478" class="css-1dcdqdg"><code>  <span class="code-attribute">border-radius</span>: <span class="code-number">50%</span>;
</code></td></tr><tr><td id="L479" class="css-a4x74f"><span>479</span></td><td id="LC479" class="css-1dcdqdg"><code>  <span class="code-attribute">border-top-color</span>: transparent;
</code></td></tr><tr><td id="L480" class="css-a4x74f"><span>480</span></td><td id="LC480" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L481" class="css-a4x74f"><span>481</span></td><td id="LC481" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-slide-visible</span> <span class="hljs-selector-class">.swiper-lazy-preloader</span> {
</code></td></tr><tr><td id="L482" class="css-a4x74f"><span>482</span></td><td id="LC482" class="css-1dcdqdg"><code>  <span class="code-attribute">animation</span>: swiper-preloader-spin <span class="code-number">1s</span> infinite linear;
</code></td></tr><tr><td id="L483" class="css-a4x74f"><span>483</span></td><td id="LC483" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L484" class="css-a4x74f"><span>484</span></td><td id="LC484" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-lazy-preloader-white</span> {
</code></td></tr><tr><td id="L485" class="css-a4x74f"><span>485</span></td><td id="LC485" class="css-1dcdqdg"><code>  <span class="code-attribute">--swiper-preloader-color</span>: <span class="code-number">#fff</span>;
</code></td></tr><tr><td id="L486" class="css-a4x74f"><span>486</span></td><td id="LC486" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L487" class="css-a4x74f"><span>487</span></td><td id="LC487" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-lazy-preloader-black</span> {
</code></td></tr><tr><td id="L488" class="css-a4x74f"><span>488</span></td><td id="LC488" class="css-1dcdqdg"><code>  <span class="code-attribute">--swiper-preloader-color</span>: <span class="code-number">#000</span>;
</code></td></tr><tr><td id="L489" class="css-a4x74f"><span>489</span></td><td id="LC489" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L490" class="css-a4x74f"><span>490</span></td><td id="LC490" class="css-1dcdqdg"><code>@<span class="code-keyword">keyframes</span> swiper-preloader-spin {
</code></td></tr><tr><td id="L491" class="css-a4x74f"><span>491</span></td><td id="LC491" class="css-1dcdqdg"><code>  100% {
</code></td></tr><tr><td id="L492" class="css-a4x74f"><span>492</span></td><td id="LC492" class="css-1dcdqdg"><code>    <span class="code-attribute">transform</span>: <span class="code-built_in">rotate</span>(360deg);
</code></td></tr><tr><td id="L493" class="css-a4x74f"><span>493</span></td><td id="LC493" class="css-1dcdqdg"><code>  }
</code></td></tr><tr><td id="L494" class="css-a4x74f"><span>494</span></td><td id="LC494" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L495" class="css-a4x74f"><span>495</span></td><td id="LC495" class="css-1dcdqdg"><code><span class="code-comment">/* a11y */</span>
</code></td></tr><tr><td id="L496" class="css-a4x74f"><span>496</span></td><td id="LC496" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper</span> <span class="hljs-selector-class">.swiper-notification</span> {
</code></td></tr><tr><td id="L497" class="css-a4x74f"><span>497</span></td><td id="LC497" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: absolute;
</code></td></tr><tr><td id="L498" class="css-a4x74f"><span>498</span></td><td id="LC498" class="css-1dcdqdg"><code>  <span class="code-attribute">left</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L499" class="css-a4x74f"><span>499</span></td><td id="LC499" class="css-1dcdqdg"><code>  <span class="code-attribute">top</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L500" class="css-a4x74f"><span>500</span></td><td id="LC500" class="css-1dcdqdg"><code>  <span class="code-attribute">pointer-events</span>: none;
</code></td></tr><tr><td id="L501" class="css-a4x74f"><span>501</span></td><td id="LC501" class="css-1dcdqdg"><code>  <span class="code-attribute">opacity</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L502" class="css-a4x74f"><span>502</span></td><td id="LC502" class="css-1dcdqdg"><code>  <span class="code-attribute">z-index</span>: -<span class="code-number">1000</span>;
</code></td></tr><tr><td id="L503" class="css-a4x74f"><span>503</span></td><td id="LC503" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L504" class="css-a4x74f"><span>504</span></td><td id="LC504" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-free-mode</span> &gt; <span class="hljs-selector-class">.swiper-wrapper</span> {
</code></td></tr><tr><td id="L505" class="css-a4x74f"><span>505</span></td><td id="LC505" class="css-1dcdqdg"><code>  <span class="code-attribute">transition-timing-function</span>: ease-out;
</code></td></tr><tr><td id="L506" class="css-a4x74f"><span>506</span></td><td id="LC506" class="css-1dcdqdg"><code>  <span class="code-attribute">margin</span>: <span class="code-number">0</span> auto;
</code></td></tr><tr><td id="L507" class="css-a4x74f"><span>507</span></td><td id="LC507" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L508" class="css-a4x74f"><span>508</span></td><td id="LC508" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-grid</span> &gt; <span class="hljs-selector-class">.swiper-wrapper</span> {
</code></td></tr><tr><td id="L509" class="css-a4x74f"><span>509</span></td><td id="LC509" class="css-1dcdqdg"><code>  <span class="code-attribute">flex-wrap</span>: wrap;
</code></td></tr><tr><td id="L510" class="css-a4x74f"><span>510</span></td><td id="LC510" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L511" class="css-a4x74f"><span>511</span></td><td id="LC511" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-grid-column</span> &gt; <span class="hljs-selector-class">.swiper-wrapper</span> {
</code></td></tr><tr><td id="L512" class="css-a4x74f"><span>512</span></td><td id="LC512" class="css-1dcdqdg"><code>  <span class="code-attribute">flex-wrap</span>: wrap;
</code></td></tr><tr><td id="L513" class="css-a4x74f"><span>513</span></td><td id="LC513" class="css-1dcdqdg"><code>  <span class="code-attribute">flex-direction</span>: column;
</code></td></tr><tr><td id="L514" class="css-a4x74f"><span>514</span></td><td id="LC514" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L515" class="css-a4x74f"><span>515</span></td><td id="LC515" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-fade</span><span class="hljs-selector-class">.swiper-free-mode</span> <span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L516" class="css-a4x74f"><span>516</span></td><td id="LC516" class="css-1dcdqdg"><code>  <span class="code-attribute">transition-timing-function</span>: ease-out;
</code></td></tr><tr><td id="L517" class="css-a4x74f"><span>517</span></td><td id="LC517" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L518" class="css-a4x74f"><span>518</span></td><td id="LC518" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-fade</span> <span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L519" class="css-a4x74f"><span>519</span></td><td id="LC519" class="css-1dcdqdg"><code>  <span class="code-attribute">pointer-events</span>: none;
</code></td></tr><tr><td id="L520" class="css-a4x74f"><span>520</span></td><td id="LC520" class="css-1dcdqdg"><code>  <span class="code-attribute">transition-property</span>: opacity;
</code></td></tr><tr><td id="L521" class="css-a4x74f"><span>521</span></td><td id="LC521" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L522" class="css-a4x74f"><span>522</span></td><td id="LC522" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-fade</span> <span class="hljs-selector-class">.swiper-slide</span> <span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L523" class="css-a4x74f"><span>523</span></td><td id="LC523" class="css-1dcdqdg"><code>  <span class="code-attribute">pointer-events</span>: none;
</code></td></tr><tr><td id="L524" class="css-a4x74f"><span>524</span></td><td id="LC524" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L525" class="css-a4x74f"><span>525</span></td><td id="LC525" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-fade</span> <span class="hljs-selector-class">.swiper-slide-active</span>,
</code></td></tr><tr><td id="L526" class="css-a4x74f"><span>526</span></td><td id="LC526" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-fade</span> <span class="hljs-selector-class">.swiper-slide-active</span> <span class="hljs-selector-class">.swiper-slide-active</span> {
</code></td></tr><tr><td id="L527" class="css-a4x74f"><span>527</span></td><td id="LC527" class="css-1dcdqdg"><code>  <span class="code-attribute">pointer-events</span>: auto;
</code></td></tr><tr><td id="L528" class="css-a4x74f"><span>528</span></td><td id="LC528" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L529" class="css-a4x74f"><span>529</span></td><td id="LC529" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cube</span> {
</code></td></tr><tr><td id="L530" class="css-a4x74f"><span>530</span></td><td id="LC530" class="css-1dcdqdg"><code>  <span class="code-attribute">overflow</span>: visible;
</code></td></tr><tr><td id="L531" class="css-a4x74f"><span>531</span></td><td id="LC531" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L532" class="css-a4x74f"><span>532</span></td><td id="LC532" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L533" class="css-a4x74f"><span>533</span></td><td id="LC533" class="css-1dcdqdg"><code>  <span class="code-attribute">pointer-events</span>: none;
</code></td></tr><tr><td id="L534" class="css-a4x74f"><span>534</span></td><td id="LC534" class="css-1dcdqdg"><code>  <span class="code-attribute">-webkit-backface-visibility</span>: hidden;
</code></td></tr><tr><td id="L535" class="css-a4x74f"><span>535</span></td><td id="LC535" class="css-1dcdqdg"><code>          <span class="code-attribute">backface-visibility</span>: hidden;
</code></td></tr><tr><td id="L536" class="css-a4x74f"><span>536</span></td><td id="LC536" class="css-1dcdqdg"><code>  <span class="code-attribute">z-index</span>: <span class="code-number">1</span>;
</code></td></tr><tr><td id="L537" class="css-a4x74f"><span>537</span></td><td id="LC537" class="css-1dcdqdg"><code>  <span class="code-attribute">visibility</span>: hidden;
</code></td></tr><tr><td id="L538" class="css-a4x74f"><span>538</span></td><td id="LC538" class="css-1dcdqdg"><code>  <span class="code-attribute">transform-origin</span>: <span class="code-number">0</span> <span class="code-number">0</span>;
</code></td></tr><tr><td id="L539" class="css-a4x74f"><span>539</span></td><td id="LC539" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L540" class="css-a4x74f"><span>540</span></td><td id="LC540" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L541" class="css-a4x74f"><span>541</span></td><td id="LC541" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L542" class="css-a4x74f"><span>542</span></td><td id="LC542" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide</span> <span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L543" class="css-a4x74f"><span>543</span></td><td id="LC543" class="css-1dcdqdg"><code>  <span class="code-attribute">pointer-events</span>: none;
</code></td></tr><tr><td id="L544" class="css-a4x74f"><span>544</span></td><td id="LC544" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L545" class="css-a4x74f"><span>545</span></td><td id="LC545" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cube</span><span class="hljs-selector-class">.swiper-rtl</span> <span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L546" class="css-a4x74f"><span>546</span></td><td id="LC546" class="css-1dcdqdg"><code>  <span class="code-attribute">transform-origin</span>: <span class="code-number">100%</span> <span class="code-number">0</span>;
</code></td></tr><tr><td id="L547" class="css-a4x74f"><span>547</span></td><td id="LC547" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L548" class="css-a4x74f"><span>548</span></td><td id="LC548" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-active</span>,
</code></td></tr><tr><td id="L549" class="css-a4x74f"><span>549</span></td><td id="LC549" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-active</span> <span class="hljs-selector-class">.swiper-slide-active</span> {
</code></td></tr><tr><td id="L550" class="css-a4x74f"><span>550</span></td><td id="LC550" class="css-1dcdqdg"><code>  <span class="code-attribute">pointer-events</span>: auto;
</code></td></tr><tr><td id="L551" class="css-a4x74f"><span>551</span></td><td id="LC551" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L552" class="css-a4x74f"><span>552</span></td><td id="LC552" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-active</span>,
</code></td></tr><tr><td id="L553" class="css-a4x74f"><span>553</span></td><td id="LC553" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-next</span>,
</code></td></tr><tr><td id="L554" class="css-a4x74f"><span>554</span></td><td id="LC554" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-prev</span>,
</code></td></tr><tr><td id="L555" class="css-a4x74f"><span>555</span></td><td id="LC555" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-next</span> + <span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L556" class="css-a4x74f"><span>556</span></td><td id="LC556" class="css-1dcdqdg"><code>  <span class="code-attribute">pointer-events</span>: auto;
</code></td></tr><tr><td id="L557" class="css-a4x74f"><span>557</span></td><td id="LC557" class="css-1dcdqdg"><code>  <span class="code-attribute">visibility</span>: visible;
</code></td></tr><tr><td id="L558" class="css-a4x74f"><span>558</span></td><td id="LC558" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L559" class="css-a4x74f"><span>559</span></td><td id="LC559" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-shadow-top</span>,
</code></td></tr><tr><td id="L560" class="css-a4x74f"><span>560</span></td><td id="LC560" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-shadow-bottom</span>,
</code></td></tr><tr><td id="L561" class="css-a4x74f"><span>561</span></td><td id="LC561" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-shadow-left</span>,
</code></td></tr><tr><td id="L562" class="css-a4x74f"><span>562</span></td><td id="LC562" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-shadow-right</span> {
</code></td></tr><tr><td id="L563" class="css-a4x74f"><span>563</span></td><td id="LC563" class="css-1dcdqdg"><code>  <span class="code-attribute">z-index</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L564" class="css-a4x74f"><span>564</span></td><td id="LC564" class="css-1dcdqdg"><code>  <span class="code-attribute">-webkit-backface-visibility</span>: hidden;
</code></td></tr><tr><td id="L565" class="css-a4x74f"><span>565</span></td><td id="LC565" class="css-1dcdqdg"><code>          <span class="code-attribute">backface-visibility</span>: hidden;
</code></td></tr><tr><td id="L566" class="css-a4x74f"><span>566</span></td><td id="LC566" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L567" class="css-a4x74f"><span>567</span></td><td id="LC567" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-cube-shadow</span> {
</code></td></tr><tr><td id="L568" class="css-a4x74f"><span>568</span></td><td id="LC568" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: absolute;
</code></td></tr><tr><td id="L569" class="css-a4x74f"><span>569</span></td><td id="LC569" class="css-1dcdqdg"><code>  <span class="code-attribute">left</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L570" class="css-a4x74f"><span>570</span></td><td id="LC570" class="css-1dcdqdg"><code>  <span class="code-attribute">bottom</span>: <span class="code-number">0px</span>;
</code></td></tr><tr><td id="L571" class="css-a4x74f"><span>571</span></td><td id="LC571" class="css-1dcdqdg"><code>  <span class="code-attribute">width</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L572" class="css-a4x74f"><span>572</span></td><td id="LC572" class="css-1dcdqdg"><code>  <span class="code-attribute">height</span>: <span class="code-number">100%</span>;
</code></td></tr><tr><td id="L573" class="css-a4x74f"><span>573</span></td><td id="LC573" class="css-1dcdqdg"><code>  <span class="code-attribute">opacity</span>: <span class="code-number">0.6</span>;
</code></td></tr><tr><td id="L574" class="css-a4x74f"><span>574</span></td><td id="LC574" class="css-1dcdqdg"><code>  <span class="code-attribute">z-index</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L575" class="css-a4x74f"><span>575</span></td><td id="LC575" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L576" class="css-a4x74f"><span>576</span></td><td id="LC576" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-cube-shadow</span><span class="hljs-selector-pseudo">:before</span> {
</code></td></tr><tr><td id="L577" class="css-a4x74f"><span>577</span></td><td id="LC577" class="css-1dcdqdg"><code>  <span class="code-attribute">content</span>: <span class="code-string">''</span>;
</code></td></tr><tr><td id="L578" class="css-a4x74f"><span>578</span></td><td id="LC578" class="css-1dcdqdg"><code>  <span class="code-attribute">background</span>: <span class="code-number">#000</span>;
</code></td></tr><tr><td id="L579" class="css-a4x74f"><span>579</span></td><td id="LC579" class="css-1dcdqdg"><code>  <span class="code-attribute">position</span>: absolute;
</code></td></tr><tr><td id="L580" class="css-a4x74f"><span>580</span></td><td id="LC580" class="css-1dcdqdg"><code>  <span class="code-attribute">left</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L581" class="css-a4x74f"><span>581</span></td><td id="LC581" class="css-1dcdqdg"><code>  <span class="code-attribute">top</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L582" class="css-a4x74f"><span>582</span></td><td id="LC582" class="css-1dcdqdg"><code>  <span class="code-attribute">bottom</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L583" class="css-a4x74f"><span>583</span></td><td id="LC583" class="css-1dcdqdg"><code>  <span class="code-attribute">right</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L584" class="css-a4x74f"><span>584</span></td><td id="LC584" class="css-1dcdqdg"><code>  <span class="code-attribute">filter</span>: <span class="code-built_in">blur</span>(50px);
</code></td></tr><tr><td id="L585" class="css-a4x74f"><span>585</span></td><td id="LC585" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L586" class="css-a4x74f"><span>586</span></td><td id="LC586" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-flip</span> {
</code></td></tr><tr><td id="L587" class="css-a4x74f"><span>587</span></td><td id="LC587" class="css-1dcdqdg"><code>  <span class="code-attribute">overflow</span>: visible;
</code></td></tr><tr><td id="L588" class="css-a4x74f"><span>588</span></td><td id="LC588" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L589" class="css-a4x74f"><span>589</span></td><td id="LC589" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-flip</span> <span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L590" class="css-a4x74f"><span>590</span></td><td id="LC590" class="css-1dcdqdg"><code>  <span class="code-attribute">pointer-events</span>: none;
</code></td></tr><tr><td id="L591" class="css-a4x74f"><span>591</span></td><td id="LC591" class="css-1dcdqdg"><code>  <span class="code-attribute">-webkit-backface-visibility</span>: hidden;
</code></td></tr><tr><td id="L592" class="css-a4x74f"><span>592</span></td><td id="LC592" class="css-1dcdqdg"><code>          <span class="code-attribute">backface-visibility</span>: hidden;
</code></td></tr><tr><td id="L593" class="css-a4x74f"><span>593</span></td><td id="LC593" class="css-1dcdqdg"><code>  <span class="code-attribute">z-index</span>: <span class="code-number">1</span>;
</code></td></tr><tr><td id="L594" class="css-a4x74f"><span>594</span></td><td id="LC594" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L595" class="css-a4x74f"><span>595</span></td><td id="LC595" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-flip</span> <span class="hljs-selector-class">.swiper-slide</span> <span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L596" class="css-a4x74f"><span>596</span></td><td id="LC596" class="css-1dcdqdg"><code>  <span class="code-attribute">pointer-events</span>: none;
</code></td></tr><tr><td id="L597" class="css-a4x74f"><span>597</span></td><td id="LC597" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L598" class="css-a4x74f"><span>598</span></td><td id="LC598" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-flip</span> <span class="hljs-selector-class">.swiper-slide-active</span>,
</code></td></tr><tr><td id="L599" class="css-a4x74f"><span>599</span></td><td id="LC599" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-flip</span> <span class="hljs-selector-class">.swiper-slide-active</span> <span class="hljs-selector-class">.swiper-slide-active</span> {
</code></td></tr><tr><td id="L600" class="css-a4x74f"><span>600</span></td><td id="LC600" class="css-1dcdqdg"><code>  <span class="code-attribute">pointer-events</span>: auto;
</code></td></tr><tr><td id="L601" class="css-a4x74f"><span>601</span></td><td id="LC601" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L602" class="css-a4x74f"><span>602</span></td><td id="LC602" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-flip</span> <span class="hljs-selector-class">.swiper-slide-shadow-top</span>,
</code></td></tr><tr><td id="L603" class="css-a4x74f"><span>603</span></td><td id="LC603" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-flip</span> <span class="hljs-selector-class">.swiper-slide-shadow-bottom</span>,
</code></td></tr><tr><td id="L604" class="css-a4x74f"><span>604</span></td><td id="LC604" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-flip</span> <span class="hljs-selector-class">.swiper-slide-shadow-left</span>,
</code></td></tr><tr><td id="L605" class="css-a4x74f"><span>605</span></td><td id="LC605" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-flip</span> <span class="hljs-selector-class">.swiper-slide-shadow-right</span> {
</code></td></tr><tr><td id="L606" class="css-a4x74f"><span>606</span></td><td id="LC606" class="css-1dcdqdg"><code>  <span class="code-attribute">z-index</span>: <span class="code-number">0</span>;
</code></td></tr><tr><td id="L607" class="css-a4x74f"><span>607</span></td><td id="LC607" class="css-1dcdqdg"><code>  <span class="code-attribute">-webkit-backface-visibility</span>: hidden;
</code></td></tr><tr><td id="L608" class="css-a4x74f"><span>608</span></td><td id="LC608" class="css-1dcdqdg"><code>          <span class="code-attribute">backface-visibility</span>: hidden;
</code></td></tr><tr><td id="L609" class="css-a4x74f"><span>609</span></td><td id="LC609" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L610" class="css-a4x74f"><span>610</span></td><td id="LC610" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-creative</span> <span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L611" class="css-a4x74f"><span>611</span></td><td id="LC611" class="css-1dcdqdg"><code>  <span class="code-attribute">-webkit-backface-visibility</span>: hidden;
</code></td></tr><tr><td id="L612" class="css-a4x74f"><span>612</span></td><td id="LC612" class="css-1dcdqdg"><code>          <span class="code-attribute">backface-visibility</span>: hidden;
</code></td></tr><tr><td id="L613" class="css-a4x74f"><span>613</span></td><td id="LC613" class="css-1dcdqdg"><code>  <span class="code-attribute">overflow</span>: hidden;
</code></td></tr><tr><td id="L614" class="css-a4x74f"><span>614</span></td><td id="LC614" class="css-1dcdqdg"><code>  <span class="code-attribute">transition-property</span>: transform, opacity, height;
</code></td></tr><tr><td id="L615" class="css-a4x74f"><span>615</span></td><td id="LC615" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L616" class="css-a4x74f"><span>616</span></td><td id="LC616" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cards</span> {
</code></td></tr><tr><td id="L617" class="css-a4x74f"><span>617</span></td><td id="LC617" class="css-1dcdqdg"><code>  <span class="code-attribute">overflow</span>: visible;
</code></td></tr><tr><td id="L618" class="css-a4x74f"><span>618</span></td><td id="LC618" class="css-1dcdqdg"><code>}
</code></td></tr><tr><td id="L619" class="css-a4x74f"><span>619</span></td><td id="LC619" class="css-1dcdqdg"><code><span class="hljs-selector-class">.swiper-cards</span> <span class="hljs-selector-class">.swiper-slide</span> {
</code></td></tr><tr><td id="L620" class="css-a4x74f"><span>620</span></td><td id="LC620" class="css-1dcdqdg"><code>  <span class="code-attribute">transform-origin</span>: center bottom;
</code></td></tr><tr><td id="L621" class="css-a4x74f"><span>621</span></td><td id="LC621" class="css-1dcdqdg"><code>  <span class="code-attribute">-webkit-backface-visibility</span>: hidden;
</code></td></tr><tr><td id="L622" class="css-a4x74f"><span>622</span></td><td id="LC622" class="css-1dcdqdg"><code>          <span class="code-attribute">backface-visibility</span>: hidden;
</code></td></tr><tr><td id="L623" class="css-a4x74f"><span>623</span></td><td id="LC623" class="css-1dcdqdg"><code>  <span class="code-attribute">overflow</span>: hidden;
</code></td></tr><tr><td id="L624" class="css-a4x74f"><span>624</span></td><td id="LC624" class="css-1dcdqdg"><code>}
</code></td></tr></tbody></table></div></div></div></div><style data-emotion-css="1teho9j">.css-1teho9j{margin-top:5rem;background:black;color:#aaa;}</style><footer class="css-1teho9j"><style data-emotion-css="1ui8put">.css-1ui8put{max-width:940px;padding:10px 20px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}</style><div class="css-1ui8put"><p><span>Build: <!-- -->a7ebffa</span></p><p><span>© <!-- -->2022<!-- --> UNPKG</span></p><style data-emotion-css="la3nd4">.css-la3nd4{font-size:1.5rem;}</style><p class="css-la3nd4"><style data-emotion-css="bogekj">.css-bogekj{color:#aaa;display:inline-block;}.css-bogekj:hover{color:white;}</style><a href="https://twitter.com/unpkg" class="css-bogekj"><style data-emotion-css="i6dzq1">.css-i6dzq1{vertical-align:text-bottom;}</style><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="css-i6dzq1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></a><style data-emotion-css="3czw03">.css-3czw03{color:#aaa;display:inline-block;margin-left:1rem;}.css-3czw03:hover{color:white;}</style><a href="https://github.com/mjackson/unpkg" class="css-3czw03"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" class="css-i6dzq1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></p></div></footer></div><script src="/react@16.8.6/umd/react.production.min.js"></script><script src="/react-dom@16.8.6/umd/react-dom.production.min.js"></script><script src="/@emotion/core@10.0.6/dist/core.umd.min.js"></script><script>'use strict';(function(t,A,c){function w(){w=Object.assign||function(a){for(var b=1;b<arguments.length;b++){var e=arguments[b],c;for(c in e)Object.prototype.hasOwnProperty.call(e,c)&&(a[c]=e[c])}return a};return w.apply(this,arguments)}function P(a,b){if(null==a)return{};var e={},c=Object.keys(a),d;for(d=0;d<c.length;d++){var h=c[d];0<=b.indexOf(h)||(e[h]=a[h])}return e}function Q(a,b){b||(b=a.slice(0));a.raw=b;return a}function R(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,
"default")?a["default"]:a}function D(a,b){return b={exports:{}},a(b,b.exports),b.exports}function J(a,b,e,c,d){for(var g in a)if(ua(a,g)){try{if("function"!==typeof a[g]){var r=Error((c||"React class")+": "+e+" type `"+g+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof a[g]+"`.");r.name="Invariant Violation";throw r;}var k=a[g](b,g,c,e,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(q){k=q}!k||k instanceof Error||K((c||"React class")+": type specification of "+
e+" `"+g+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof k+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).");if(k instanceof Error&&!(k.message in L)){L[k.message]=!0;var B=d?d():"";K("Failed "+e+" type: "+k.message+(null!=B?B:""))}}}function G(){return null}function S(a){var b,e=a.children;a=a.css;return c.jsx("div",{css:w((b={border:"1px solid #dfe2e5",
borderRadius:3},b["@media (max-width: 700px)"]={borderRightWidth:0,borderLeftWidth:0},b),a)},e)}function T(a){var b,e=a.children;a=a.css;return c.jsx("div",{css:w((b={padding:10,background:"#f6f8fa",color:"#424242",border:"1px solid #d1d5da",borderTopLeftRadius:3,borderTopRightRadius:3,margin:"-1px -1px 0",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},b["@media (max-width: 700px)"]={paddingRight:20,paddingLeft:20},b),a)},e)}function U(a){return a&&a.map(function(a,
c){return t.createElement(a.tag,z({key:c},a.attr),U(a.child))})}function E(a){return function(b){return t.createElement(va,z({attr:z({},a.attr)},b),U(a.child))}}function va(a){var b=function(b){var c=a.size||b.size||"1em";if(b.className)var e=b.className;a.className&&(e=(e?e+" ":"")+a.className);var h=a.attr,r=a.title,k=["attr","title"],B={},q;for(q in a)Object.prototype.hasOwnProperty.call(a,q)&&0>k.indexOf(q)&&(B[q]=a[q]);if(null!=a&&"function"===typeof Object.getOwnPropertySymbols){var p=0;for(q=
Object.getOwnPropertySymbols(a);p<q.length;p++)0>k.indexOf(q[p])&&(B[q[p]]=a[q[p]])}return t.createElement("svg",z({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},b.attr,h,B,{className:e,style:z({color:a.color||b.color},b.style,a.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),r&&t.createElement("title",null,r),a.children)};return void 0!==V?t.createElement(V.Consumer,null,function(a){return b(a)}):b(W)}function F(a,b){var e=b.css;b=P(b,["css"]);return c.jsx(a,w({css:w({},
e,{verticalAlign:"text-bottom"})},b))}function wa(a){return F(X,a)}function xa(a){return F(Y,a)}function ya(a){return F(Z,a)}function za(a){return F(aa,a)}function Aa(a){return F(ba,a)}function ca(a){var b=a.path,e=a.details,g=Object.keys(e).reduce(function(a,b){var c=a.subdirs,g=a.files;b=e[b];"directory"===b.type?c.push(b):"file"===b.type&&g.push(b);return a},{subdirs:[],files:[]});a=g.subdirs;g=g.files;a.sort(da("path"));g.sort(da("path"));var d=[];"/"!==b&&d.push(c.jsx("tr",{key:".."},c.jsx("td",
{css:M}),c.jsx("td",{css:y},c.jsx("a",{title:"Parent directory",href:"../",css:N},"..")),c.jsx("td",{css:y}),c.jsx("td",{css:O})));a.forEach(function(a){a=a.path.substr(1<b.length?b.length+1:1);var e=a+"/";d.push(c.jsx("tr",{key:a},c.jsx("td",{css:M},c.jsx(ya,null)),c.jsx("td",{css:y},c.jsx("a",{title:a,href:e,css:N},a)),c.jsx("td",{css:y},"-"),c.jsx("td",{css:O},"-")))});g.forEach(function(a){var e=a.size,g=a.contentType;a=a.path.substr(1<b.length?b.length+1:1);d.push(c.jsx("tr",{key:a},c.jsx("td",
{css:M},"text/plain"===g||"text/markdown"===g?c.jsx(wa,null):c.jsx(xa,null)),c.jsx("td",{css:y},c.jsx("a",{title:a,href:a,css:N},a)),c.jsx("td",{css:y},ea(e)),c.jsx("td",{css:O},g)))});var h=[];0<g.length&&h.push(g.length+" file"+(1===g.length?"":"s"));0<a.length&&h.push(a.length+" folder"+(1===a.length?"":"s"));return c.jsx(S,null,c.jsx(T,null,c.jsx("span",null,h.join(", "))),c.jsx("table",{css:{width:"100%",borderCollapse:"collapse",borderRadius:2,background:"#fff","@media (max-width: 700px)":{"& th + th + th + th, & td + td + td + td":{display:"none"}},
"& tr:first-of-type td":{borderTop:0}}},c.jsx("thead",null,c.jsx("tr",null,c.jsx("th",null,c.jsx(H,null,"Icon")),c.jsx("th",null,c.jsx(H,null,"Name")),c.jsx("th",null,c.jsx(H,null,"Size")),c.jsx("th",null,c.jsx(H,null,"Content Type")))),c.jsx("tbody",null,d)))}function Ba(a){a=a.split("/");return a[a.length-1]}function Ca(a){var b=a.uri;return c.jsx("div",{css:{padding:20,textAlign:"center"}},c.jsx("img",{alt:Ba(a.path),src:b}))}function Da(a){a=a.highlights.slice(0);var b=a.length&&""===a[a.length-
1];b&&a.pop();return c.jsx("div",{className:"code-listing",css:{overflowX:"auto",overflowY:"hidden",paddingTop:5,paddingBottom:5}},c.jsx("table",{css:{border:"none",borderCollapse:"collapse",borderSpacing:0}},c.jsx("tbody",null,a.map(function(a,b){var e=b+1;return c.jsx("tr",{key:b},c.jsx("td",{id:"L"+e,css:{paddingLeft:10,paddingRight:10,color:"rgba(27,31,35,.3)",textAlign:"right",verticalAlign:"top",width:"1%",minWidth:50,userSelect:"none"}},c.jsx("span",null,e)),c.jsx("td",{id:"LC"+e,css:{paddingLeft:10,
paddingRight:10,color:"#24292e",whiteSpace:"pre"}},c.jsx("code",{dangerouslySetInnerHTML:{__html:a}})))}),!b&&c.jsx("tr",{key:"no-newline"},c.jsx("td",{css:{paddingLeft:10,paddingRight:10,color:"rgba(27,31,35,.3)",textAlign:"right",verticalAlign:"top",width:"1%",minWidth:50,userSelect:"none"}},"\\"),c.jsx("td",{css:{paddingLeft:10,color:"rgba(27,31,35,.3)",userSelect:"none"}},"No newline at end of file")))))}function Ea(){return c.jsx("div",{css:{padding:20}},c.jsx("p",{css:{textAlign:"center"}},
"No preview available."))}function fa(a){var b=a.packageName,e=a.packageVersion,g=a.path;a=a.details;var d=a.highlights,h=a.uri,r=a.language;return c.jsx(S,null,c.jsx(T,null,c.jsx("span",null,ea(a.size)),c.jsx("span",null,r),c.jsx("span",null,c.jsx("a",{href:"/"+b+"@"+e+g,css:{display:"inline-block",marginLeft:8,padding:"2px 8px",textDecoration:"none",fontWeight:600,fontSize:"0.9rem",color:"#24292e",backgroundColor:"#eff3f6",border:"1px solid rgba(27,31,35,.2)",borderRadius:3,":hover":{backgroundColor:"#e6ebf1",
borderColor:"rgba(27,31,35,.35)"},":active":{backgroundColor:"#e9ecef",borderColor:"rgba(27,31,35,.35)",boxShadow:"inset 0 0.15em 0.3em rgba(27,31,35,.15)"}}},"View Raw"))),d?c.jsx(Da,{highlights:d}):h?c.jsx(Ca,{path:g,uri:h}):c.jsx(Ea,null))}function ha(){var a=Q(["\n  .code-listing {\n    background: #fbfdff;\n    color: #383a42;\n  }\n  .code-comment,\n  .code-quote {\n    color: #a0a1a7;\n    font-style: italic;\n  }\n  .code-doctag,\n  .code-keyword,\n  .code-link,\n  .code-formula {\n    color: #a626a4;\n  }\n  .code-section,\n  .code-name,\n  .code-selector-tag,\n  .code-deletion,\n  .code-subst {\n    color: #e45649;\n  }\n  .code-literal {\n    color: #0184bb;\n  }\n  .code-string,\n  .code-regexp,\n  .code-addition,\n  .code-attribute,\n  .code-meta-string {\n    color: #50a14f;\n  }\n  .code-built_in,\n  .code-class .code-title {\n    color: #c18401;\n  }\n  .code-attr,\n  .code-variable,\n  .code-template-variable,\n  .code-type,\n  .code-selector-class,\n  .code-selector-attr,\n  .code-selector-pseudo,\n  .code-number {\n    color: #986801;\n  }\n  .code-symbol,\n  .code-bullet,\n  .code-meta,\n  .code-selector-id,\n  .code-title {\n    color: #4078f2;\n  }\n  .code-emphasis {\n    font-style: italic;\n  }\n  .code-strong {\n    font-weight: bold;\n  }\n"]);
ha=function(){return a};return a}function ia(){var a=Q(["\n  html {\n    box-sizing: border-box;\n  }\n  *,\n  *:before,\n  *:after {\n    box-sizing: inherit;\n  }\n\n  html,\n  body,\n  #root {\n    height: 100%;\n    margin: 0;\n  }\n\n  body {\n    ","\n    font-size: 16px;\n    line-height: 1.5;\n    overflow-wrap: break-word;\n    background: white;\n    color: black;\n  }\n\n  code {\n    ","\n  }\n\n  th,\n  td {\n    padding: 0;\n  }\n\n  select {\n    font-size: inherit;\n  }\n\n  #root {\n    display: flex;\n    flex-direction: column;\n  }\n"]);
ia=function(){return a};return a}function ja(a){var b=a.css;a=P(a,["css"]);return c.jsx("a",w({},a,{css:w({color:"#0076ff",textDecoration:"none",":hover":{textDecoration:"underline"}},b)}))}function Fa(){return c.jsx("header",{css:{marginTop:"2rem"}},c.jsx("h1",{css:{textAlign:"center",fontSize:"3rem",letterSpacing:"0.05em"}},c.jsx("a",{href:"/",css:{color:"#000",textDecoration:"none"}},"UNPKG")))}function Ga(a){var b=a.packageName,e=a.packageVersion,g=a.availableVersions;a=a.filename;var d=[];if("/"===
a)d.push(b);else{var h="/browse/"+b+"@"+e;d.push(c.jsx(ja,{href:h+"/"},b));b=a.replace(/^\/+/,"").replace(/\/+$/,"").split("/");a=b.pop();b.forEach(function(a){h+="/"+a;d.push(c.jsx(ja,{href:h+"/"},a))});d.push(a)}return c.jsx("header",{css:{display:"flex",flexDirection:"row",alignItems:"center","@media (max-width: 700px)":{flexDirection:"column-reverse",alignItems:"flex-start"}}},c.jsx("h1",{css:{fontSize:"1.5rem",fontWeight:"normal",flex:1,wordBreak:"break-all"}},c.jsx("nav",null,d.map(function(a,
b,e){return c.jsx(t.Fragment,{key:b},0!==b&&c.jsx("span",{css:{paddingLeft:5,paddingRight:5}},"/"),b===e.length-1?c.jsx("strong",null,a):a)}))),c.jsx(Ha,{packageVersion:e,availableVersions:g,onChange:function(a){window.location.href=window.location.href.replace("@"+e,"@"+a)}}))}function Ha(a){var b=a.onChange;return c.jsx("p",{css:{marginLeft:20,"@media (max-width: 700px)":{marginLeft:0,marginBottom:0}}},c.jsx("label",null,"Version:"," ",c.jsx("select",{name:"version",defaultValue:a.packageVersion,
onChange:function(a){b&&b(a.target.value)},css:{appearance:"none",cursor:"pointer",padding:"4px 24px 4px 8px",fontWeight:600,fontSize:"0.9em",color:"#24292e",border:"1px solid rgba(27,31,35,.2)",borderRadius:3,backgroundColor:"#eff3f6",backgroundImage:"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAAAXNSR0IArs4c6QAAARFJREFUKBVjZAACNS39RhBNKrh17WI9o4quoT3Dn78HSNUMUs/CzOTI/O7Vi4dCYpJ3/jP+92BkYGAlyiBGhm8MjIxJt65e3MQM0vDu9YvLYmISILYZELOBxHABRkaGr0yMzF23r12YDFIDNgDEePv65SEhEXENBkYGFSAXuyGMjF8Z/jOsvX3tYiFIDwgwQSgIaaijnvj/P8M5IO8HsjiY/f//D4b//88A1SQhywG9jQr09PS4v/1mPAeUUPzP8B8cJowMjL+Bqu6xMQmaXL164AuyDgwDQJLa2qYSP//9vARkCoMVMzK8YeVkNbh+9uxzMB+JwGoASF5Vx0jz/98/18BqmZi171w9D2EjaaYKEwAEK00XQLdJuwAAAABJRU5ErkJggg==)",
backgroundPosition:"right 8px center",backgroundRepeat:"no-repeat",backgroundSize:"auto 25%",":hover":{backgroundColor:"#e6ebf1",borderColor:"rgba(27,31,35,.35)"},":active":{backgroundColor:"#e9ecef",borderColor:"rgba(27,31,35,.35)",boxShadow:"inset 0 0.15em 0.3em rgba(27,31,35,.15)"}}},a.availableVersions.map(function(a){return c.jsx("option",{key:a,value:a},a)}))))}function Ia(a){var b=a.packageName,e=a.packageVersion;a=a.target;return"directory"===a.type?c.jsx(ca,{path:a.path,details:a.details}):
"file"===a.type?c.jsx(fa,{packageName:b,packageVersion:e,path:a.path,details:a.details}):null}function ka(a){var b=a.packageName,e=a.packageVersion,g=a.availableVersions;g=void 0===g?[]:g;var d=a.filename;a=a.target;return c.jsx(t.Fragment,null,c.jsx(c.Global,{styles:Ja}),c.jsx(c.Global,{styles:Ka}),c.jsx("div",{css:{flex:"1 0 auto"}},c.jsx("div",{css:{maxWidth:940,padding:"0 20px",margin:"0 auto"}},c.jsx(Fa,null)),c.jsx("div",{css:{maxWidth:940,padding:"0 20px",margin:"0 auto"}},c.jsx(Ga,{packageName:b,
packageVersion:e,availableVersions:g,filename:d})),c.jsx("div",{css:{maxWidth:940,padding:"0 20px",margin:"0 auto","@media (max-width: 700px)":{padding:0,margin:0}}},c.jsx(Ia,{packageName:b,packageVersion:e,target:a}))),c.jsx("footer",{css:{marginTop:"5rem",background:"black",color:"#aaa"}},c.jsx("div",{css:{maxWidth:940,padding:"10px 20px",margin:"0 auto",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"}},c.jsx("p",null,c.jsx("span",null,"Build: ","a7ebffa")),
c.jsx("p",null,c.jsx("span",null,"\u00a9 ",(new Date).getFullYear()," UNPKG")),c.jsx("p",{css:{fontSize:"1.5rem"}},c.jsx("a",{href:"https://twitter.com/unpkg",css:{color:"#aaa",display:"inline-block",":hover":{color:"white"}}},c.jsx(za,null)),c.jsx("a",{href:"https://github.com/mjackson/unpkg",css:{color:"#aaa",display:"inline-block",":hover":{color:"white"},marginLeft:"1rem"}},c.jsx(Aa,null))))))}var la="default"in t?t["default"]:t;A=A&&A.hasOwnProperty("default")?A["default"]:A;var La="undefined"!==
typeof globalThis?globalThis:"undefined"!==typeof window?window:"undefined"!==typeof global?global:"undefined"!==typeof self?self:{},m=D(function(a,b){function c(a){if("object"===typeof a&&null!==a){var b=a.$$typeof;switch(b){case d:switch(a=a.type,a){case l:case f:case r:case m:case k:case v:return a;default:switch(a=a&&a.$$typeof,a){case p:case n:case q:return a;default:return b}}case x:case u:case h:return b}}}function g(a){return c(a)===f}Object.defineProperty(b,"__esModule",{value:!0});var d=
(a="function"===typeof Symbol&&Symbol.for)?Symbol.for("react.element"):60103,h=a?Symbol.for("react.portal"):60106,r=a?Symbol.for("react.fragment"):60107,k=a?Symbol.for("react.strict_mode"):60108,m=a?Symbol.for("react.profiler"):60114,q=a?Symbol.for("react.provider"):60109,p=a?Symbol.for("react.context"):60110,l=a?Symbol.for("react.async_mode"):60111,f=a?Symbol.for("react.concurrent_mode"):60111,n=a?Symbol.for("react.forward_ref"):60112,v=a?Symbol.for("react.suspense"):60113,u=a?Symbol.for("react.memo"):
60115,x=a?Symbol.for("react.lazy"):60116;b.typeOf=c;b.AsyncMode=l;b.ConcurrentMode=f;b.ContextConsumer=p;b.ContextProvider=q;b.Element=d;b.ForwardRef=n;b.Fragment=r;b.Lazy=x;b.Memo=u;b.Portal=h;b.Profiler=m;b.StrictMode=k;b.Suspense=v;b.isValidElementType=function(a){return"string"===typeof a||"function"===typeof a||a===r||a===f||a===m||a===k||a===v||"object"===typeof a&&null!==a&&(a.$$typeof===x||a.$$typeof===u||a.$$typeof===q||a.$$typeof===p||a.$$typeof===n)};b.isAsyncMode=function(a){return g(a)||
c(a)===l};b.isConcurrentMode=g;b.isContextConsumer=function(a){return c(a)===p};b.isContextProvider=function(a){return c(a)===q};b.isElement=function(a){return"object"===typeof a&&null!==a&&a.$$typeof===d};b.isForwardRef=function(a){return c(a)===n};b.isFragment=function(a){return c(a)===r};b.isLazy=function(a){return c(a)===x};b.isMemo=function(a){return c(a)===u};b.isPortal=function(a){return c(a)===h};b.isProfiler=function(a){return c(a)===m};b.isStrictMode=function(a){return c(a)===k};b.isSuspense=
function(a){return c(a)===v}});R(m);var na=D(function(a,b){(function(){function a(a){if("object"===typeof a&&null!==a){var b=a.$$typeof;switch(b){case h:switch(a=a.type,a){case f:case n:case k:case q:case m:case u:return a;default:switch(a=a&&a.$$typeof,a){case l:case v:case p:return a;default:return b}}case I:case x:case r:return b}}}function c(b){return a(b)===n}Object.defineProperty(b,"__esModule",{value:!0});var d="function"===typeof Symbol&&Symbol.for,h=d?Symbol.for("react.element"):60103,r=
d?Symbol.for("react.portal"):60106,k=d?Symbol.for("react.fragment"):60107,m=d?Symbol.for("react.strict_mode"):60108,q=d?Symbol.for("react.profiler"):60114,p=d?Symbol.for("react.provider"):60109,l=d?Symbol.for("react.context"):60110,f=d?Symbol.for("react.async_mode"):60111,n=d?Symbol.for("react.concurrent_mode"):60111,v=d?Symbol.for("react.forward_ref"):60112,u=d?Symbol.for("react.suspense"):60113,x=d?Symbol.for("react.memo"):60115,I=d?Symbol.for("react.lazy"):60116;d=function(){};var Ma=function(a){for(var b=
arguments.length,f=Array(1<b?b-1:0),c=1;c<b;c++)f[c-1]=arguments[c];var n=0;b="Warning: "+a.replace(/%s/g,function(){return f[n++]});"undefined"!==typeof console&&console.warn(b);try{throw Error(b);}catch(Xa){}},Na=d=function(a,b){if(void 0===b)throw Error("`lowPriorityWarning(condition, format, ...args)` requires a warning message argument");if(!a){for(var f=arguments.length,c=Array(2<f?f-2:0),n=2;n<f;n++)c[n-2]=arguments[n];Ma.apply(void 0,[b].concat(c))}},ma=!1;b.typeOf=a;b.AsyncMode=f;b.ConcurrentMode=
n;b.ContextConsumer=l;b.ContextProvider=p;b.Element=h;b.ForwardRef=v;b.Fragment=k;b.Lazy=I;b.Memo=x;b.Portal=r;b.Profiler=q;b.StrictMode=m;b.Suspense=u;b.isValidElementType=function(a){return"string"===typeof a||"function"===typeof a||a===k||a===n||a===q||a===m||a===u||"object"===typeof a&&null!==a&&(a.$$typeof===I||a.$$typeof===x||a.$$typeof===p||a.$$typeof===l||a.$$typeof===v)};b.isAsyncMode=function(b){ma||(ma=!0,Na(!1,"The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API."));
return c(b)||a(b)===f};b.isConcurrentMode=c;b.isContextConsumer=function(b){return a(b)===l};b.isContextProvider=function(b){return a(b)===p};b.isElement=function(a){return"object"===typeof a&&null!==a&&a.$$typeof===h};b.isForwardRef=function(b){return a(b)===v};b.isFragment=function(b){return a(b)===k};b.isLazy=function(b){return a(b)===I};b.isMemo=function(b){return a(b)===x};b.isPortal=function(b){return a(b)===r};b.isProfiler=function(b){return a(b)===q};b.isStrictMode=function(b){return a(b)===
m};b.isSuspense=function(b){return a(b)===u}})()});R(na);var oa=D(function(a){a.exports=na}),pa=Object.getOwnPropertySymbols,Oa=Object.prototype.hasOwnProperty,Pa=Object.prototype.propertyIsEnumerable,Qa=function(){try{if(!Object.assign)return!1;var a=new String("abc");a[5]="de";if("5"===Object.getOwnPropertyNames(a)[0])return!1;var b={};for(a=0;10>a;a++)b["_"+String.fromCharCode(a)]=a;if("0123456789"!==Object.getOwnPropertyNames(b).map(function(a){return b[a]}).join(""))return!1;var c={};"abcdefghijklmnopqrst".split("").forEach(function(a){c[a]=
a});return"abcdefghijklmnopqrst"!==Object.keys(Object.assign({},c)).join("")?!1:!0}catch(g){return!1}}()?Object.assign:function(a,b){if(null===a||void 0===a)throw new TypeError("Object.assign cannot be called with null or undefined");var c=Object(a);for(var g,d=1;d<arguments.length;d++){var h=Object(arguments[d]);for(var r in h)Oa.call(h,r)&&(c[r]=h[r]);if(pa){g=pa(h);for(var k=0;k<g.length;k++)Pa.call(h,g[k])&&(c[g[k]]=h[g[k]])}}return c},K=function(){},L={},ua=Function.call.bind(Object.prototype.hasOwnProperty);
K=function(a){a="Warning: "+a;"undefined"!==typeof console&&console.error(a);try{throw Error(a);}catch(b){}};J.resetWarningCache=function(){L={}};var Ra=Function.call.bind(Object.prototype.hasOwnProperty),C=function(){};C=function(a){a="Warning: "+a;"undefined"!==typeof console&&console.error(a);try{throw Error(a);}catch(b){}};var Sa=function(a,b){function c(a,b){return a===b?0!==a||1/a===1/b:a!==a&&b!==b}function g(a){this.message=a;this.stack=""}function d(a){function c(c,n,v,d,e,u,h){d=d||"<<anonymous>>";
u=u||v;if("SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"!==h){if(b)throw c=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"),c.name="Invariant Violation",c;"undefined"!==typeof console&&(h=d+":"+v,!f[h]&&3>l&&(C("You are manually calling a React.PropTypes validation function for the `"+u+"` prop on `"+d+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),
f[h]=!0,l++))}return null==n[v]?c?null===n[v]?new g("The "+e+" `"+u+"` is marked as required "+("in `"+d+"`, but its value is `null`.")):new g("The "+e+" `"+u+"` is marked as required in "+("`"+d+"`, but its value is `undefined`.")):null:a(n,v,d,e,u)}var f={},l=0,d=c.bind(null,!1);d.isRequired=c.bind(null,!0);return d}function h(a){return d(function(b,c,f,d,l,e){b=b[c];return k(b)!==a?(b=m(b),new g("Invalid "+d+" `"+l+"` of type "+("`"+b+"` supplied to `"+f+"`, expected ")+("`"+a+"`."))):null})}function r(b){switch(typeof b){case "number":case "string":case "undefined":return!0;
case "boolean":return!b;case "object":if(Array.isArray(b))return b.every(r);if(null===b||a(b))return!0;var c=b&&(p&&b[p]||b["@@iterator"]);var f="function"===typeof c?c:void 0;if(f)if(c=f.call(b),f!==b.entries)for(;!(b=c.next()).done;){if(!r(b.value))return!1}else for(;!(b=c.next()).done;){if((b=b.value)&&!r(b[1]))return!1}else return!1;return!0;default:return!1}}function k(a){var b=typeof a;return Array.isArray(a)?"array":a instanceof RegExp?"object":"symbol"===b||a&&("Symbol"===a["@@toStringTag"]||
"function"===typeof Symbol&&a instanceof Symbol)?"symbol":b}function m(a){if("undefined"===typeof a||null===a)return""+a;var b=k(a);if("object"===b){if(a instanceof Date)return"date";if(a instanceof RegExp)return"regexp"}return b}function q(a){a=m(a);switch(a){case "array":case "object":return"an "+a;case "boolean":case "date":case "regexp":return"a "+a;default:return a}}var p="function"===typeof Symbol&&Symbol.iterator,l={array:h("array"),bool:h("boolean"),func:h("function"),number:h("number"),object:h("object"),
string:h("string"),symbol:h("symbol"),any:d(G),arrayOf:function(a){return d(function(b,c,f,d,l){if("function"!==typeof a)return new g("Property `"+l+"` of component `"+f+"` has invalid PropType notation inside arrayOf.");b=b[c];if(!Array.isArray(b))return b=k(b),new g("Invalid "+d+" `"+l+"` of type "+("`"+b+"` supplied to `"+f+"`, expected an array."));for(c=0;c<b.length;c++){var n=a(b,c,f,d,l+"["+c+"]","SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");if(n instanceof Error)return n}return null})},
element:function(){return d(function(b,c,d,l,e){b=b[c];return a(b)?null:(b=k(b),new g("Invalid "+l+" `"+e+"` of type "+("`"+b+"` supplied to `"+d+"`, expected a single ReactElement.")))})}(),elementType:function(){return d(function(a,b,c,d,l){a=a[b];return oa.isValidElementType(a)?null:(a=k(a),new g("Invalid "+d+" `"+l+"` of type "+("`"+a+"` supplied to `"+c+"`, expected a single ReactElement type.")))})}(),instanceOf:function(a){return d(function(b,c,f,d,l){if(!(b[c]instanceof a)){var n=a.name||
"<<anonymous>>";b=b[c];b=b.constructor&&b.constructor.name?b.constructor.name:"<<anonymous>>";return new g("Invalid "+d+" `"+l+"` of type "+("`"+b+"` supplied to `"+f+"`, expected ")+("instance of `"+n+"`."))}return null})},node:function(){return d(function(a,b,c,d,l){return r(a[b])?null:new g("Invalid "+d+" `"+l+"` supplied to "+("`"+c+"`, expected a ReactNode."))})}(),objectOf:function(a){return d(function(b,c,f,d,l){if("function"!==typeof a)return new g("Property `"+l+"` of component `"+f+"` has invalid PropType notation inside objectOf.");
b=b[c];c=k(b);if("object"!==c)return new g("Invalid "+d+" `"+l+"` of type "+("`"+c+"` supplied to `"+f+"`, expected an object."));for(var n in b)if(Ra(b,n)&&(c=a(b,n,f,d,l+"."+n,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"),c instanceof Error))return c;return null})},oneOf:function(a){return Array.isArray(a)?d(function(b,f,d,l,e){b=b[f];for(f=0;f<a.length;f++)if(c(b,a[f]))return null;f=JSON.stringify(a,function(a,b){return"symbol"===m(b)?String(b):b});return new g("Invalid "+l+" `"+e+"` of value `"+
String(b)+"` "+("supplied to `"+d+"`, expected one of "+f+"."))}):(1<arguments.length?C("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):C("Invalid argument supplied to oneOf, expected an array."),G)},oneOfType:function(a){if(!Array.isArray(a))return C("Invalid argument supplied to oneOfType, expected an instance of array."),G;for(var b=0;b<a.length;b++){var c=a[b];if("function"!==
typeof c)return C("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+q(c)+" at index "+b+"."),G}return d(function(b,c,f,d,l){for(var e=0;e<a.length;e++)if(null==(0,a[e])(b,c,f,d,l,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"))return null;return new g("Invalid "+d+" `"+l+"` supplied to "+("`"+f+"`."))})},shape:function(a){return d(function(b,c,d,l,f){b=b[c];c=k(b);if("object"!==c)return new g("Invalid "+l+" `"+f+"` of type `"+c+"` "+("supplied to `"+d+"`, expected `object`."));
for(var e in a)if(c=a[e])if(c=c(b,e,d,l,f+"."+e,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"))return c;return null})},exact:function(a){return d(function(b,c,d,l,f){var e=b[c],n=k(e);if("object"!==n)return new g("Invalid "+l+" `"+f+"` of type `"+n+"` "+("supplied to `"+d+"`, expected `object`."));n=Qa({},b[c],a);for(var h in n){n=a[h];if(!n)return new g("Invalid "+l+" `"+f+"` key `"+h+"` supplied to `"+d+"`.\nBad object: "+JSON.stringify(b[c],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(a),
null,"  "));if(n=n(e,h,d,l,f+"."+h,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"))return n}return null})}};g.prototype=Error.prototype;l.checkPropTypes=J;l.resetWarningCache=J.resetWarningCache;return l.PropTypes=l};m=D(function(a){a.exports=Sa(oa.isElement,!0)});var Ta=Object.assign||function(a){for(var b=1;b<arguments.length;b++){var c=arguments[b],g;for(g in c)Object.prototype.hasOwnProperty.call(c,g)&&(a[g]=c[g])}return a},Ua={border:0,clip:"rect(0 0 0 0)",height:"1px",width:"1px",margin:"-1px",
padding:0,overflow:"hidden",position:"absolute"},H=function(a){return la.createElement("div",Ta({style:Ua},a))},qa=D(function(a){(function(b,c){a.exports=c()})(La,function(){function a(a){if(!a)return!0;if(!d(a)||0!==a.length)for(var b in a)if(q.call(a,b))return!1;return!0}function c(a){return"number"===typeof a||"[object Number]"===t.call(a)}function g(a){return"string"===typeof a||"[object String]"===t.call(a)}function d(a){return"object"===typeof a&&"number"===typeof a.length&&"[object Array]"===
t.call(a)}function h(a){var b=parseInt(a);return b.toString()===a?b:a}function m(b,d,e,k){c(d)&&(d=[d]);if(a(d))return b;if(g(d))return m(b,d.split("."),e,k);var f=h(d[0]);if(1===d.length)return d=b[f],void 0!==d&&k||(b[f]=e),d;void 0===b[f]&&(c(f)?b[f]=[]:b[f]={});return m(b[f],d.slice(1),e,k)}function k(b,f){c(f)&&(f=[f]);if(!a(b)){if(a(f))return b;if(g(f))return k(b,f.split("."));var e=h(f[0]),l=b[e];if(1===f.length)void 0!==l&&(d(b)?b.splice(e,1):delete b[e]);else if(void 0!==b[e])return k(b[e],
f.slice(1));return b}}var t=Object.prototype.toString,q=Object.prototype.hasOwnProperty,p={ensureExists:function(a,b,c){return m(a,b,c,!0)},set:function(a,b,c,d){return m(a,b,c,d)},insert:function(a,b,c,e){var f=p.get(a,b);e=~~e;d(f)||(f=[],p.set(a,b,f));f.splice(e,0,c)},empty:function(b,f){if(a(f))return b;if(!a(b)){var e,h;if(!(e=p.get(b,f)))return b;if(g(e))return p.set(b,f,"");if("boolean"===typeof e||"[object Boolean]"===t.call(e))return p.set(b,f,!1);if(c(e))return p.set(b,f,0);if(d(e))e.length=
0;else if("object"===typeof e&&"[object Object]"===t.call(e))for(h in e)q.call(e,h)&&delete e[h];else return p.set(b,f,null)}},push:function(a,b){var c=p.get(a,b);d(c)||(c=[],p.set(a,b,c));c.push.apply(c,Array.prototype.slice.call(arguments,2))},coalesce:function(a,b,c){for(var d,e=0,f=b.length;e<f;e++)if(void 0!==(d=p.get(a,b[e])))return d;return c},get:function(b,d,e){c(d)&&(d=[d]);if(a(d))return b;if(a(b))return e;if(g(d))return p.get(b,d.split("."),e);var f=h(d[0]);return 1===d.length?void 0===
b[f]?e:b[f]:p.get(b[f],d.slice(1),e)},del:function(a,b){return k(a,b)}};return p})});var ra=function(a){return function(b){return typeof b===a}};var Va=function(a,b){var c=1,g=b||function(a,b){return b};"-"===a[0]&&(c=-1,a=a.substr(1));return function(b,e){var d;b=g(a,qa.get(b,a));e=g(a,qa.get(e,a));b<e&&(d=-1);b>e&&(d=1);b===e&&(d=0);return d*c}};var da=function(){var a=Array.prototype.slice.call(arguments),b=a.filter(ra("string")),c=a.filter(ra("function"))[0];return function(a,d){for(var e=b.length,
g=0,k=0;0===g&&k<e;)g=Va(b[k],c)(a,d),k++;return g}};let sa="B kB MB GB TB PB EB ZB YB".split(" "),ta=(a,b)=>{let c=a;"string"===typeof b?c=a.toLocaleString(b):!0===b&&(c=a.toLocaleString());return c};var ea=(a,b)=>{if(!Number.isFinite(a))throw new TypeError(`Expected a finite number, got ${typeof a}: ${a}`);b=Object.assign({},b);if(b.signed&&0===a)return" 0 B";var c=0>a;let g=c?"-":b.signed?"+":"";c&&(a=-a);if(1>a)return a=ta(a,b.locale),g+a+" B";c=Math.min(Math.floor(Math.log10(a)/3),sa.length-
1);a=Number((a/Math.pow(1E3,c)).toPrecision(3));a=ta(a,b.locale);return g+a+" "+sa[c]},W={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},V=t.createContext&&t.createContext(W),z=function(){z=Object.assign||function(a){for(var b,c=1,g=arguments.length;c<g;c++){b=arguments[c];for(var d in b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d])}return a};return z.apply(this,arguments)},Y=function(a){return E({tag:"svg",attr:{viewBox:"0 0 12 16"},child:[{tag:"path",attr:{fillRule:"evenodd",
d:"M8.5 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V4.5L8.5 1zM11 14H1V2h7l3 3v9zM5 6.98L3.5 8.5 5 10l-.5 1L2 8.5 4.5 6l.5.98zM7.5 6L10 8.5 7.5 11l-.5-.98L8.5 8.5 7 7l.5-1z"}}]})(a)};Y.displayName="GoFileCode";var Z=function(a){return E({tag:"svg",attr:{viewBox:"0 0 14 16"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M13 4H7V3c0-.66-.31-1-1-1H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1zM6 4H1V3h5v1z"}}]})(a)};Z.displayName="GoFileDirectory";var X=function(a){return E({tag:"svg",
attr:{viewBox:"0 0 12 16"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M6 5H2V4h4v1zM2 8h7V7H2v1zm0 2h7V9H2v1zm0 2h7v-1H2v1zm10-7.5V14c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V2c0-.55.45-1 1-1h7.5L12 4.5zM11 5L8 2H1v12h10V5z"}}]})(a)};X.displayName="GoFile";var ba=function(a){return E({tag:"svg",attr:{viewBox:"0 0 496 512"},child:[{tag:"path",attr:{d:"M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"}}]})(a)};
ba.displayName="FaGithub";var aa=function(a){return E({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"}}]})(a)};
aa.displayName="FaTwitter";var N={color:"#0076ff",textDecoration:"none",":hover":{textDecoration:"underline"}},y={paddingTop:6,paddingRight:3,paddingBottom:6,paddingLeft:3,borderTop:"1px solid #eaecef"},M=w({},y,{color:"#424242",width:17,paddingRight:2,paddingLeft:10,"@media (max-width: 700px)":{paddingLeft:20}}),O=w({},y,{textAlign:"right",paddingRight:10,"@media (max-width: 700px)":{paddingRight:20}});ca.propTypes={path:m.string.isRequired,details:m.objectOf(m.shape({path:m.string.isRequired,type:m.oneOf(["directory",
"file"]).isRequired,contentType:m.string,integrity:m.string,size:m.number})).isRequired};fa.propTypes={path:m.string.isRequired,details:m.shape({contentType:m.string.isRequired,highlights:m.arrayOf(m.string),uri:m.string,integrity:m.string.isRequired,language:m.string.isRequired,size:m.number.isRequired}).isRequired};var Ja=c.css(ia(),'\nfont-family: -apple-system,\n  BlinkMacSystemFont,\n  "Segoe UI",\n  "Roboto",\n  "Oxygen",\n  "Ubuntu",\n  "Cantarell",\n  "Fira Sans",\n  "Droid Sans",\n  "Helvetica Neue",\n  sans-serif;\n',
"\nfont-family: Menlo,\n  Monaco,\n  Lucida Console,\n  Liberation Mono,\n  DejaVu Sans Mono,\n  Bitstream Vera Sans Mono,\n  Courier New,\n  monospace;\n"),Ka=c.css(ha()),Wa=m.shape({path:m.string.isRequired,type:m.oneOf(["directory","file"]).isRequired,details:m.object.isRequired});ka.propTypes={packageName:m.string.isRequired,packageVersion:m.string.isRequired,availableVersions:m.arrayOf(m.string),filename:m.string.isRequired,target:Wa.isRequired};A.hydrate(la.createElement(ka,window.__DATA__||
{}),document.getElementById("root"))})(React,ReactDOM,emotionCore);
</script></body></html>
/* End */
/* /local/templates/default/components/bitrix/search.form/header-search/style.css?1719231050949 */
/* /local/templates/default/components/bitrix/form.result.new/feedback_form/style.css?17192310501304 */
/* /local/templates/default/styles.css?175794711621559 */
/* /local/templates/default/template_styles.css?17403206854408 */
/* /local/templates/default/css/min/site.css?1719231052543615 */
/* /local/templates/default/css/styles.css?171923105222048 */
/* /local/templates/default/css/swiper-bundle.css?1719231052236947 */