/* Start:/local/templates/main/tpl/assets/css/app.min.css?1793735975171798*/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap&subset=cyrillic);
@import url(https://fonts.googleapis.com/css?family=Advent+Pro:100&display=swap);

@font-face {
    font-family: 'DIN Pro';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Medium.eot);
    src: local("DIN Pro Medium"), local("DINPro-Medium"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Medium.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Medium.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'DIN Pro';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-BlackItalic.eot);
    src: local("DIN Pro Black Italic"), local("DINPro-BlackItalic"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-BlackItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-BlackItalic.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-BlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: 'DIN Pro Cond';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedBlackItalic.eot);
    src: local("DIN Pro Condensed Black Italic"), local("DINPro-CondensedBlackItalic"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedBlackItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedBlackItalic.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedBlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: 'DIN Pro Cond';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedMedium.eot);
    src: local("DIN Pro Condensed Medium"), local("DINPro-CondensedMedium"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedMedium.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedMedium.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedMedium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'DIN Pro';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-MediumItalic.eot);
    src: local("DIN Pro Medium Italic"), local("DINPro-MediumItalic"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-MediumItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-MediumItalic.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'DIN Pro';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Bold.eot);
    src: local("DIN Pro Bold"), local("DINPro-Bold"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Bold.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'DIN Pro';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Light.eot);
    src: local("DIN Pro Light"), local("DINPro-Light"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Light.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Light.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'DIN Pro Cond';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedMediumItalic.eot);
    src: local("DIN Pro Condensed Medium Italic"), local("DINPro-CondensedMediumItalic"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedMediumItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedMediumItalic.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedMediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'DIN Pro';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Italic.eot);
    src: local("DIN Pro Italic"), local("DINPro-Italic"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Italic.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Italic.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'DIN Pro';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro.eot);
    src: local("DIN Pro"), local("DINPro"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'DIN Pro Cond';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedBlack.eot);
    src: local("DIN Pro Condensed Black"), local("DINPro-CondensedBlack"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedBlack.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedBlack.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedBlack.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'DIN Pro Cond';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedBold.eot);
    src: local("DIN Pro Condensed Bold"), local("DINPro-CondensedBold"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedBold.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedBold.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedBold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'DIN Pro';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Black.eot);
    src: local("DIN Pro Black"), local("DINPro-Black"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Black.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Black.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'DIN Pro';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-LightItalic.eot);
    src: local("DIN Pro Light Italic"), local("DINPro-LightItalic"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-LightItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-LightItalic.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'DIN Pro Cond';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedBoldItalic.eot);
    src: local("DIN Pro Condensed Bold Italic"), local("DINPro-CondensedBoldItalic"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedBoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedBoldItalic.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedBoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'DIN Pro Cond';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedRegular.eot);
    src: local("DIN Pro Condensed Regular"), local("DINPro-CondensedRegular"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedRegular.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedRegular.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedRegular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'DIN Pro Cond';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedItalic.eot);
    src: local("DIN Pro Condensed Italic"), local("DINPro-CondensedItalic"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedItalic.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedItalic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'DIN Pro Cond';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedLightItalic.eot);
    src: local("DIN Pro Condensed Light Italic"), local("DINPro-CondensedLightItalic"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedLightItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedLightItalic.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedLightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'DIN Pro Cond';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedLight.eot);
    src: local("DIN Pro Condensed Light"), local("DINPro-CondensedLight"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedLight.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedLight.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-CondensedLight.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'DIN Pro';
    src: url(/local/templates/main/tpl/assets/css/../fonts/DINPro-BoldItalic.eot);
    src: local("DIN Pro Bold Italic"), local("DINPro-BoldItalic"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-BoldItalic.woff) format("woff"), url(/local/templates/main/tpl/assets/css/../fonts/DINPro-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

p a {
    color: #1eb193
}

p a:hover {
    color: #0e1e2a;
    opacity: .85
}

.inner {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    display: block
}

.green-button {
    background: #24a999;
    color: #fff;
    text-decoration: none;
    transition: 300ms
}

.green-button:hover {
    background: #00928e
}

.auth__in {
    text-align: center;
    margin: 180px 0
}

.auth__form {
    border: 1px solid #24a999;
    padding: 90px 230px;
    text-align: center;
    display: inline-block
}

.auth__forget-block {
    width: 852px
}

.auth__title {
    color: #234a4d;
    font-weight: 700;
    font-size: 26px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 50px
}

.auth__links {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.auth__links a {
    font-weight: 500;
    font-size: 17px;
    color: #00928e;
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.auth__links a img, .dashboard__settings-left a img {
    margin-right: 15px;
    margin-top: 2px
}

.auth__text {
    font-size: 15px;
    font-weight: 500;
    color: #234a4d;
    text-align: left
}

.auth__form input[type=password], .auth__form input[type=text] {
    border: 0;
    border-bottom: 1px solid #00928e;
    font-size: 15px;
    font-weight: 500;
    margin: 0 auto 20px;
    padding: 10px 0;
    width: 390px;
    color: #234a4d;
    outline: 0;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.auth__form input[type=text]::-webkit-input-placeholder {
    color: #234a4d
}

.auth__form input[type=text]::-moz-placeholder {
    color: #234a4d
}

.auth__form input[type=text]::-ms-input-placeholder {
    color: #234a4d
}

.auth__form input[type=text]::placeholder {
    color: #234a4d
}

.auth__form input[type=password]::-webkit-input-placeholder {
    color: #234a4d
}

.auth__form input[type=password]::-moz-placeholder {
    color: #234a4d
}

.auth__form input[type=password]::-ms-input-placeholder {
    color: #234a4d
}

.auth__form input[type=password]::placeholder {
    color: #234a4d
}

.auth__error, .auth__forget {
    text-align: center;
    margin: 30px 0 15px
}

.auth__forget a {
    color: #4e6d71;
    font-size: 11px
}

.auth__form input[type=submit] {
    padding: 15px 80px;
    outline: 0;
    border: 0;
    font-size: 18px;
    cursor: pointer;
    font-weight: 400;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none
}

.auth__error {
    font-size: 15px;
    color: #de3131;
    display: flex;
    align-items: center;
    margin: 20px 0;
    white-space: nowrap
}

.auth__error span {
    font-weight: 500
}

.auth__error img {
    margin-right: 7px;
    margin-top: 3px
}

.auth__form input.error {
    color: #de3131;
    border-bottom: 1px solid #de3131
}

.dashboard {
    position: relative
}

.dashboard__acquired {
    background: #efefef
}

.dashboard__acquired > .inner {
    display: flex;
    justify-content: space-between
}

.dashboard__acquired-left {
    width: 25%;
    flex-shrink: 0;
    flex-grow: 0;
    box-sizing: border-box;
    border-right: 1px solid #00928e;
    padding: 50px 25px
}

.left-title {
    color: #234a4d;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0
}

.dashboard__acquired-right {
    width: 75%;
    flex-shrink: 0;
    flex-grow: 0;
    box-sizing: border-box;
    padding: 50px 25px
}

.dashboard__acquired-flex {
    display: flex;
    flex-wrap: wrap
}

.dashboard__acquired-block {
    margin-right: 15px;
    position: relative;
    margin-bottom: 15px
}

.dashboard__substrate {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00928e;
    display: block;
    opacity: .6;
    transition: 300ms
}

.dashboard__acquired-block:hover .dashboard__substrate {
    opacity: 0
}

.dashboard__acquired-block img {
    vertical-align: top
}

.dashboard__acquired-text {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px
}

.dashboard__acquired-text h3 {
    color: #fff;
    margin-bottom: 3px;
    display: inline-block;
    position: relative
}

.dashboard__acquired-text h3::after {
    content: '';
    position: absolute;
    bottom: 1px;
    height: 1px;
    left: 0;
    width: 100%;
    background: #fff
}

.dashboard__acquired-text p {
    color: #fff;
    margin-top: 0;
    margin-bottom: 20px
}

.dashboard__settings, .product__main > .inner {
    display: flex;
    justify-content: space-between
}

.dashboard__settings-text {
    color: #234a4d;
    font-size: 17px;
    font-weight: 500;
    margin-top: 50px;
    margin-bottom: 20px
}

.dashboard__settings-left a {
    font-weight: 500;
    font-size: 17px;
    color: #00928e;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    transition: 200ms
}

.dashboard__settings-left a:hover, .product__onedownload:hover .product__name {
    color: #24a999
}

.dashboard__settings-phone {
    text-decoration: none
}

.dashboard__settings-left, .dashboard__settings-right {
    width: 25%;
    flex-shrink: 0;
    flex-grow: 0;
    box-sizing: border-box;
    padding: 90px 25px
}

.dashboard__settings-right {
    width: 75%;
    padding: 90px 40px
}

.dashboard__form {
    max-width: 430px;
    width: 100%;
    position: relative
}

.dashboard__form input[type=text], .dashboard__form-flex input[type=submit] {
    width: 100%;
    border: 0;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none
}

.dashboard__form input[type=text] {
    border-bottom: 1px solid #00928e;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 10px 0;
    color: #234a4d;
    outline: 0;
    display: block
}

.dashboard__form-flex, .dashboard__form-label {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.dashboard__form-label {
    width: 50% !important
}

.dashboard__form-flex > div {
    width: 46%;
    flex-grow: 0;
    flex-shrink: 0
}

.dashboard__form-flex input[type=submit] {
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    text-align: center;
    white-space: normal;
    padding: 8px 0;
    line-height: 1em;
    cursor: pointer
}

.product__main {
    background: #efefef;
    padding: 20px 0;
    margin-top: 10px;
    margin-bottom: 60px
}

.product__main-left, .product__main-right {
    width: 50%;
    flex-shrink: 0;
    flex-grow: 0
}

.product__main-left img {
    max-width: 100%
}

.product__main-right {
    box-sizing: border-box;
    padding-left: 40px
}

.product__title {
    color: #234a4d;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 20px
}

.product__text {
    color: #234a4d;
    font-size: 17px;
    font-weight: 500
}

.product__tabs {
    margin-bottom: 40px
}

.product__list {
    padding-left: 0;
    list-style: none;
    display: flex;
    margin-bottom: 0
}

.product__item {
    font-weight: 700;
    cursor: pointer;
    font-size: 25px;
    color: #234a4d;
    text-transform: uppercase;
    margin-right: 40px;
    padding-bottom: 10px;
    width: 210px;
    text-align: center
}

.product__item.active {
    color: #00928e;
    border-bottom: 4px solid #00928e
}

.border-bottom {
    border-bottom: 1px solid #00928e
}

.product__content {
    margin-top: 60px;
    padding: 0 30px;
    box-sizing: border-box
}

.product__description {
    display: flex;
    justify-content: space-between
}

.product__description-left {
    width: 46%;
    flex-shrink: 0;
    flex-grow: 0
}

.product__description-title {
    color: #234a4d;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0
}

.product__description-text {
    color: #234a4d;
    font-size: 18px;
    font-weight: 500;
    margin-top: 0
}

.product__description-right {
    width: 46%;
    flex-shrink: 0;
    flex-grow: 0
}

.product__description-list {
    padding-left: 0;
    margin-top: 0;
    list-style: none
}

.product__description-list li {
    color: #21484d;
    font-weight: 500;
    font-size: 18px;
    position: relative;
    margin-bottom: 5px
}

.product__description-list li::before {
    content: '•';
    position: relative;
    left: 0;
    font-size: 18px
}

.product__description-one {
    margin-bottom: 60px
}

.product__block {
    display: none;
    margin-bottom: 100px
}

.product__block.active {
    display: block
}

.product__downloads-version {
    margin-bottom: 60px
}

.product__downloads-title {
    font-size: 21px;
    color: #21484d;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 25px;
    text-decoration: underline
}

.product__onedownload {
    display: flex;
    align-items: center;
    text-decoration: none;
    margin-bottom: 20px
}

.product__onedownload img {
    margin-right: 20px
}

.product__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.product__name, .product__size {
    font-weight: 500;
    text-decoration: underline
}

.product__name {
    color: #21484d;
    font-size: 19px;
    margin: 0;
    transition: 200ms
}

.product__size {
    font-size: 17px;
    color: #939393;
    margin-bottom: 0;
    margin-top: 0;
    display: inline-block;
    padding-top: 3px
}

.text-center {
    text-align: center
}

.older-versions {
    margin-top: 80px
}

.older-versions .green-button {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    padding: 15px 30px
}

.copy {
    background: #0e1e2a;
    padding: 10px 0
}

.copy > .inner {
    justify-content: space-between
}

.copy > .inner, .copy__text {
    display: flex;
    align-items: center
}

.copy__links, .copy__text p {
    font-weight: 300;
    font-size: 12px
}

.copy__text p {
    color: #fff;
    margin-right: 30px
}

.copy__links {
    color: #9b9b9b;
    text-decoration: none
}

.line {
    width: 1px;
    height: 12px;
    margin: 0 20px;
    background: #9b9b9b
}

.copy__country {
    display: flex;
    align-items: center
}

.copy__country img {
    margin-right: 15px;
    vertical-align: top
}

.copy__country p {
    color: #fff;
    font-size: 11px;
    margin: 0;
    font-weight: 300
}

.dashboard__form input[type=checkbox] {
    position: absolute;
    left: -9999px
}

.dashboard__form input[type=checkbox] + label {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    line-height: 1em;
    margin-top: 0;
    font-size: 18px;
    color: #21484d;
    cursor: pointer
}

.dashboard__form input[type=checkbox] + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    border: 1px solid #21484d;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 2px
}

.dashboard__inputs {
    margin-top: 50px
}

.dashboard__form input[type=checkbox] + label:after {
    content: "";
    position: absolute;
    transition: all .2s ease;
    left: 4px;
    top: 7px;
    width: 10px;
    height: 10px;
    background: #00928e
}

.dashboard__form input[type=checkbox]:not(:checked) + label:after {
    opacity: 0
}

.dashboard__form input[type=checkbox]:checked + label:after {
    opacity: 1
}

@media (max-width: 1300px) {
    .dashboard__acquired-left {
        width: 35%
    }

    .dashboard__acquired-right {
        width: 65%
    }

    .dashboard__settings-left {
        width: 35%
    }

    .dashboard__settings-right {
        width: 65%
    }

    .product__title {
        font-size: 26px
    }

    .product__text {
        font-size: 16px
    }

    .product__item {
        font-size: 22px;
        width: 190px
    }

    .product__description-title {
        font-size: 26px;
        margin-bottom: 15px
    }

    .product__description-list li, .product__description-text {
        font-size: 16px
    }

    .product__description-one {
        margin-bottom: 40px
    }
}

@media (min-width: 992px) {
    .mobile {
        display: none
    }
}

@media (max-width: 991px) {
    .dashboard__settings {
        flex-direction: column
    }

    .dashboard__settings-left {
        width: 100%;
        padding: 0
    }

    .dashboard__settings-left .left-title {
        font-size: 24px;
        text-transform: uppercase
    }

    .dashboard__settings-text {
        margin-top: 15px;
        margin-bottom: 20px
    }

    .dashboard__settings-right {
        width: 100%;
        padding: 0;
        margin-top: 15px
    }

    .dashboard__inputs {
        margin-top: 0
    }

    .dashboard__form-flex {
        flex-direction: column
    }

    .dashboard__form-flex > div {
        width: 100% !important
    }

    .dashboard__form-label {
        margin-top: 10px
    }

    .dashboard__form-flex input[type=submit] {
        padding: 17px 0;
        margin-top: 35px;
        margin-bottom: 30px
    }

    .dashboard__form input[type=text] {
        padding: 4px 0
    }

    .dashboard__acquired {
        background: #fff
    }

    .dashboard__acquired-left {
        width: 100%;
        padding: 0;
        border-right: 0
    }

    .dashboard .title, .dashboard__settings-left a {
        margin-bottom: 10px
    }

    .left-title {
        font-size: 16px;
        text-transform: none
    }

    .dashboard__acquired-block img {
        width: 100%
    }

    .dashboard__acquired-right {
        width: 100%;
        padding: 20px 0 45px
    }

    .dashboard__acquired > .inner {
        flex-direction: column
    }

    .dashboard__acquired-text {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column
    }

    .dashboard__acquired-text h3 {
        font-size: 22px;
        font-weight: 700
    }

    .title {
        font-size: 26px
    }

    .dashboard__acquired-slider {
        max-width: 400px;
        margin: 0 auto
    }

    .dashboard__acquired-slider .slick-slide {
        padding: 0
    }

    .product__select {
        display: block;
        position: relative;
        padding: 0 18px;
        border: 2px solid #24a999;
        height: 41px
    }

    .product__choose {
        font-size: 14px;
        font-weight: 700;
        color: #24a999;
        margin: 0;
        height: 100%;
        display: flex;
        align-items: center;
        text-transform: uppercase;
        background: url(/local/templates/main/tpl/assets/css/../img/arrow-down.png) no-repeat 100% 50%
    }

    .product__content {
        margin-top: 30px
    }

    .product__description-one {
        margin-bottom: 30px
    }

    .product__option {
        font-size: 14px;
        font-weight: 700;
        color: #24a999;
        margin-bottom: 15px;
        text-transform: uppercase
    }

    .product__option:last-of-type {
        margin-bottom: 0
    }

    .product__select-list {
        display: none;
        top: 25px;
        box-sizing: border-box;
        position: absolute;
        left: -2px;
        background: #fff;
        list-style: none;
        padding: 15px 18px;
        width: calc(100% - -4px);
        border: 2px solid #24a999
    }

    .mobile-menu__right {
        width: 22px
    }

    .product__main {
        margin-bottom: 15px;
        background: #fff
    }

    .product__block {
        margin-bottom: 40px
    }

    .product__downloads-title {
        font-size: 19px
    }

    .product__name {
        font-size: 16px
    }

    .product__size {
        font-size: 15px;
        margin-top: 10px
    }

    .product__downloads-version {
        margin-bottom: 30px
    }

    .border-bottom {
        border-bottom: 0
    }

    .product__title {
        font-size: 24px
    }

    .product__description-list li, .product__text {
        font-size: 17px
    }

    .product__content {
        padding: 0
    }

    .copy > .inner, .product__description, .product__main > .inner {
        flex-direction: column
    }

    .product__description-title {
        font-size: 24px
    }

    .product__description-text {
        font-size: 17px
    }

    .product__onedownload {
        align-items: flex-start
    }

    .auth__form input[type=password], .auth__form input[type=text], .copy__text p, .product__description-left, .product__description-right, .product__main-left {
        width: 100%
    }

    .product__main-right {
        width: 100%;
        margin-top: 20px;
        padding-left: 0
    }

    .auth__text {
        margin-top: 0
    }

    .desktop {
        display: none
    }

    .mobile-menu {
        width: 100%;
        position: relative;
        height: 50px;
        background: #fff;
        border-bottom: 1px solid #f0f0f0
    }

    .mobile-menu__inner {
        display: flex;
        align-items: center;
        margin: 0 auto;
        height: 100%;
        box-sizing: border-box;
        padding: 0 13px;
        justify-content: space-between
    }

    .sandwich {
        position: relative;
        height: 12px;
        width: 22px;
        float: left
    }

    .sandwich > div {
        height: 3px;
        margin-bottom: 3px;
        width: 100%;
        background: #0e1e2a
    }

    .mobile-menu__logo {
        height: 25px
    }

    .mobile-menu__logo img {
        height: 100%
    }

    .auth__form {
        max-width: 370px;
        width: 100%;
        padding: 40px 30px;
        box-sizing: border-box
    }

    .auth__error {
        white-space: normal;
        text-align: left;
        margin-top: 0;
        align-items: flex-start
    }

    .auth__forget {
        text-align: left;
        margin-top: 10px;
        margin-bottom: 30px
    }

    .auth__form input[type=password] {
        margin-bottom: 0
    }

    .auth__in {
        margin: 40px 0
    }

    .auth__title {
        margin-bottom: 15px;
        line-height: 1em
    }

    .copy__country {
        display: flex;
        justify-content: space-between;
        padding-top: 10px;
        width: 100%;
        max-width: 350px
    }

    .copy__all-links {
        display: flex;
        flex-direction: column
    }

    .copy__country-div {
        display: flex
    }

    .copy__country-div img {
        margin-right: 10px
    }

    .copy__text {
        width: 100%;
        max-width: 350px
    }

    .auth__form input[type=submit] {
        width: 100%;
        padding: 15px 0
    }
}

@media (max-width: 600px) {
    .copy__links, .copy__text p {
        font-size: 11px
    }

    .copy__country-div img {
        width: 15px
    }
}

/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*, ::after, ::before {
    box-sizing: inherit
}

.container {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1202px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px
}

.col-auto {
    position: relative;
    padding-right: 10px;
    padding-left: 10px
}

.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1, .my-n1 {
    margin-top: -.25rem !important
}

.mr-n1, .mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1, .my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1, .mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2, .my-n2 {
    margin-top: -.5rem !important
}

.mr-n2, .mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2, .my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2, .mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3, .my-n3 {
    margin-top: -1rem !important
}

.mr-n3, .mx-n3 {
    margin-right: -1rem !important
}

.mb-n3, .my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3, .mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4, .my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4, .mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4, .my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4, .mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5, .my-n5 {
    margin-top: -3rem !important
}

.mr-n5, .mx-n5 {
    margin-right: -3rem !important
}

.mb-n5, .my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5, .mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1, .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1, .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1, .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1, .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2, .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2, .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2, .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2, .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3, .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3, .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3, .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3, .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4, .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4, .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4, .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4, .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5, .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5, .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5, .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5, .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1, .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2, .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3, .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3, .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3, .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3, .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4, .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4, .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4, .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4, .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5, .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5, .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5, .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5, .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1, .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1, .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1, .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1, .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2, .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2, .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2, .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2, .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3, .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3, .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3, .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3, .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4, .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4, .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4, .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4, .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5, .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5, .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5, .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5, .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1, .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1, .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1, .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1, .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2, .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2, .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2, .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2, .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3, .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3, .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3, .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3, .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4, .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4, .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4, .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4, .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5, .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5, .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5, .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5, .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-initialized .slick-slide, .slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/*! Pushy - v1.3.0 - 2019-6-25
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
@keyframes fade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes mmfadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes mmfadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes mmfadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes mmfadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes mmslideIn {
    0% {
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes mmslideIn {
    0% {
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes mmslideOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}

@keyframes mmslideOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}

.pushy {
    position: fixed;
    width: 320px;
    height: 100%;
    top: 51px;
    z-index: 9999;
    padding-bottom: 80px;
    background-color: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.pushy.pushy-left {
    left: 0
}

.pushy.pushy-right {
    right: 0
}

.pushy-content {
    visibility: hidden
}

.pushy-left {
    -webkit-transform: translate3d(-320px, 0, 0);
    transform: translate3d(-320px, 0, 0)
}

.pushy-open-left #container, .pushy-open-left .push, .pushy-right {
    -webkit-transform: translate3d(320px, 0, 0);
    transform: translate3d(320px, 0, 0)
}

.pushy-open-right #container, .pushy-open-right .push {
    -webkit-transform: translate3d(-320px, 0, 0);
    transform: translate3d(-320px, 0, 0)
}

.pushy-open-left .pushy, .pushy-open-right .pushy {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.pushy-open-left .pushy-content, .pushy-open-right .pushy-content {
    visibility: visible
}

#container, .push, .pushy {
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99), -webkit-transform .2s cubic-bezier(.16, .68, .43, .99)
}

.pushy-content {
    transition: visibility .2s cubic-bezier(.16, .68, .43, .99)
}

.site-overlay {
    display: none
}

.pushy-open-left .site-overlay, .pushy-open-right .site-overlay {
    display: block;
    position: fixed;
    top: 52px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0, 0, 0, .5);
    -webkit-animation: fade 500ms;
    animation: fade 500ms
}

.pushy-submenu > ul {
    padding-left: 15px;
    transition: max-height .2s ease-in-out, visibility .2s ease-in-out
}

.pushy-submenu > ul .pushy-link {
    transition: opacity .2s ease-in-out
}

.pushy-submenu button {
    width: 100%;
    color: #b3b3b1;
    padding: 15px 30px;
    text-align: left;
    background: 0 0;
    border: 0
}

.pushy-submenu button:hover {
    color: #fff
}

.pushy-submenu > a, .pushy-submenu > button {
    position: relative
}

.pushy-submenu > a::after, .pushy-submenu > button::after {
    content: '';
    display: block;
    height: 11px;
    width: 8px;
    position: absolute;
    top: 50%;
    right: 15px;
    background: url(/local/templates/main/tpl/assets/css/../img/arrow.png) no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.pushy-submenu-closed > ul {
    max-height: 0;
    overflow: hidden;
    visibility: hidden
}

.pushy-submenu-closed .pushy-link {
    opacity: 0
}

.pushy-submenu-open > ul {
    max-height: 1000px;
    visibility: visible
}

.pushy-submenu-open .pushy-link {
    opacity: 1
}

.pushy-submenu-open > a::after, .pushy-submenu-open > button::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.modal__container {
    background-color: #fff;
    padding: 62px 58px;
    width: 1180px;
    max-width: 100%;
    max-height: 100vh;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    box-sizing: border-box
}

@media (max-width: 991.98px) {
    .modal__container {
        padding: 62px 17px 17px
    }
}

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

.modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.25rem;
    line-height: 1.25;
    box-sizing: border-box
}

.modal__close {
    background: 0 0;
    border: 0;
    position: absolute;
    top: 28px;
    right: 31px;
    font-size: 40px
}

@media (max-width: 991.98px) {
    .modal__close {
        right: 8px;
        top: 30px;
        font-size: 27px;
        color: #d2d3d5
    }
}

.modal__header .modal__close:before {
    content: "\2715"
}

.modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: rgba(0, 0, 0, .8)
}

.modal__btn {
    font-size: .875rem;
    padding: .5rem 1rem;
    background-color: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    border-radius: .25rem;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    line-height: 1.15;
    margin: 0;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.modal__btn:focus, .modal__btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.modal__btn-primary {
    color: #fff
}

.micromodal-slide {
    display: none
}

.micromodal-slide.is-open {
    display: block
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
    -webkit-animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1);
    animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=false] .modal__container {
    -webkit-animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
    -webkit-animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1);
    animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=true] .modal__container {
    -webkit-animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide .modal__container, .micromodal-slide .modal__overlay {
    will-change: transform;
    z-index: 20
}

.container * {
    transition: .5s
}

body, html {
    margin: 0;
    height: 100%
}

body {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #0e1e2a;
    line-height: 1.5;
    display: flex;
    flex-direction: column
}

a {
    text-decoration: none
}

a:hover {
    opacity: .85
}

img {
    max-width: 100%
}

button, select {
    cursor: pointer
}

button:focus, select:focus {
    outline: 0
}

h1, h2, h3 {
    margin: 0
}

.text-center {
    text-align: center
}

.align-items-center {
    align-items: center
}

.lightbox, .lightbox *, .lightbox :hover, .lightbox:hover, .lightboxOverlay {
    transition: 0s
}

.slick-dots {
    padding-left: 0;
    list-style-type: none;
    margin: 0
}

.slick-slide:focus {
    outline: 0
}

.title {
    font-size: 37px;
    line-height: 1.2
}

@media (max-width: 767.98px) {
    .title {
        font-size: 22px
    }
}

.languageSwitcher {
    display: flex;
    align-items: center
}

.languageSwitcher__currentItem {
    margin-left: 13px
}

.button {
    font-weight: 700
}

.button, .contactForm__submit, .header__button {
    background-color: #1eb193;
    min-width: 200px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    border: 0;
    padding: 13px 34px
}

.contactForm__submit {
    font-weight: 700
}

.button:active, .button:hover, .contactForm__submit:active, .contactForm__submit:hover, .header__button:active, .header__button:hover {
    background-color: #0e1e2a !important;
}

@media (max-width: 767.98px) {
    .button, .contactForm__submit, .header__button {
        min-width: 145px;
        font-size: 13px;
        font-weight: 700;
        padding: 12px
    }
}

.pageTitle {
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 25px;
    padding-bottom: 25px;
    max-width: 1366px;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (max-width: 767.98px) {
    .pageTitle {
        padding-top: 21px;
        padding-bottom: 23px
    }
}

@media (max-width: 575.98px) {
    .pageTitle {
        background-size: cover
    }
}

.pageTitle__text {
    font-weight: 700;
    font-size: 37px;
    color: #fff
}

@media (max-width: 767.98px) {
    .pageTitle__text {
        font-size: 34px
    }
}

@media (max-width: 575.98px) {
    .pageTitle__text {
        font-size: 28px
    }
}

.breadcrumbs {
    display: flex;
    align-items: center;
    font-size: 13px;
    margin-top: 30px
}

.breadcrumbs__back {
    font-weight: 700;
    display: flex;
    align-items: center;
    color: #1eb193
}

.breadcrumbs__backTitle {
    margin-left: 7px;
    border-right: 1px solid #1eb193;
    padding-right: 6px;
    margin-right: 8px
}

.breadcrumbs__list {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
    display: flex
}

.breadcrumbs__item {
    position: relative
}

.breadcrumbs__item:not(:last-child) .breadcrumbs__link {
    color: #0e1e2a
}

.breadcrumbs__item:not(:first-child) {
    margin-left: 16px
}

.breadcrumbs__item:not(:first-child)::after {
    content: '/';
    position: absolute;
    left: -11px;
    top: 0
}

.breadcrumbs__item:last-child .breadcrumbs__link {
    color: #91a3b1
}

@media (max-width: 991.98px) {
    .breadcrumbs__back, .breadcrumbs__list {
        display: none
    }
}

.page {
    margin-top: 37px;
    min-height: 300px
}

.page__content {
    line-height: 1.4
}

.page__content p {
    margin-bottom: 27px
}

.more {
    border: 0
}

.mainCategories__link, .mainNews__itemLink, .more, .publicationMore__arrow {
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33px;
    font-weight: 100;
    font-family: 'Advent Pro', sans-serif
}

.mainNews__itemLink, .publicationMore__arrow {
    border: 0
}

.mainCategories__link, .more_bordered {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

.mainNews__itemLink, .more_default, .publicationMore__arrow {
    background-color: #1eb193;
    color: #fff
}

.mainNews__itemLink:hover, .more_default:hover, .publicationMore__arrow:hover {
    background-color: #0e1e2a !important
}

.more_disabled {
    pointer-events: none;
    color: #fff;
    background-color: #0e1e2a
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.pagination__control {
    margin-left: 5px;
    margin-right: 5px
}

.pagination__control a {
    color: #fff;
    width: 100%;
    height: 100%
}

.pagination__control a, .pagination__item, .pagination__item a {
    justify-content: center;
    align-items: center;
    display: flex
}

.pagination__item {
    width: 37px;
    height: 37px;
    border: 1px solid #eceeef;
    margin-left: 5px;
    margin-right: 5px
}

.pagination__item a {
    color: #0e1e2a;
    width: 100%;
    height: 100%
}

.pagination__item_disabled {
    background-color: #eceeef;
    color: #91a3b1
}

.mailing {
    margin-top: 110px;
    margin-bottom: 110px;
    text-align: center
}

@media (max-width: 767.98px) {
    .mailing {
        margin-top: 0;
        text-align: left
    }
}

.mailing__title {
    font-size: 24px;
    font-weight: 700
}

.mailing__text {
    font-size: 18px;
    margin-top: 4px;
    margin-bottom: 41px
}

.mailing__form {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 30px;
    grid-gap: 30px;
    margin-right: auto;
    margin-left: auto;
    width: 500px
}

@media (max-width: 991.98px) {
    .mailing__form {
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .mailing__form {
        grid-template-columns: 1fr
    }
}

.tabs__content {
    display: none
}

.tabs__content.active {
    display: block
}

.modal__container {
    position: relative
}

@media (max-width: 991.98px) {
    .modal .contactForm__groupWrapper {
        text-align: center
    }
}

.modal__title {
    font-size: 37px;
    font-weight: 700
}

@media (max-width: 991.98px) {
    .modal__title {
        font-size: 32px;
        line-height: 1.1
    }
}

.modal .contactForm__text {
    width: 100%
}

.modal__contentGrid2 {
    display: grid;
    grid-template-columns: 3fr 2fr;
    grid-gap: 50px
}

@media (max-width: 991.98px) {
    .modal__contentGrid2 {
        grid-template-columns: 1fr
    }
}

.modal__options {
    margin-top: 21px
}

.modal__options_accent {
    background-color: #f2f2f2;
    padding: 35px
}

.modal__options_accent .styled-checkbox + label:before {
    background-color: #fff
}

@media (max-width: 991.98px) {
    .modal__options {
        padding: 17px;
        background-color: #f2f2f2;
        margin-top: 0;
        margin-right: -17px;
        margin-left: -17px
    }

    .modal__options .styled-checkbox + label:before {
        background-color: #fff
    }
}

.modal__optionsTitle {
    font-weight: 700;
    margin-bottom: 13px
}

.modal__option:not(:last-child) {
    margin-bottom: 5px
}

.modalImg {
    max-height: 250px
}

@media (max-width: 991.98px) {
    .modalImg {
        display: none
    }
}

.modal__text {
    margin-bottom: 30px
}

.header {
    padding-top: 21px;
    padding-bottom: 14px;
    position: relative
}

@media (max-width: 1199.98px) {
    .header {
        padding-bottom: 50px
    }
}

@media (max-width: 767.98px) {
    .header {
        padding-top: 15px;
        padding-bottom: 4px
    }

    .header .header__button, .header .header__link, .header .header__menu, .header .header__subBlock {
        display: none
    }

    .header__mobileButton {
        position: absolute;
        left: 12px;
        top: 14px;
        font-size: 19px;
        background-color: transparent;
        border: 0;
        padding: 0
    }

    .header__mobileButton svg {
        width: 14px;
        height: 14px;
        margin-top: 7px
    }
}

@media (min-width: 768px) {
    .header__mobileButton {
        display: none
    }
}

@media (max-width: 767.98px) {
    .header__logo {
        width: 100px
    }
}

@media (max-width: 1199.98px) {
    .header__subBlock {
        justify-content: center
    }
}

@media (min-width: 768px) {
    .header__subBlock {
        display: flex;
        justify-content: flex-end
    }
}

.header__subMenu {
    margin: 0;
    padding-left: 0;
    padding-right: 34px;
    list-style-type: none
}

@media (min-width: 768px) {
    .header__subMenu {
        display: flex
    }
}

.header__subMenuItem:not(:last-child) {
    margin-right: 30px
}

.header__subMenuLink {
    font-size: 11px;
    letter-spacing: .2px;
    color: #91a3b1;
    text-transform: uppercase
}

.header__subMenuLink:focus, .header__subMenuLink:hover {
    color: #0e1e2a
}

.header__subInfo {
    font-size: 16px;
    color: #0e1e2a;
    text-decoration: none
}

@media (max-width: 767.98px) {
    .header__subInfo {
        margin-top: 30px
    }
}

.header__subInfoImg {
    margin-right: 9px
}

.header__mainBlock {
    margin-top: 11px;
    display: flex;
    align-items: center
}

@media (max-width: 1199.98px) {
    .header__mainBlock {
        display: block;
        text-align: center
    }
}

@media (max-width: 767.98px) {
    .header__mainBlock {
        margin-top: 0
    }
}

.header__menu {
    list-style-type: none;
    margin-top: 10px
}

@media (max-width: 1199.98px) {
    .header__menu {
        justify-content: center;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

@media (min-width: 768px) {
    .header__menu {
        padding-left: 28px;
        display: flex;
        flex: 1
    }
}

@media (max-width: 767.98px) {
    .header__menu {
        padding-left: 0;
        text-align: left;
        margin-top: 0
    }
}

.header__menuItem {
    position: relative
}

.header__menuItem:hover .header__menuChild {
    display: block;
    position: absolute;
    z-index: 2
}

.header__menuItem:not(:last-child) {
    margin-right: 16px
}

.header__menuLink {
    color: #0e1e2a;
    font-weight: 400;
    transition: 0s;
}

.header__menuLink.active, .header__menuLink:hover {
    /*padding-bottom: 8px;*/
    border-bottom: 4px solid #1eb193
}

.header__menuChild {
    display: none;
    position: absolute;
    padding: 20px;
    background-color: #fff;
    list-style-type: none;
    top: 25px;
    box-shadow: 0 0 20px 3px #0000002e;
    width: 205px
}

.header__menuChildItem:not(:last-child) {
    margin-bottom: 10px
}

.header__menuChildLink {
    color: #0e1e2a;
    font-weight: 700;
    transition: 0s
}

.header__menuChildLink.active, .header__menuChildLink:hover {
    padding-bottom: 2px;
    border-bottom: 4px solid #1eb193
}

.header__button {
    padding-top: 11px;
    padding-bottom: 11px;
    text-transform: uppercase;
    font-weight: 500
}

.header__link {
    color: #234a4d;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px
}

@media (min-width: 768px) {
    .header__link {
        margin-left: 30px
    }
}

.footer {
    font-size: 12px;
    margin-top: auto
}

.footerMain {
    background-color: #f2f2f2;
    padding-top: 48px;
    padding-bottom: 25px
}

@media (max-width: 767.98px) {
    .footerMain {
        padding-top: 30px
    }
}

@media (max-width: 991.98px) {
    .footerMain__row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        grid-gap: 30px
    }
}

@media (max-width: 767.98px) {
    .footerMain__row {
        display: block
    }
}

.footerMain__logo {
    width: 140px
}

@media (max-width: 767.98px) {
    .footerMain__logo {
        width: 157px;
        margin-bottom: 22px
    }
}

.footerMain__list {
    list-style-type: none;
    padding-left: 0;
    margin: 0
}

@media (max-width: 767.98px) {
    .footerMain__list {
        display: none
    }
}

.footerMain__listItem:not(:last-child) {
    margin-bottom: 5px
}

.footerMain__listLink {
    color: #91a3b1
}

.footerMain__listLink:hover, .footerMain__paragraph a {
    color: #0e1e2a
}

.footerMain__paragraph {
    font-weight: 500;
    margin-top: 0;
    line-height: 1.4
}

.footerMain__paragraph:not(:last-child) {
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .footerMain__paragraph {
        line-height: 1.6
    }

    .footerMain__paragraph:not(:last-child) {
        margin-bottom: 11px
    }
}

@media (max-width: 767.98px) {
    .footerMain__paragraph a {
        color: #1eb193;
        text-decoration: underline
    }
}

.footerSecondary {
    background-color: #0e1e2a;
    padding-top: 4px;
    padding-bottom: 7px
}

@media (max-width: 767.98px) {
    .footerSecondary a {
        color: #1eb193;
        text-decoration: underline
    }

    .footerSecondary {
        background-color: #f2f2f2
    }
}

.footerSecondary__container {
    display: flex;
    align-items: center
}

@media (max-width: 767.98px) {
    .footerSecondary__container {
        display: block
    }
}

.footerSecondary__copyright {
    min-width: 250px;
    margin-right: 21px;
    color: #fff;
    font-weight: 500;
    font-size: 12px
}

@media (max-width: 767.98px) {
    .footerSecondary__copyright {
        color: #0e1e2a
    }
}

.footerSecondary__list {
    padding-left: 0;
    list-style-type: none
}

@media (min-width: 768px) {
    .footerSecondary__list {
        display: flex;
        flex: 1
    }
}

.footerSecondary__listItem {
    position: relative
}

.footerSecondary__listItem:not(:last-child) {
    margin-right: 38px
}

@media (max-width: 767.98px) {
    .footerSecondary__listItem:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.footerSecondary__listItem:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -19px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #9b9b9b
}

@media (max-width: 767.98px) {
    .footerSecondary__listItem:not(:last-child)::after {
        content: none
    }
}

.footerSecondary__listLink {
    color: #9b9b9b
}

@media (max-width: 767.98px) {
    .footerSecondary__controls {
        display: none
    }
}

.footerSecondary__languageSwitcher {
    color: #fff;
    font-size: 12px;
    font-weight: 500
}

.contactForm {
    margin-bottom: 156px;
    text-align: center
}

@media (max-width: 767.98px) {
    .contactForm {
        padding-top: 40px;
        margin-bottom: 30px
    }
}

.contactForm__title {
    margin-bottom: 49px
}

@media (max-width: 767.98px) {
    .contactForm__title {
        margin-bottom: 33px
    }
}

.contactForm__container {
    width: 580px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 991.98px) {
    .contactForm__container {
        width: 100%
    }
}

.contactForm__elementWrapper {
    position: relative
}

.contactForm__elementWrapper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #1eb193;
    transition: height .2s
}

.contactForm__elementWrapper.focus::after {
    height: 5px
}

.contactForm__textElement {
    width: 100%;
    max-width: 100%;
    padding: 15px 12px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    border: 0;
    position: relative
}

.contactForm__textElement.error {
    background-color: #ff00001c
}

.contactForm__textElement + label {
    display: none !important
}

@media (max-width: 767.98px) {
    .contactForm__textElement {
        font-size: 12px
    }
}

.contactForm__textElement:focus {
    outline: 0
}

.contactForm__groupWrapper {
    display: grid
}

@media (min-width: 768px) {
    .contactForm__groupWrapper {
        gap: 11px;
        grid-gap: 11px
    }
}

.contactForm__submit {
    margin-top: 45px
}

.contactForm__text {
    font-size: 10px;
    line-height: 1.2;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 38px;
    color: #91a3b1
}

@media (max-width: 767.98px) {
    .contactForm__text {
        margin-top: 18px
    }
}

.mobileMenu {
    padding-left: 13px;
    padding-top: 12px
}

.mobileMenu__list {
    padding-left: 0;
    margin: 0;
    list-style-type: none
}

.mobileMenu__listItem {
    margin-bottom: 14px
}

.mobileMenu__listItem.active .mobileMenu__listLink.parent::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.mobileMenu__listItem.active .mobileMenu__listChild {
    display: block
}

.mobileMenu__listLink {
    font-weight: 500;
    color: #0e1e2a;
    position: relative
}

.mobileMenu__listLink.parent::after {
    content: '';
    position: absolute;
    background-image: url(/local/templates/main/tpl/assets/css/../img/arrow-black.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 10px;
    right: -25px;
    top: 6px
}

.mobileMenu__listChild {
    margin: 13px 0 0;
    padding-left: 0;
    list-style-type: none;
    font-size: 15px;
    display: none
}

.mobileMenu__controlsItem:not(:last-child), .mobileMenu__listChildItem:not(:last-child) {
    margin-bottom: 14px
}

.mobileMenu__listChildLink {
    color: #0e1e2a
}

.mobileMenu__controls {
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 14px;
    border-top: 1px solid #0e1e2a;
    border-bottom: 1px solid #0e1e2a;
    width: 210px
}

.mobileMenu__controlsItem img, .mobileMenu__controlsItem svg {
    margin-right: 6px
}

.mobileMenu__controlsLink {
    color: #0e1e2a
}

.mobileMenu__subMenu {
    padding-left: 0;
    margin: 15px 0 0;
    list-style-type: none
}

.mobileMenu__subMenuItem:not(:last-child) {
    margin-bottom: 10px
}

.mobileMenu__subMenuLink {
    color: #91a3b1
}

.mobileMenu__info {
    margin-top: 67px
}

.mobileMenu__infoAccent {
    font-size: 24px
}

.mobileMenu__infoText {
    font-size: 13px;
    color: #91a3b1
}

.footerServices {
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 100%;
    max-width: 1366px
}

.footerServices::after, .footerServices::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    z-index: 0
}

.footerServices::after {
    right: 0;
    background-color: #1eb193
}

.footerServices::before {
    left: 0;
    background-color: #00938e
}

@media (max-width: 1199.98px) {
    .footerServices {
        display: block
    }
}

@media (max-width: 767.98px) {
    .footerServices {
        display: none
    }
}

.footerServices__item {
    display: flex;
    padding-top: 51px;
    padding-right: 100px;
    padding-bottom: 47px;
    color: #fff;
    position: relative;
    z-index: 1
}

.footerServices__item .mainCategories__link, .footerServices__item .mainNews__itemLink, .footerServices__item .more, .footerServices__item .publicationMore__arrow {
    flex: none
}

.footerServices__item_light .mainCategories__link, .footerServices__item_light .mainNews__itemLink, .footerServices__item_light .more, .footerServices__item_light .publicationMore__arrow {
    background-color: #00938d
}

.footerServices__item_right {
    padding-left: 100px;
    padding-right: 0
}

.footerServices__title {
    font-size: 29px;
    display: block;
    margin-bottom: 19px
}

.footerServices__text {
    font-size: 14px
}

.footerServices__info {
    padding-left: 16px;
    display: flex;
    flex-direction: column
}

.footerServices__link {
    margin-top: auto;
    text-align: right;
    font-size: 15px
}

.servicesList {
    margin-top: 85px;
    padding-bottom: 67px
}

.servicesList .button, .servicesList .contactForm__submit, .servicesList .header__button {
    width: 380px;
    font-size: 19px
}

@media (max-width: 767.98px) {
    .servicesList .button, .servicesList .contactForm__submit, .servicesList .header__button {
        width: 100%
    }

    .servicesList {
        margin-top: 38px;
        width: 100%
    }
}

.servicesList__mainTitle {
    font-weight: bolder;
    margin-bottom: 82px
}

@media (max-width: 767.98px) {
    .servicesList__mainTitle {
        font-size: 33px;
        line-height: 1;
        margin-bottom: 24px
    }
}

.servicesList__container {
    width: 975px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1199.98px) {
    .servicesList__container {
        width: 100%
    }
}

.servicesList__item {
    margin-bottom: 110px
}

@media (max-width: 767.98px) {
    .servicesList__item {
        margin-bottom: 18px
    }
}

.servicesList__img {
    height: 85px;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle
}

.servicesList__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    margin-top: 37px;
    margin-bottom: 27px
}

@media (max-width: 767.98px) {
    .servicesList__title {
        margin-top: 2px
    }
}

.servicesList__text {
    line-height: 1.4
}

.mainSlider {
    position: relative;
    width: 100%;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto
}

@media (max-width: 767.98px) {
    .mainSlider .founders {
        display: none
    }
}

.mainSlider__item {
    padding-top: 65px;
    padding-bottom: 58px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media (max-width: 767.98px) {
    .mainSlider__item {
        padding-top: 58px;
        padding-left: 14px;
        height: 542px
    }
}

.mainSlider__brand {
    font-size: 24px;
    position: relative;
    margin-top: 47px
}

@media (max-width: 767.98px) {
    .mainSlider__brand {
        font-size: 21px
    }
}

.mainSlider__brand::after {
    content: '';
    position: absolute;
    margin-top: 23px;
    height: 4px;
    display: block;
    width: 55px;
    background-color: #1eb193
}

.mainSlider__title {
    font-size: 36px;
    line-height: 1.2;
    margin-top: 50px;
    margin-bottom: 0;
    font-weight: 700
}

@media (max-width: 767.98px) {
    .mainSlider__title {
        font-size: 26px;
        margin-top: 40px;
        line-height: 1.2
    }
}

@media (min-width: 768px) {
    .mainSlider__mobileText {
        display: none
    }
}

@media (max-width: 767.98px) {
    .mainSlider__mobileText {
        line-height: 1.5;
        bottom: 0;
        position: absolute;
        height: 100%;
        margin-bottom: -350px
    }
}

.mainSlider__dots {
    position: absolute;
    left: -20px;
    bottom: 65px;
    width: 100%
}

@media (max-width: 767.98px) {
    .mainSlider__dots {
        display: none
    }
}

.mainSlider__dots .slick-dots {
    display: flex
}

.mainSlider__dots .mainSlider__dotsButton {
    width: 8px;
    height: 8px;
    background-color: rgba(255, 255, 255, .5);
    border: 0;
    border-radius: 50%;
    padding: 0;
    margin-left: 17px;
    cursor: pointer
}

.mainSlider__dots .mainSlider__dotsButton:focus {
    outline: 0
}

.mainSlider__dots .slick-active .mainSlider__dotsButton {
    background-color: #fff
}

.mainCategories {
    padding-top: 36px;
    padding-bottom: 71px
}

@media (max-width: 767.98px) {
    .mainCategories {
        padding-top: 29px;
        padding-bottom: 46px
    }
}

.mainCategories__container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    gap: 10px
}

@media (max-width: 991.98px) {
    .mainCategories__container {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr)
    }
}

@media (max-width: 767.98px) {
    .mainCategories__container {
        display: block
    }
}

.mainCategories__link {
    margin-top: auto;
    margin-left: auto
}

@media (max-width: 767.98px) {
    .mainCategories__link {
        position: absolute;
        right: 16px;
        top: 10px;
        width: 18px;
        height: 19px
    }
}

.mainCategories__item {
    display: flex;
    min-height: 238px;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 7px 12px;
    position: relative
}

.mainCategories__item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2)
}

.mainCategories__item * {
    position: relative;
    z-index: 1
}

.mainCategories__title {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 12px
}

@media (max-width: 767.98px) {
    .mainCategories__title {
        padding-right: 50px;
        font-size: 23px
    }
}

.mainCategories__postTitle {
    color: #fff;
    font-size: 14px;
    line-height: 1.25
}

.mainCategories__text ul {
    padding-left: 15px;
    margin-top: 14px
}

@media (min-width: 768px) {
    .mainCategories__text {
        display: none
    }
}

@media (max-width: 767.98px) {
    .mainCategories__text {
        font-size: 10px;
        color: #fff;
        margin-top: 21px;
        line-height: 1.3
    }
}

.mainNews {
    background-color: #f2f2f2;
    padding-bottom: 73px
}

.mainNews .slick-track {
    margin-left: 40px
}

@media (max-width: 767.98px) {
    .mainNews {
        margin-top: 25px;
        padding-top: 9px;
        padding-bottom: 0;
        background-color: transparent
    }
}

@media (max-width: 991.98px) {
    .mainNews .slick-track {
        display: flex
    }

    .mainNews .slick-slide {
        float: none
    }

    .mainNews__mainBlock {
        margin-bottom: 50px
    }
}

@media (max-width: 767.98px) {
    .mainNews__mainBlock {
        display: flex;
        align-items: center;
        margin-bottom: 16px
    }
}

.mainNews__title {
    margin-top: 74px;
    margin-bottom: 84px
}

@media (max-width: 991.98px) {
    .mainNews__title {
        margin-bottom: 40px
    }
}

@media (max-width: 767.98px) {
    .mainNews__title {
        margin-top: 0;
        margin-bottom: 0;
        flex: 1
    }
}

.mainNews__link {
    color: #1eb193;
    font-size: 17px
}

.mainNews__link:hover {
    color: #0e1e2a
}

@media (max-width: 767.98px) {
    .mainNews__link {
        font-size: 13px
    }
}

.mainNews__item {
    border-left: 1px solid #1eb193;
    padding-top: 76px;
    padding-left: 30px;
    line-height: 20px;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    color: #0e1e2a
}

@media (max-width: 991.98px) {
    .mainNews__item {
        padding-top: 30px
    }
}

@media (max-width: 767.98px) {
    .mainNews__item {
        border-left: none;
        padding-left: 25px;
        padding-top: 0;
        background-color: #f1f1f1;
        min-height: 270px
    }

    #product-slider-nav {
        display: none
    }
}

.mainNews__itemDate {
    color: #1eb193;
    font-size: 12px
}

@media (max-width: 767.98px) {
    .mainNews__itemDate {
        margin-top: 15px;
        font-size: 14px;
        font-weight: 500
    }
}

.mainNews__itemImg {
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    margin-top: 54px;
    margin-bottom: 15px
}

@media (max-width: 1199.98px) {
    .mainNews__itemImg {
        max-width: 100%
    }
}

@media (max-width: 767.98px) {
    .mainNews__itemImg {
        margin-top: 25px
    }
}

.mainNews__itemTitle {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 21px;
    height: 120px;
}

.mainNews__itemText {
    font-size: 12px
}

@media (max-width: 767.98px) {
    .mainNews__itemTitle {
        height: auto;
    }
    .mainNews__itemText {
        display: none
    }
}

.mainNews__itemLink {
    margin-top: auto
}

@media (max-width: 767.98px) {
    .mainNews__itemLink {
        display: none
    }
}

.mainNews__arrows {
    margin-top: 48px;
    text-align: right
}

.mainNews__arrowsDefault {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAICAYAAAABfSQaAAAATUlEQVR4AWOgB5DaPFNEbuPkK3LrJxozDASQ3TQ5C+iAz3KbpvgMiANAFoMcIL9pcjJYAMhpoCeW3Th5DsgBIPaAWj5gwT6cExzhrAYAYceXlWimMU0AAAAASUVORK5CYII=);
    background-color: transparent;
    width: 31px;
    height: 8px;
    border: 0
}

.mainNews__arrowsDefault:not(:last-child), .publicationContent__slider .slick-dots > li:not(:last-child) {
    margin-right: 10px
}

.mainNews__arrowsDefault.slick-disabled {
    cursor: default;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAIBAMAAAAckVIXAAAAIVBMVEUAAAAOHioOHioOHioOHioOHioOHioOHioOHioOHioOHirCZci9AAAAC3RSTlMAgPHKl1dRRT5ubWkjjgcAAAAlSURBVAjXY0AGzAUMKIBNlQEVNC1gEEQGIorofDT1E9DNQ7cPAFBNBZVjZk6tAAAAAElFTkSuQmCC)
}

.mainNews__arrowsPrev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.projects {
    margin: 72px auto 166px;
    max-width: 1366px;
    width: 100%
}

@media (max-width: 767.98px) {
    .projects {
        margin-top: 45px;
        margin-bottom: 50px
    }
}

.projects__wrapper {
    background-image: url(/local/templates/main/tpl/assets/css/../img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 31px;
    padding-top: 76px;
    padding-bottom: 76px
}

@media (max-width: 767.98px) {
    .projects__wrapper {
        margin-top: 15px;
        padding-top: 0;
        padding-bottom: 40px
    }
}

.projects__container {
    width: 1000px
}

@media (max-width: 1199.98px) {
    .projects__container {
        width: 100%
    }
}

.projects__subtitle {
    font-size: 24px;
    color: #fff
}

@media (max-width: 767.98px) {
    .projects__subtitle {
        font-size: 18px;
        font-weight: 700
    }
}

.projects__info {
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%
}

@media (max-width: 767.98px) {
    .projects__info {
        text-align: center;
        font-size: 15px;
        margin-top: 20px
    }
}

.projects__infoTitle {
    color: #9af9d6;
    font-size: 24px;
    margin-top: 58px;
    margin-bottom: 23px
}

@media (max-width: 767.98px) {
    .projects__infoTitle {
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.projects__infoImg {
    width: 100%
}

@media (max-width: 767.98px) {
    .projects__infoImg {
        height: 175px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (max-width: 991.98px) {
    .projects__infoText {
        margin-bottom: 40px
    }
}

@media (max-width: 767.98px) {
    .projects__infoText {
        margin-bottom: 20px
    }
}

.projects__infoButtons {
    margin-top: auto
}

.projects__infoButton {
    background-color: #00938e;
    color: #fff;
    display: inline-flex;
    padding: 15px 50px
}

@media (min-width: 768px) {
    .projects__infoButton:not(:last-child) {
        margin-right: 10px
    }
}

.page404 a.button_link:hover, .projects__infoButton:active {
    background-color: #0e1e2a
}

@media (max-width: 1199.98px) {
    .projects__infoButton {
        margin-bottom: 15px
    }
}

@media (max-width: 767.98px) {
    .projects__infoButton {
        text-align: center
    }

    .projects__dots {
        margin-top: 28px
    }
}

.projects__dots .slick-dots {
    display: flex;
    justify-content: center
}

.projects__dotsButton {
    width: 8px;
    height: 8px;
    background-color: rgba(255, 255, 255, .5);
    border: 0;
    border-radius: 50%;
    padding: 0;
    margin-left: 17px;
    cursor: pointer
}

.projects__dotsButton:focus {
    outline: 0
}

.projects__dots .slick-active .projects__dotsButton, .publicationContent__slider .slick-dots > li.slick-active button {
    background-color: #1eb193
}

.projects .slick-arrow {
    position: absolute;
    background-image: url(/local/templates/main/tpl/assets/css/../img/arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    width: 20px;
    height: 45px;
    top: calc(50% - 22.5px);
    border-width: 0;
    text-indent: -99999px;
    overflow: hidden;
    opacity: .5
}

.projects .slick-arrow:active, .projects .slick-arrow:hover {
    opacity: 1
}

.projects .slick-prev {
    left: -90px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.projects .slick-next {
    right: -90px
}

.founders__title {
    font-size: 12px
}

@media (max-width: 767.98px) {
    .founders__title {
        text-align: center;
        font-size: 15px;
        font-weight: 500
    }
}

.founders__list {
    list-style-type: none;
    padding-left: 0;
    margin-top: 27px;
    margin-bottom: 0
}

.founders__img {
    width: 56px;
    height: 56px;
    -o-object-fit: cover;
    object-fit: cover
}

.founders__item {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 9px 18px
}

.founders__item:not(:last-child) {
    margin-bottom: 10px
}

.founders__text {
    font-size: 10px;
    color: #91a3b1;
    margin-left: 14px;
    line-height: 1.3
}

@media (min-width: 768px) {
    .mobileFounders {
        display: none
    }
}

@media (max-width: 767.98px) {
    .mobileFounders .founders__list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 20px
    }

    .mobileFounders .founders__text {
        display: none
    }
}

.softIntro {
    width: 840px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    grid-gap: 40px;
    padding-top: 20px
}

@media (max-width: 1199.98px) {
    .softIntro {
        width: 100%
    }
}

@media (max-width: 991.98px) {
    .softIntro {
        grid-template-columns: 1fr
    }
}

.softIntro__item {
    padding: 34px 30px 41px 60px;
    min-height: 325px;
    display: flex;
    flex-direction: column
}

@media (max-width: 767.98px) {
    .softIntro__item {
        padding: 29px 29px 22px 17px
    }
}

.softIntro__item_light {
    background-color: #09c4ac
}

.softIntro__item_dark {
    background-color: #2ea7a2
}

.softIntro__itemTitle {
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 17px
}

.softIntro__itemText {
    color: #fff;
    line-height: 1.5
}

.softIntro__itemLink {
    display: flex;
    justify-content: flex-end;
    margin-top: auto
}

.softSubPageIntro__info {
    font-size: 15px;
    line-height: 23px
}

.softSubPageIntro__info p {
    margin: 0
}

.softSubPageIntro__info p:not(:last-child) {
    margin-bottom: 25px
}

@media (max-width: 767.98px) {
    .softSubPageIntro__info .button, .softSubPageIntro__info .contactForm__submit, .softSubPageIntro__info .header__button {
        width: 100%
    }
}

@media (max-width: 991.98px) {
    .softSubPageIntro__img {
        margin-bottom: 30px
    }
}

.softSubPageFeatures {
    background-color: #f2f2f2;
    padding-bottom: 72px
}

.softSubPageFeatures__item {
    border-left: 1px solid #1eb193;
    padding-left: 29px;
    padding-top: 72px;
    height: 100%
}

@media (min-width: 992px) {
    .softSubPageFeatures__item_last {
        margin-left: 30px
    }
}

@media (max-width: 767.98px) {
    .softSubPageFeatures__item {
        border-left: none;
        padding-left: 9px;
        padding-top: 31px
    }
}

.softSubPageFeatures__title {
    font-size: 24px;
    font-weight: 700
}

.softSubPageFeatures__text {
    line-height: 1.4
}

.softSubPageSolution {
    background-color: #128a91;
    color: #fff;
    padding-top: 70px;
    padding-bottom: 76px;
    margin-right: auto;
    margin-bottom: 145px;
    margin-left: auto;
    width: 100%;
    max-width: 1366px
}

@media (max-width: 767.98px) {
    .softSubPageSolution {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 0
    }
}

.softSubPageSolution__title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px
}

.softSubPageSolution__list {
    padding-left: 0;
    list-style-type: none;
    margin: 0;
    line-height: 1.5;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 26px;
    -moz-column-gap: 26px;
    column-gap: 26px
}

@media (max-width: 991.98px) {
    .softSubPageSolution__list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.softSubPageSolution__list li {
    margin-bottom: 20px
}

.catalogFilter {
    display: flex;
    margin-top: 20px
}

@media (max-width: 767.98px) {
    .catalogFilter {
        display: block
    }
}

.catalogFilter__button {
    border: 1px solid #1eb193;
    background-color: #fff;
    padding: 8px 17px;
    font-size: 12px
}

@media (max-width: 767.98px) {
    .catalogFilter__button {
        width: 100%;
        text-align: left
    }
}

@media (min-width: 768px) {
    .catalogFilter__button:not(:last-child) {
        margin-right: 20px
    }
}

@media (max-width: 767.98px) {
    .catalogFilter__button:not(:last-child) {
        margin-bottom: 20px
    }
}

.catalogFilter__button_select {
    -webkit-appearance: none;
    border-radius: 0;
    padding-right: 47px;
    position: relative;
    background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAKCAMAAABlokWQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAXVBMVEUAAAAOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioOHioAAAAiSmf9AAAAHXRSTlMAN9EoLeztPM33U1Qb/W/QD7uNAgai4AGGaE721i7sHlIAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH4wkHEgYosI7hJgAAAGhJREFUCNdVjVkOgCAMRAcUcUPFFZfe/5q2ikbfR+dl0rSA0gkeEq2A1FBmY2EzMilyIirKq6gK9hy15nANF41ja2ug8yzUD72E72R5nMRnGdN4H1wC3YTl/brKCbfiw7bTvuGHOlS0E6D+B4dZfx0IAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: right 17px center
}

@media (max-width: 767.98px) {
    .catalogPage {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 19px
    }
}

.catalogPage__title {
    font-size: 24px;
    font-weight: 700
}

.catalogPage__header {
    display: flex;
    align-items: center;
    position: relative
}

.catalogPage__control {
    flex: 1
}

.catalogPage__infoPages {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.catalogPage__infoPages_abs {
    position: absolute;
    width: 100%;
    left: -33px;
    top: 10px;
    z-index: 0
}

@media (max-width: 767.98px) {
    .catalogPage__infoPages {
        display: none
    }
}

.catalogPage__infoPages ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
    display: flex
}

.catalogPage__infoPages ul li:not(:last-child) {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #91a3b1
}

.catalogPage__infoPages a {
    color: #1eb193
}

.catalogPage__infoTitle {
    color: #91a3b1;
    margin-right: 10px
}

.catalogPage__info {
    display: flex;
    margin-left: auto;
    position: relative;
    z-index: 1
}

@media (max-width: 767.98px) {
    .catalogPage__info {
        display: none
    }
}

.catalogPage__infoPagination {
    display: flex;
    margin-left: 10px
}

.catalogPage__infoPagination > a:not(:last-child) {
    margin-right: 6px
}

.catalogPage__list {
    margin-top: 21px
}

.catalogPage__item {
    height: calc(100% - 70px);
    display: flex;
    flex-direction: column;
    margin-bottom: 70px
}

.catalogPage__itemImg a {
    position: absolute;
    width: 100%;
    height: 100%
}

.catalogPage__itemImg {
    background-color: #eceeef;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 280px;
    padding: 30px
}

.catalogPage__itemImg img {
    max-width: 100%;
    max-height: 100%
}

.catalogPage__itemBadge {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 11px;
    padding: 3px 7px;
    text-transform: uppercase
}

.catalogPage__itemBadge_purple {
    background-color: #9174bd
}

.catalogPage__itemBadge_darkBlue {
    background-color: #6f92b9
}

.catalogPage__itemBadge_blue {
    background-color: #53b5cd
}

.catalogPage__itemTitle {
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 9px;
    font-weight: 500;
    line-height: 1.4
}

@media (max-width: 767.98px) {
    .catalogPage__itemTitle {
        padding-left: 0
    }
}

.catalogPage__itemText {
    padding: 0 12px;
    margin-top: 14px;
    font-size: 15px;
    color: #91a3b1;
    line-height: 1.3
}

@media (max-width: 767.98px) {
    .catalogPage__itemText {
        padding-left: 0
    }
}

.catalogPage__itemButton {
    display: inline-block;
    min-width: 160px;
    font-size: 16px;
    font-weight: 100;
    margin-top: 20px;
    padding: 9px
}

.catalogPage__itemFooter {
    margin-top: auto
}

.productPage__mainContainer {
    display: flex
}

.productPage__mainContainerMainColumn {
    width: calc(80% - 20px);
    margin-right: 20px
}

@media (max-width: 991.98px) {
    .productPage__mainContainer {
        display: block
    }

    .productPage__mainContainerMainColumn {
        width: 100%;
        margin-right: 0
    }
}

.productPage__column {
    width: calc(20% - -20px)
}

@media (max-width: 991.98px) {
    .productPage__column {
        margin-top: 50px;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .productPage__column .mainCategories__item {
        width: 44%;
        margin: 20px 0
    }
}

@media (max-width: 767.98px) {
    .productPage__column .mainCategories__item {
        flex-wrap: unset;
        padding: 19px 14px 30px;
        position: relative;
        background-image: none !important;
        min-height: auto;
        margin: 0;
        width: 98%
    }

    .mainCategories__item:nth-child(n+1) {
        background-color: #2ea7a2
    }

    .mainCategories__item:nth-child(2n+1) {
        background-color: #128a91
    }

    .mainCategories__item:nth-child(3n+1) {
        background-color: #04bda5
    }

    .mainCategories__item:nth-child(4n+1) {
        background-color: #4fb868
    }

    .mainCategories__item:not(:last-child) {
        margin-bottom: 20px
    }
}

@media (max-width: 768px) {
    .productPage__column {
        flex-direction: column;
        flex-wrap: unset
    }
}

.productPage__column .mainCategories__item:not(:last-child) {
    margin-bottom: 20px
}

.productPage__mainImg {
    height: 460px;
    display: flex;
    flex-direction: column;
    color: #1b1b1b;
    padding: 6px 29px;
    margin-bottom: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    align-content: center;
    background-position: left
}

.productPage__mainImg_media {
    padding: 0
}

@media (max-width: 991.98px) {
    .productPage__mainImg {
        align-items: center;
        text-align: center;
        justify-content: center;
        height: 320px
    }
}

@media (max-width: 767.98px) {
    .productPage__mainImg {
        height: 250px;
        background-size: contain;
        width: 100%
    }
}

.productPage__title {
    margin-top: auto;
    font-size: 32px;
    font-weight: 700
}

.productPage__text, .productPage__title {
    text-align: left;
    width: 100%
}

@media (max-width: 991.98px) {
    .productPage__title {
        margin-top: 0;
        font-size: 24px;
        text-align: left;
        width: 100%
    }

    .productPage__text {
        display: none
    }
}

.productPage__images img {
    width: 180px;
    height: 120px;
    -o-object-fit: contain;
    object-fit: contain
}

.productPage__images img:not(:last-child) {
    margin-right: 20px
}

@media (max-width: 991.98px) {
    .productPage__images img:not(:last-child) {
        margin-right: 0
    }

    .productPage__images img {
        width: 100%;
        height: 195px
    }
}

@media (min-width: 1024px) {
    .productPage__images .slick-track {
        width: 100% !important
    }
}

.productPageTabs {
    margin-top: 33px
}

.productPageTabs__caption {
    list-style-type: none;
    padding-left: 0;
    padding-bottom: 15px;
    display: flex;
    border-bottom: 1px solid #d7dde2;
    margin-top: 0;
    margin-bottom: 27px
}

@media (max-width: 991.98px) {
    .productPageTabs__caption {
        display: block
    }
}

.productPageTabs__item {
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase;
    color: #91a3b1;
    margin-right: 20px;
    cursor: pointer
}

@media (max-width: 991.98px) {
    .productPageTabs__item {
        font-size: 18px
    }
}

.productPageTabs__item.active {
    color: #0e1e2a
}

.productPageTabs__readmore {
    color: #1eb193;
    text-decoration: underline;
    font-weight: 700;
    margin-top: 20px
}

.productPageCustom {
    margin-top: 38px
}

.productPageCustom__title {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase
}

.productPageCustom__soft {
    padding-left: 0;
    width: 780px;
    margin: 0;
    grid-gap: 20px
}

@media (max-width: 1199.98px) {
    .productPageCustom__soft {
        width: 100%
    }
}

.productPageCustom__soft .softIntro__itemTitle {
    font-size: 16px;
    display: flex;
    align-items: center
}

.productPageCustom__soft .softIntro__itemText {
    font-size: 13px
}

.productPageCustom__soft .softIntro__item {
    padding: 28px 29px 25px;
    min-height: auto
}

@media (min-width: 992px) {
    .productPage__mainText {
        display: none
    }
}

.productPageServices__title {
    margin-bottom: 20px
}

.creditIntro {
    padding-top: 17px
}

.creditIntro__item {
    color: #fff;
    padding: 34px 30px 50px;
    height: 100%;
    display: flex;
    flex-direction: column
}

@media (max-width: 767.98px) {
    .creditIntro__item {
        height: calc(100% - 20px);
        margin-bottom: 20px
    }
}

.creditIntro__item_light {
    background-color: #09c4ac
}

.creditIntro__item_light .creditIntro__filesLink, .creditIntro__item_light .creditIntro__priceItemTitle {
    color: #87f7e7
}

.creditIntro__item_light .creditIntro__footerButton {
    background-color: #00938e
}

.creditIntro__item_dark {
    background-color: #2ea7a2
}

.creditIntro__item_dark .creditIntro__filesLink, .creditIntro__item_dark .creditIntro__priceItemTitle {
    color: #9af9d6
}

.creditIntro__item_dark .creditIntro__footerButton {
    background-color: #09c4ac
}

.creditIntro__title {
    font-size: 24px;
    font-weight: 700;
    color: #0e1e2a
}

.creditIntro__text {
    font-size: 15px;
    margin-top: 18px;
    margin-bottom: 28px;
    line-height: 1.5
}

.creditIntro__priceList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    grid-gap: 10px
}

@media (max-width: 767.98px) {
    .creditIntro__priceList {
        grid-template-columns: 1fr
    }
}

.creditIntro__priceItemTitle {
    color: #9af9d6;
    font-weight: 500;
    font-size: 20px
}

.creditIntro__priceItemText {
    font-size: 15px;
    margin-top: 2px
}

.creditIntro__answers {
    font-size: 13px;
    margin-top: 32px;
    line-height: 1.5
}

.creditIntro__files {
    padding-left: 0;
    margin: 34px 0 0;
    list-style-type: none
}

.creditIntro__filesItem {
    display: flex;
    align-items: center
}

.creditIntro__filesItem:not(:last-child) {
    margin-bottom: 20px
}

.creditIntro__filesImg {
    margin-right: 11px
}

.creditIntro__filesLink {
    color: #9af9d6;
    text-decoration: underline
}

.creditIntro__filesInfo {
    font-size: 13px
}

.creditIntro__filesWrapper {
    display: flex;
    flex-direction: column
}

.creditIntro__footer {
    display: grid;
    align-items: center;
    padding-top: 38px;
    margin-top: auto;
    grid-template-columns: 3fr 2fr;
    gap: 20px;
    grid-gap: 20px
}

@media (max-width: 767.98px) {
    .creditIntro__footer {
        grid-template-columns: 1fr;
        justify-items: center
    }
}

.creditIntro__footerButton {
    background-color: #09c4ac
}

.creditIntro__footerLink {
    color: #fff;
    text-decoration: underline
}

.blog__badge {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #9174bd;
    color: #fff;
    font-size: 11px;
    padding: 3px 26px;
    text-transform: uppercase;
    z-index: 1
}

.blogIntro__item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 5%
}

.blogIntro__item_main .blogIntro__infoTitle {
    font-size: 18px;
    box-shadow: 0 0 18px 0
}

@media (max-width: 767.98px) {
    .blogIntro__item {
        margin-bottom: 10px;
        height: calc(100% - 10px)
    }
}

.blogIntro__item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .1)
}

.blogIntro__item:hover::after {
    content: none
}

@media (min-width: 768px) {
    .blogIntro__row {
        margin-bottom: 10px
    }
}

.blogIntro__info {
    font-weight: 500;
    padding-top: 125px;
    margin-top: auto;
    position: relative;
    z-index: 1
}

.blogIntro__infoDate {
    color: rgba(255, 255, 255, .6);
    font-size: 14px;
    margin-bottom: 9px;
    padding-left: 3%
}

.blogIntro__infoTitle {
    color: #fff;
    font-size: 14px;
    box-shadow: 0 0 18px 0;
    background-color: rgba(0, 0, 0, .5);
    padding-left: 3%
}

.blogPost {
    margin-top: 50px
}

.blogPost__item {
    display: block;
    position: relative
}

@media (max-width: 767.98px) {
    .blogPost__item {
        margin-bottom: 20px
    }
}

.blogPost__img {
    height: 220px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 11px
}

.blogPost__date, .blogPost__title {
    font-weight: 500
}

.blogPost__date {
    color: #91a3b1;
    font-size: 14px
}

.blogPost__title {
    color: #0e1e2a;
    margin-top: 12px
}

.blogPagination {
    margin-top: 45px
}

@media (min-width: 768px) {
    .blogFilter {
        display: flex;
        justify-content: flex-end;
        margin-top: -30px
    }
}

@media (max-width: 991px) {
    .blogFilter {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 21px;
        justify-content: flex-start
    }
}

.blogFilter__textElement {
    width: 300px;
    height: 40px;
    font-size: 15px
}

@media (max-width: 767.98px) {
    .blogFilter__textElement {
        width: 100%
    }
}

.blogFilter__textElement.contactForm__textElement {
    border: 1px solid #eaeaea
}

.publication p {
    margin: 0;
    line-height: 1.4
}

.publication img {
    max-width: 100%
}

.publicationIntro {
    height: 500px;
    display: flex;
    padding-right: 20%;
    padding-bottom: 4%;
    padding-left: 20%;
    text-align: center;
    margin-bottom: 40px
}

@media (max-width: 767.98px) {
    .publicationIntro {
        padding-left: 15px;
        padding-right: 15px
    }
}

.publicationIntro__title {
    margin-top: auto;
    font-weight: 500;
    font-size: 32px;
    color: #fff
}

.publicationContent__container {
    width: 820px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0
}

@media (max-width: 1199.98px) {
    .publicationContent__container {
        width: 100%;
        padding: 10px 0
    }
}

.publicationContent__intro {
    background-color: #eceeef;
    padding: 23px;
    margin-bottom: 33px
}

.publicationContent__introCustom {
    background-color: #eceeef;
    padding: 23px;
    margin: 25px 0
}

.publicationContent__mediaText {
    color: #91a3b1;
    font-size: 14px;
    font-style: oblique;
    display: block;
    margin-top: 6px
}

.publicationContent p:not(:last-child) {
    margin-bottom: 27px
}

.publicationContent__slider {
    margin-bottom: 40px
}

.publicationContent__slider .slick-arrow {
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 40px;
    top: calc(50% - 20px);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAkCAMAAABR74GsAAAAVFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////8wXzyWAAAAG3RSTlMA7XHkdjcw6Do1bvHDPirermz5VKWZjFtWFQ7NLcu2AAAAjUlEQVQoz42TWQ6DMAxE07KkLZR99/3vyRIJ5LxI4M8nxxNPJsavIs+6xYdpKSKDDyPZKtcweclek4IfB2MFv9FTmNoTQugNIcDEhqAT+ml1G57Jzr+DNSCOF8fMRneaaodZa24oJ1ANmNflFtxY49MdmIZuus4XYmwkRsSAEQgmKiw53ib1kuxDP6CaV8hlFJBg09UUAAAAAElFTkSuQmCC);
    text-indent: -999px;
    overflow: hidden;
    border: 0
}

.publicationContent__slider .slick-prev {
    left: 50px
}

@media (max-width: 767.98px) {
    .publicationContent__slider .slick-prev {
        left: 10px
    }
}

.publicationContent__slider .slick-next {
    right: 50px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width: 767.98px) {
    .publicationContent__slider .slick-next {
        right: 10px
    }
}

.publicationContent__slider .slick-dots {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: 100%
}

@media (max-width: 767.98px) {
    .publicationContent__slider .slick-dots {
        bottom: 10px
    }
}

.publicationContent__slider .slick-dots button {
    background-color: #fff;
    border: 0;
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    padding: 0
}

@media (max-width: 767.98px) {
    .publicationContent__slider .slick-dots button {
        width: 10px;
        max-width: 10px;
        height: 10px
    }
}

.publicationContent__social {
    list-style-type: none;
    padding: 0;
    margin: 40px 0 0;
    display: flex
}

@media (max-width: 991.98px) {
    .publicationContent__social {
        display: block
    }
}

.publicationContent__socialItem {
    background-color: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 31px 14px;
    display: block
}

.publicationContent__socialItem:not(:last-child) {
    margin-right: 10px
}

@media (max-width: 991.98px) {
    .publicationContent__socialItem:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.publicationContent__socialItem_vk {
    background-color: #4d7198
}

.publicationContent__socialItem_fb {
    background-color: #3b5998
}

.publicationContent__socialItem_twitter {
    background-color: #39c3f4
}

.publicationContent__socialItem_ok {
    background-color: #ee8208
}

.publicationMore {
    position: relative
}

@media (max-width: 991.98px) {
    .publicationMore .slick-track {
        display: flex
    }

    .publicationMore .slick-slide {
        float: none
    }
}

.publicationMore__arrow {
    top: 86px;
    position: absolute
}

.publicationMore__arrow_prev {
    left: -45px
}

.publicationMore__arrow_next {
    right: -45px
}

@media (max-width: 991.98px) {
    .publicationMore__arrow_prev {
        left: 10px
    }

    .publicationMore__arrow_next {
        right: 10px
    }
}

.about__container {
    width: 820px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1199.98px) {
    .about__container {
        width: 100%
    }
}

.aboutIntro__img {
    max-width: 100%
}

.aboutIntro__info {
    line-height: 1.45
}

@media (min-width: 992px) {
    .aboutIntro__info {
        padding-left: 30px
    }
}

.aboutIntro__info p {
    margin-bottom: 22px
}

.aboutIntro__files {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.aboutIntro__filesItem {
    display: flex;
    align-items: center
}

.aboutIntro__filesItem:not(:last-child) {
    margin-bottom: 12px
}

@media (max-width: 767.98px) {
    .aboutIntro__filesItem {
        display: block
    }
}

.aboutIntro__filesType {
    width: 31px;
    height: 31px;
    margin-right: 11px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAA2FBMVEUAAAAAAAAAAAAAko4Ako4Ako4Ako4Ako4Ako4Ako4Ako4Ako4Ako4Ako4Ako4Ako4Ako4Ako4Ako4Ako6rq6sFBQUAko4Ako4Ako4Ako4Ako4Ako4Ako4Ako5cXFwAko4Ako4Ako4Ako4Ako4Ako4Ako4Ako4Ako5fX18Ako4Ako4Ako4Ako4Ako4Ako6oqKgAAAAXFxdcXFxjY2NpaWk7OztHR0cAko6srKyHh4crKysODg4JCQk2NjYzMzNTU1NSUlJYWFhJSUlISEgAko4Ako4Ako4AAAAiyLASAAAAR3RSTlMAtwv0Bfjku3uC8OinlA3rPdGjRhX51sW1rp2NdmxrY103LxLi2sC0pIhyZkInIxKvp6aimZFmHRoMCuzrr6mnp597e1dWFpydYFAAAAFaSURBVCjPdZPZloIwDIaDhbKDgICAiOK+b+M6+8r7v9EMCq0Okpsm+U7+k7QpUJtHfr/nuH44g6J9mV1DERsNUTGwEv2D84GsWJ2Lr019zMfXtKXz1eu4PZDHNAr1EXurxgpYILVSCAWLcFY/l0S4Y4LcPp98nyWa2y31646WSiPaVYVhKiSIZSEtrsN9DKbBwgxZZbgqT0HoamVYM1SqXcTgGSCr5XikAyeW4wai+EjxMccSSLn4y2eOP56puMtn/kPShBPDnKCZvGcpBUOAs8EWKV8u/+hwkQ3meFDlLMj4xt6tVjt7XcuvRf8G1iGD1zb245M9zCmY6Y2JXJvwYZKsCY31tOuO7JJHPLy+HciD8ui8shZ3fx3Q5OIEXFikE2TmroLEwiqiPk2pnHu7yDwyrwsiCZFv0Jn6Eje+VdurGPW8QBACr4ckNS708tMaYIQ4hPnJniR/Af9PG0Ri72LSAAAAAElFTkSuQmCC)
}

@media (max-width: 767.98px) {
    .aboutIntro__filesType {
        display: none
    }
}

.aboutIntro__filesLink {
    color: #21484d;
    text-decoration: underline
}

.aboutIntro__filesText {
    color: #939393
}

.aboutAccentBlock {
    background-color: #f2f2f2;
    margin-top: 75px;
    line-height: 1.5;
    padding: 36px 30px 132px
}

.aboutAccentBlock__features {
    margin-top: -114px
}

.aboutAccentBlock__features, .aboutAccentBlock__featuresCustom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    grid-gap: 20px
}

@media (max-width: 991.98px) {
    .aboutAccentBlock__features {
        grid-template-columns: 1fr
    }
}

.aboutAccentBlock__featuresItem {
    height: 220px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat
}

.aboutAccentBlock__featuresBadge {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 11px;
    padding: 3px 7px;
    text-transform: uppercase
}

.aboutAccentBlock__featuresBadge_purple {
    background-color: #9174bd
}

.aboutAccentBlock__featuresBadge_darkBlue {
    background-color: #6f92b9
}

.aboutAccentBlock__featuresBadge_blue {
    background-color: #53b5cd
}

.aboutMainImg {
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 4
}

@media (max-width: 991.98px) {
    .aboutMainImg {
        grid-column-end: 1;
        margin-top: 0
    }
}

.aboutProjects {
    margin-bottom: -20px
}

.contactPageInfo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    color: #fff;
    margin-top: -94px;
    position: relative;
    z-index: 10;
    gap: 20px;
    grid-gap: 20px
}

@media (max-width: 991.98px) {
    .contactPageInfo {
        grid-template-columns: 1fr
    }
}

.contactPageInfo__map {
    display: block;
    width: 100%;
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto
}

.contactPageInfo__map * {
    transition: 0s
}

.contactPageInfo__item {
    padding: 25px 30px
}

.contactPageInfo__item p {
    margin: 0;
    line-height: 1.4
}

.contactPageInfo__item p :not(:last-child) {
    margin-bottom: 16px
}

.contactPageInfo__item_phone {
    background-color: #128a91
}

.contactPageInfo__item_address .contactPageInfo__itemAccent, .contactPageInfo__item_mail .contactPageInfo__itemAccent, .contactPageInfo__item_mail a, .contactPageInfo__item_phone .contactPageInfo__itemAccent {
    color: #9af9d6
}

.contactPageInfo__item_address {
    background-color: #04bda5
}

.contactPageInfo__item_mail {
    background-color: #4fb868;
    grid-column-start: 1;
    grid-column-end: 3
}

@media (max-width: 991.98px) {
    .contactPageInfo__item_mail {
        grid-column-end: 1
    }
}

.contactPageInfo__itemAccent {
    font-size: 23px;
    font-weight: 700;
    margin: 10px 0 !important;
    display: inline-block
}

.shareholdersIntro {
    line-height: 1.45
}

.shareholdersIntro__img {
    max-width: 100%
}

.shareholdersIntro p {
    margin-bottom: 30px
}

.shareholdersCompanies {
    background-color: #f2f2f2;
    padding-bottom: 56px
}

.shareholdersCompanies__container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    grid-gap: 50px
}

@media (max-width: 1199.98px) {
    .shareholdersCompanies__container {
        gap: 0;
        grid-gap: 0;
        grid-template-columns: 1fr
    }
}

.shareholdersCompanies__item {
    padding-top: 80px;
    padding-left: 30px;
    border-left: 1px solid #1eb193
}

@media (max-width: 1199.98px) {
    .shareholdersCompanies__item {
        border-left: none
    }

    .shareholdersCompanies__item:not(:last-child) {
        border-bottom: 1px solid #1eb193
    }
}

@media (max-width: 767.98px) {
    .shareholdersCompanies__item {
        padding-left: 0;
        padding-top: 25px;
        padding-bottom: 25px
    }
}

.shareholdersCompanies___text {
    font-size: 15px
}

.shareholdersCompanies__img {
    margin-right: auto;
    margin-bottom: 24px;
    margin-left: auto;
    display: block
}

.shareholdersCompanies__title {
    font-weight: 600;
    font-size: 25px
}

.shareholdersCompanies__readmore a {
    color: #1eb193;
    text-decoration: underline;
    font-size: 14px
}

.team__container {
    width: 1020px;
    margin: 0 auto
}

@media (max-width: 1199.98px) {
    .team__container {
        width: 100%
    }
}

.team__content {
    margin-bottom: 50px
}

.teamList {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    grid-gap: 50px
}

@media (max-width: 1199.98px) {
    .teamList {
        grid-template-columns: 1fr
    }
}

.teamList__item {
    display: flex;
    align-items: center;
    line-height: 1.2
}

@media (max-width: 991.98px) {
    .teamList__item {
        display: block
    }
}

.teamList__itemImg {
    border-radius: 50%;
    margin-bottom: 20px
}

.teamList__itemInfo {
    padding-left: 20px
}

.teamList__name {
    font-size: 17px
}

.teamList__position {
    color: #91a3b1;
    margin-top: 18px
}

.teamList__contact {
    list-style-type: none;
    padding-left: 0
}

.teamList__contactLink {
    color: #00928e;
    text-decoration: underline;
    font-size: 17px;
    display: flex;
    margin-bottom: 18px
}

.teamList__contactImg {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 20px
}

.teamList__contactImg_email {
    background-image: url(/local/templates/main/tpl/assets/css/../img/mail.png)
}

.teamList__contactImg_phone {
    background-image: url(/local/templates/main/tpl/assets/css/../img/phone.png)
}

@media (min-width: 768px) {
    .projectsPageSelect {
        display: none
    }
}

.projectsPage .tabs__content {
    margin-top: 60px
}

.projectsPageGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    grid-gap: 20px
}

@media (max-width: 991.98px) {
    .projectsPageGrid {
        display: block
    }
}

.projectsPageGrid__item {
    padding: 25px 32px
}

@media (max-width: 991.98px) {
    .projectsPageGrid__item {
        margin-bottom: 20px
    }
}

.projectsPageGrid__item:nth-child(1) {
    background-color: #2ea7a2
}

.projectsPageGrid__item:nth-child(2) {
    background-color: #00938e
}

.projectsPageGrid__item:nth-child(3) {
    background-color: #04bda5
}

.projectsPageGrid__item:nth-child(4) {
    background-color: #78ba87
}

.projectsPageGrid__item:nth-child(5) {
    background-color: #4fb868
}

.projectsPageGrid__item:nth-child(6) {
    background-color: #26a154
}

.projectsPageGrid__title {
    text-transform: uppercase;
    font-weight: 700;
    word-break: break-all
}

.projectsPageGrid__category {
    background-color: #fff;
    display: inline-block;
    margin-top: 13px;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 7px 20px 10px 17px;
    color: #00938e
}

.projectsPageGrid__text {
    color: #fff;
    margin-bottom: 6px
}

.projectsPageGrid__link {
    color: #fff
}

.cats__head {
    display: none
}

.cats__body {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.news__cats {
    padding: 0 0 20px
}

@media (max-width: 991.98px) {
    .cats__body {
        display: flex;
        list-style-type: none;
        margin: 0;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        padding: 13px 7px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #fff;
        border-top: 1px solid rgba(18, 27, 40, .06);
        z-index: 1;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .cats__head {
        display: inline-block;
        color: #4d4d4d;
        font-weight: 600;
        text-transform: none;
        cursor: pointer;
        margin: 5px 0;
        width: 100%
    }

    .js-open {
        background-color: #fff;
        -webkit-box-shadow: 0 0 18px 0 rgba(18, 27, 40, .06);
        box-shadow: 0 0 18px 0;
        position: relative
    }

    .js-open .cats__body {
        visibility: visible;
        opacity: 1
    }
}

.cats__item {
    text-align: center;
    font-size: 13px;
    border: 1px solid #1eb193;
    cursor: pointer;
    margin-right: 10px
}

.cats__item.active {
    background-color: #00938e;
    color: #fff
}

.cats__input {
    display: none
}

.cats__label {
    min-width: 120px;
    padding: 7px 25px 8px 30px;
    display: block;
    cursor: pointer
}

.styled-checkbox {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0 0 0 5px;
    display: inline-flex
}

.styled-checkbox + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 25px;
    height: 25px;
    background: #f2f2f2;
    border-radius: 3px;
    border: 1px solid transparent
}

.styled-checkbox:hover + label:before {
    opacity: .8
}

.styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .12)
}

.styled-checkbox:checked + label:before {
    background: #f2f2f2;
    border: 1px solid #1eb193
}

.styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto
}

.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd
}

.styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 12px;
    top: 11px;
    background: #0e1e2a;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #0e1e2a, 4px 0 0 #0e1e2a, 4px -2px 0 #0e1e2a, 4px -4px 0 #0e1e2a, 4px -6px 0 #0e1e2a, 4px -8px 0 #0e1e2a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (min-width: 992px) {
    .mobile {
        display: none
    }
}

@media (max-width: 991px) {
    .dashboard__settings {
        flex-direction: column
    }

    .dashboard__settings-left {
        width: 100%;
        padding: 0
    }

    .dashboard__settings-left .left-title {
        font-size: 24px;
        text-transform: uppercase
    }

    .dashboard__settings-text {
        margin-top: 15px;
        margin-bottom: 20px
    }

    .dashboard__settings-right {
        width: 100%;
        padding: 0;
        margin-top: 15px
    }

    .dashboard__inputs {
        margin-top: 0
    }

    .dashboard__form-flex {
        flex-direction: column
    }

    .dashboard__form-flex > div {
        width: 100% !important
    }

    .dashboard__form-label {
        margin-top: 10px
    }

    .dashboard__form-flex input[type=submit] {
        padding: 17px 0;
        margin-top: 35px;
        margin-bottom: 30px
    }

    .dashboard__form input[type=text] {
        padding: 4px 0
    }

    .dashboard__acquired {
        background: #fff
    }

    .dashboard__acquired-left {
        width: 100%;
        padding: 0;
        border-right: 0
    }

    .dashboard .title, .dashboard__settings-left a {
        margin-bottom: 10px
    }

    .left-title {
        font-size: 16px;
        text-transform: none
    }

    .dashboard__acquired-block img {
        width: 100%
    }

    .dashboard__acquired-right {
        width: 100%;
        padding: 20px 0 45px
    }

    .dashboard__acquired > .inner {
        flex-direction: column
    }

    .dashboard__acquired-text {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column
    }

    .dashboard__acquired-text h3 {
        font-size: 22px;
        font-weight: 700
    }

    .title {
        font-size: 26px
    }

    .dashboard__acquired-slider {
        max-width: 400px;
        margin: 0 auto
    }

    .dashboard__acquired-slider .slick-slide {
        padding: 0
    }

    .product__select {
        display: block;
        position: relative;
        padding: 0 18px;
        border: 2px solid #24a999;
        height: 41px
    }

    .product__choose {
        font-size: 14px;
        font-weight: 700;
        color: #24a999;
        margin: 0;
        height: 100%;
        display: flex;
        align-items: center;
        text-transform: uppercase;
        background: url(/local/templates/main/tpl/assets/css/../img/arrow-down.png) no-repeat 100% 50%
    }

    .product__content {
        margin-top: 30px
    }

    .product__description-one {
        margin-bottom: 30px
    }

    .product__option {
        font-size: 14px;
        font-weight: 700;
        color: #24a999;
        margin-bottom: 15px;
        text-transform: uppercase
    }

    .product__option:last-of-type {
        margin-bottom: 0
    }

    .product__select-list {
        display: none;
        top: 25px;
        box-sizing: border-box;
        position: absolute;
        left: -2px;
        background: #fff;
        list-style: none;
        padding: 15px 18px;
        width: calc(100% - -4px);
        border: 2px solid #24a999
    }

    .product__main {
        margin-bottom: 15px;
        background: #fff
    }

    .product__block {
        margin-bottom: 40px
    }

    .product__downloads-title {
        font-size: 19px
    }

    .product__name {
        font-size: 16px
    }

    .product__size {
        font-size: 15px;
        margin-top: 10px
    }

    .product__downloads-version {
        margin-bottom: 30px
    }

    .border-bottom {
        border-bottom: 0
    }

    .product__title {
        font-size: 24px
    }

    .product__description-list li, .product__text {
        font-size: 17px
    }

    .product__content {
        padding: 0
    }

    .product__description, .product__main > .inner {
        flex-direction: column
    }

    .product__description-title {
        font-size: 24px
    }

    .product__description-text {
        font-size: 17px
    }

    .product__onedownload {
        align-items: flex-start
    }

    .auth__form input[type=password], .auth__form input[type=text], .product__description-left, .product__description-right, .product__main-left {
        width: 100%
    }

    .product__main-right {
        width: 100%;
        margin-top: 20px;
        padding-left: 0
    }

    .auth__text {
        margin-top: 0
    }

    .desktop {
        display: none
    }

    .auth__form {
        max-width: 370px;
        width: 100%;
        padding: 40px 30px;
        box-sizing: border-box
    }

    .auth__error {
        white-space: normal;
        text-align: left;
        margin-top: 0;
        align-items: flex-start
    }

    .auth__forget {
        text-align: left;
        margin-top: 10px;
        margin-bottom: 30px
    }

    .auth__form input[type=password] {
        margin-bottom: 0
    }

    .auth__in {
        margin: 40px 0
    }

    .auth__title {
        margin-bottom: 15px;
        line-height: 1em
    }

    .auth__form input[type=submit] {
        width: 100%;
        padding: 15px 0
    }
}

.np_error_mess {
    color: red
}

.np_form_ok_mess {
    color: green
}

.np_hidden {
    display: none
}

.contact_page {
    min-height: unset
}

.auth__forget-block a.green-button {
    padding: 15px 80px;
    outline: 0;
    border: 0;
    font-size: 18px;
    cursor: pointer;
    font-weight: 400;
    appearance: none;
    -webkit-appearance: none
}

.page404 > .content-md {
    width: 100%
}

.page404 > .row > .content-md > .page404 {
    max-width: 1312px;
    margin: auto
}

.page404 {
    position: relative;
    opacity: 0;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: all .3s ease;
    -o-transition: .3s;
    -webkit-transition: .3s
}

.page404 .i404 {
    font-size: 300px;
    text-align: center;
    line-height: 365px;
    height: 365px
}

.page404 .i404 > span {
    position: absolute
}

.page404 .i404 .d1 {
    left: 0
}

.page404 .i404 .d2 {
    left: 200px
}

.page404 .i404 .d3 {
    left: 400px
}

.page404 .t404 {
    text-align: center;
    margin: 0
}

.title-v5 .container.with_error .right_block + .page404 {
    padding: 0 30px;
    margin: -50px 0 0;
    background: #fff
}

.page404 .i404, .page404 a, li a {
    color: #1eb193
}

.page404 a:hover {
    color: #295558
}

.page404 a.button_link {
    background-color: #1eb193;
    min-width: 200px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    border: 0;
    padding: 13px 34px
}

.page404 .button_link_container {
    padding: 15px 0
}

@media (max-width: 991px) {
    .page404 .hidden-xs.hidden-sm, td.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm {
        display: none !important
    }

    .page404 .col-sm-12 {
        width: 100%
    }

    .page404 .col-md-5 {
        position: relative;
        min-height: 1px;
        padding-left: 16px;
        padding-right: 16px;
        flex: unset;
        max-width: 100%
    }

    .page404 .t404 {
        margin: 30px 0;
        text-align: center
    }
}

[class*=ymaps-2][class*=-ground-pane] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%)
}

.softSubPageIntro .button_po {
    padding: 10px 0
}

.header__link_out {
    background-color: #0e1e2b;
    padding: 12px 58px
}

.header__link_out img {
    margin-bottom: -6px
}

.contactPageInfo__map {
    height: 530px
}

.mobileMenu__infoAccent a {
    color: #0e1e2a
}

.faq__item {
    padding-bottom: 20px
}

.faq__item .faq__item-answer {
    display: none
}

.faq__item-ask {
    position: relative;
    font-size: 24px;
    font-weight: 300;
    line-height: 1;
    color: #141414;
    cursor: pointer;
    padding: 20px 20px 20px 70px
}

.faq__item-ask::before {
    background-image: url(/local/templates/main/tpl/assets/css/../img/faq-cross.svg);
    right: 35px;
    content: '';
    position: absolute;
    width: 32px;
    height: 20px;
    top: 25px;
    left: 15px;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1
}

.faq__item--opened .faq__item-ask::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq__item-answer-text {
    color: #939393;
    font-size: 17px;
    font-weight: 500;
    line-height: 19px;
    padding: 0 0 20px 70px
}

.faq__item.faq__item--opened {
    background-color: #efefef
}

.faq__filesText {
    color: #939393;
    font-family: "DIN Pro";
    font-size: 15px;
    font-weight: 500;
    line-height: 10px;
    text-decoration: underline
}

.faq__item-answer-docs {
    padding: 0 0 0 70px
}

.demoForm__group {
    text-align: center
}

.demozal_popup_block {
    padding: 40px 25px;
    margin: 50px 0;
    display: flex;
    background-color: #efefef
}

.demozal_popup_block_text {
    border-right: 1px solid #00928e;
    width: 40%
}

.demozal_popup_block_img {
    padding: 0 12px 15px
}

.demozal_popup_block_img .dashboard__acquired-block:first-child {
    margin-right: 0
}

#demo_feedback .modal__container {
    width: 1280px
}

@media (max-width: 768px) {
    .demozal_popup_block {
        flex-direction: column
    }

    .demozal_popup_block_img {
        padding: 20px 0 0
    }

    .demozal_popup_block_img, .demozal_popup_block_text {
        border-right: 0;
        width: 100%
    }
}

.container_docs {
    display: flex;
    flex-wrap: wrap
}

.doc__item {
    text-align: center;
    padding: 5px;
    width: 40%
}

@media (max-width: 768px) {
    .container_docs {
        flex-direction: row;
        flex-wrap: wrap
    }

    .doc__item {
        width: 50%
    }
}

.doc__item_name {
    color: #939393;
    font-family: "DIN Pro";
    font-size: 18px;
    font-weight: 500;
    line-height: 21px
}

img.transparent {
    background: 0 0
}

.softIntro-alt {
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
    grid-gap: 40px;
    padding-top: 20px
}

.softIntro-alt .softIntro__item {
    padding: 0;
    min-height: 325px;
    display: flex;
    flex-direction: column
}

.softIntro-alt .softIntro__itemTitle {
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 17px;
    margin-left: 30px;
    margin-top: 10px
}

.softIntro-alt .softIntro__itemText {
    color: #fff;
    line-height: 1.5;
    margin-left: 30px;
    margin-right: 20px
}

.softIntro-alt .softIntro__itemLink {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px
}

.page-block {
    margin-top: -5px !important
}

@media (max-width: 991.98px) {
    .aboutMainImg {
        grid-column-end: 4 !important
    }
}

.aboutMainImg {
    margin-top: 0 !important
}

.softSubPageIntro__img {
    margin-top: 5px
}

.subInfo__left-icon {
    margin-right: 20px
}

.header__link img {
    vertical-align: top
}
/* End */


/* Start:/local/templates/main/tpl/assets/css/jquery.fancybox.css?179373597517384*/
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: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .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 .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;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 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;
    -ms-transform-origin: top left;
    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: text;
}

.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%;
}

/* Fix iOS */
.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;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.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;
}

/* Fix IE11 */
.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;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .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;
}

/* Navigation arrows */

.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);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
    rgba(0, 0, 0, .85) 0%,
    rgba(0, 0, 0, .3) 50%,
    rgba(0, 0, 0, .15) 65%,
    rgba(0, 0, 0, .075) 75.5%,
    rgba(0, 0, 0, .037) 82.85%,
    rgba(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;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.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;
}

/* Loading indicator */

.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: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.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);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.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(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.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);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@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;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.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 .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%;
}
/* Thumbs */

.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, .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, .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 .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@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);
    }
}
/* End */


/* Start:/local/templates/main/css/custom.css?1793735975233*/
.mainNews__item {
    cursor: pointer;
}

iframe {
    border: none;
    outline: none;
}

.button.button-detail {
    background-color: #2d7fa7
}

.button.button-detail {
    text-decoration: none;
    color: #fff;
}
/* End */


/* Start:/local/templates/main/components/bitrix/news.list/slider_on_index/style.css?17937359752634*/
.mainSlider__item{height:392px}
#mainSlider__dots{margin: 0; position: relative; bottom: -10px;}
.mainSlider__item .mobile{display:none}
.mainSlider__item .desctop{width: 100%; height: 100%; display: block; position: absolute; z-index: 0; top: 0; left: 0;}
	.mainSlider .offset-lg-1,.mainSlider .offset-lg-4{    z-index: 1;}
.mainSlider .slick-arrow, .mainCategoriesSlider__container .slick-arrow { background: url(/local/templates/main/components/bitrix/news.list/slider_on_index/img/slider-arrow.svg) no-repeat center center #1eb193; border: 1px solid #1eb193; border-radius: 100%; font-size: 0px; width: 40px; height: 40px; display: block; position: absolute; top: 45%;     z-index: 1;}
	.mainSlider .slick-next, .mainCategoriesSlider__container .slick-next{right: 30px;}
	.mainSlider .slick-prev, .mainCategoriesSlider__container .slick-prev{left: 30px;    transform: rotate(180deg);}

.mainCategoriesSlider__container .slick-next{right: -70px;}
.mainCategoriesSlider__container .slick-prev{left: -70px;    transform: rotate(180deg);}
@media screen and (min-width: 735px){
	.mainSlider { margin: 0 auto 20px; }
	.mainSlider__dots .slick-active .mainSlider__dotsButton { background-color: #1eb193; }
	.mainSlider__dots .mainSlider__dotsButton { width: 11px; height: 11px; background-color: #999797;}
	.mainSlider__dots { position: absolute; left: auto; right: auto; bottom: -15px; width: 100%; }
	#mainSlider__dots { position: relative; bottom: -10px; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
	
	
}

@media (max-width: 735px){
	.mainSlider .slick-arrow{ display: none!important;}
	.mainSlider__item .desctop { display: none;}
	.mainSlider__item .mobile { display: block; margin: 0 auto; position: relative; width: auto; height: auto; }
	.mainSlider { width: 524px;}
	.mainSlider__item { height: 166px; padding: 0; }
	.mainSlider .mainSlider__dots { bottom: 0; display: block;position: relative; left: 0; }

	#mainSlider__dots { position: relative; bottom: 0; margin: 0 auto; padding: 0; }
	.mainSlider .mainSlider__dots .slick-dots { display: flex; justify-content: center; }
	.mainSlider .mainSlider__dots .mainSlider__dotsButton { width: 12px; height: 12px; background-color: #999797;}
	.mainSlider__dots .slick-active .mainSlider__dotsButton {background-color: #1eb193;}

	.mainSlider__mobileText { position: relative;}
	.mainSlider .mainSlider__item { height: auto; margin: 0 0 20px; }
	.mainSlider{    max-width: 100%;}
}


@media (max-width: 490px){
	.mainSlider__item .mobile { height: auto; width: 100%; }

	.mainSlider .mainSlider__title { font-size: 19px;}
	.mainSlider__mobileText { font-size: 12px; }
}
/* End */


/* Start:/local/templates/main/components/bitrix/news.list/blog_list_on_index_1/style.css?17937359752737*/
#news-slider .slick-prev.slick-arrow {
    background: url(/local/templates/main/components/bitrix/news.list/slider_on_index/img/slider-arrow.svg) no-repeat center center #1eb193;
    border: 1px solid #1eb193;
    border-radius: 100%;
    font-size: 0px;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 33%;
    z-index: 1;
    left: -60px;
    transform: rotate(180deg);
}
#news-slider .slick-next.slick-arrow {
    background: url(/local/templates/main/components/bitrix/news.list/slider_on_index/img/slider-arrow.svg) no-repeat center center #1eb193;
    border: 1px solid #1eb193;
    border-radius: 100%;
    font-size: 0px;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    z-index: 1;
    top: 33%;
    right: -60px;
}
#news-slider .slick-dots
{
	position: relative;
    bottom: 0;
    margin: 0 auto;
    padding: 0;
	display: flex;
    justify-content: center;
}

#news-slider .slick-dots button {
    width: 7px;
    height: 7px;
    background-color: #1BB396;
    border: 0;
    border-radius: 50%;
    padding: 0;
    margin-left: 17px;
    cursor: pointer;text-indent: -9999px;
}

#news-slider .slick-dots .slick-active button {
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 2px solid #1BB396;

}

.slick-slide
{
	text-align:center;
}
.mainNews__item
{
	padding-top:0px;
	padding-left:0px;
	border:1px solid #ddd;
	margin-left:5px;
	margin-right:5px;
	text-align:center;
	position:relative;
	min-height:430px;
	max-height:unset;
	background:#fff;
}
.mainNews__itemImg
{
	padding-top:0px;
	margin-top:0px;
	max-height:191px;
	width:100%;
}
.mainNews__itemTitle
{
	padding:15px;
	font-size: 16px;
	font-weight: 500;
	line-height: 19px;
	letter-spacing: 0em;
	text-align: left;
	color:#333;
	margin-bottom:70px;
}
.btn-news{
	color:#fff;
	background: linear-gradient(90deg, #2F9581 0%, #0C78B6 96.05%);
	padding:13px 34px;
	bottom:50px;
	position:relative;
}
.title-news
{

	font-size: 32px;
	font-weight: 700;
	line-height: 38px;
	letter-spacing: 0em;
	text-align: left;
	padding-left:15px;
}
.all-news, .all-news-1
{

	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: 0em;
	text-align: right;
	color:#2B927D;
	margin-top: 55px;
    padding-right: 25px;
}
.all-news:after, .all-news-1:after{
	content:'\27EB';
	font-size: 8px;
    position: absolute;
    padding-left: 5px
}
.all-news-1{display:none;}
@media screen and (max-width:767px)
{
	.all-news{display:none;}
	.title-news{text-align:center;}
	.mainNews__item {
		padding-right: 0px!important; min-height:360px;
	}
	.mainNews__itemImg
	{
		margin:0!important;
	}
	.all-news-1{display:block;text-align:center;margin: 0 auto; margin-top:20px;}
}
/* End */


/* Start:/local/templates/main/styles.css?17937359753346*/
.kp_admin .product__description,
.trumbowyg-editor.trumbowyg-reset-css .product__description {
  display: flex;
  justify-content: space-between;
}
.kp_admin .product__description-left,
.trumbowyg-editor.trumbowyg-reset-css .product__description-left {
  width: 46%;
  flex-shrink: 0;
  flex-grow: 0;
}
.kp_admin .product__description-title,
.trumbowyg-editor.trumbowyg-reset-css .product__description-title {
  color: #234a4d;
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 0;
}
.kp_admin .product__description-text,
.trumbowyg-editor.trumbowyg-reset-css .product__description-text {
  color: #234a4d;
  font-size: 18px;
  font-weight: 500;
  margin-top: 0;
}
.kp_admin .product__description-right,
.trumbowyg-editor.trumbowyg-reset-css .product__description-right {
  width: 46%;
  flex-shrink: 0;
  flex-grow: 0;
}
.kp_admin .product__description-list,
.trumbowyg-editor.trumbowyg-reset-css .product__description-list {
  padding-left: 0px;
  margin-top: 0;
  list-style: none;
}
.kp_admin .product__description-list li,
.trumbowyg-editor.trumbowyg-reset-css .product__description-list li {
  color: #21484d;
  font-weight: 500;
  font-size: 18px;
  position: relative;
  margin-bottom: 5px;
}
.kp_admin .product__description-list li::before,
.trumbowyg-editor.trumbowyg-reset-css .product__description-list li::before {
  content: '•';
  position: relative;
  left: 0;
  font-size: 18px;
}
.kp_admin .product__description-one,
.trumbowyg-editor.trumbowyg-reset-css .product__description-one {
  margin-bottom: 60px;
}
.kp_admin p:not(:last-child),
.trumbowyg-editor.trumbowyg-reset-css p:not(:last-child) {
  margin-bottom: 27px!important;
}
@media (max-width: 991px) {
  .kp_admin .product__description,
  .trumbowyg-editor.trumbowyg-reset-css .product__description {
    flex-direction: column;
  }
  .kp_admin .product__description-title,
  .trumbowyg-editor.trumbowyg-reset-css .product__description-title {
    font-size: 24px;
  }
  .kp_admin .product__description-list li,
  .trumbowyg-editor.trumbowyg-reset-css .product__description-list li {
    font-size: 17px;
  }
  .kp_admin .product__description-text,
  .trumbowyg-editor.trumbowyg-reset-css .product__description-text {
    font-size: 17px;
  }
  .kp_admin .product__onedownload,
  .trumbowyg-editor.trumbowyg-reset-css .product__onedownload {
    align-items: flex-start;
  }
  .kp_admin .product__description-left,
  .trumbowyg-editor.trumbowyg-reset-css .product__description-left {
    width: 100%;
  }
  .kp_admin .product__description-right,
  .trumbowyg-editor.trumbowyg-reset-css .product__description-right {
    width: 100%;
  }
  .kp_admin .product__main > .inner,
  .trumbowyg-editor.trumbowyg-reset-css .product__main > .inner {
    flex-direction: column;
  }
  .kp_admin .product__main-left,
  .trumbowyg-editor.trumbowyg-reset-css .product__main-left {
    width: 100%;
  }
  .kp_admin .product__main-right,
  .trumbowyg-editor.trumbowyg-reset-css .product__main-right {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
}
/*# sourceMappingURL=styles.css.map */

.modal__container .demozal_popup_block{display:none}

.container__image-responsive img {
	max-width: 100%;
	height: auto;
}

.big-slider-item__img a {
	height: 380px;
}
@media (max-width: 991px) {
	.big-slider-item__img a {
		height: 300px;
	}
}
/* End */


/* Start:/local/templates/main/template_styles.css?179373597531206*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

@media print {
    *, :before, :after {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td, .table th {
        background-color: #fff !important;
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

table {
    background-color: transparent;
}

th {
    font-weight: 600;
    text-align: left;
}

.table {
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
}

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    border-top: 1px solid #ddd;
    line-height: 1.429;
    padding: 12px;
    vertical-align: top;
}

.table > thead > tr > th {
    border-bottom: 2px solid #ddd;
    vertical-align: bottom;
}

.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.table > tbody + tbody {
    border-top: 2px solid #ddd;
}

.table .table {
    background-color: #fff;
}

.table thead.thead-light {
    background: #ddd;
}

.table thead.thead-dark {
    background: #333;
    color: #fff;
}

.table thead.thead-dark tr > * {
    border-color: transparent !important;
}

.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td {
    padding: 7px;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    display: table-column;
    float: none;
    position: static;
}

table td[class*="col-"], table th[class*="col-"] {
    display: table-cell;
    float: none;
    position: static;
}

.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th {
    background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th {
    background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}

.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border: 1px solid #ddd;
        margin-bottom: 15px;
        ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-y: hidden;
        width: 100%;
    }

    .table-responsive > .table {
        margin-bottom: 0;
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }

    .table-responsive > .table-bordered {
        border: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
    margin-bottom: 0;
}

.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px;
}

.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
    border-top-left-radius: -1;
    border-top-right-radius: -1;
}

.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: -1;
    border-top-right-radius: -1;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: -1;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: -1;
}

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
    border-bottom-left-radius: -1;
    border-bottom-right-radius: -1;
}

.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: -1;
    border-bottom-right-radius: -1;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: -1;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: -1;
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
}

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
}

.table thead.thead-color, .table-condensed thead.thead-color {
    background-color: #008fc3;
    color: #fff;
}

.table thead.thead-color tr > *, .table-condensed thead.thead-color tr > * {
    border-color: transparent !important;
}

@media screen and (max-width: 767px) {
    body .table-responsive > .table > thead > tr > th, body .table-responsive > .table > thead > tr > td, body .table-responsive > .table > tbody > tr > th, body .table-responsive > .table > tbody > tr > td, body .table-responsive > .table > tfoot > tr > th, body .table-responsive > .table > tfoot > tr > td {
        white-space: normal !important;
    }
}


h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: #000;
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 40px;
    margin-bottom: 20px;
}


h1 {
    margin: .67em 0;
}

h3 {
    font-size: 16px;
}

h4, h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

.sc-maxwidth {
    max-width: 1180px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.grecaptcha-badge {
    visibility: hidden;
}

.recaptcha-logo {
    width: 35px;
    vertical-align: middle;
    margin-bottom: 0 !important;
}

.recaptcha-text {
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .recatcha-sign {
        margin-left: 1rem;
    }

    .recaptcha-logo {
        width: 35px;
        vertical-align: middle;
        margin-bottom: 0 !important;
    }

    .recaptcha-text {
        width: 80%;
        vertical-align: middle;
    }
}

@media (max-width: 750px) {
    .mainSlider__item {
        background-size: 100% 100%;
    }
}

@media (max-width: 750px) {
    .mainNews .slick-track {
        margin-left: 0px;
    }

    .mainNews__item {
        padding-right: 20px
    }

    .mainNews__itemImg {
        margin: 20px auto;
    }
}


/* Социальные кнопки */
.social-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 30px 0 0;
    width: auto;
    position: relative
}

.social-box li {
    outline: none !important;
    margin: 0 8px 0 0;
    position: relative
}

.social-box li a {
    outline: none !important;
    width: 26px;
    height: 26px;
    display: block;
    position: relative;
    border-radius: 100%;
    opacity: 0.6
}

.social-box li a:hover {
    opacity: 1
}

.social-box li a i {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important
}

.social-box li a.fb i {
    background: url(/local/templates/main/img/icon-facebook.png)
}

.social-box li a.yt i {
    background: url(/local/templates/main/img/icon-youtybe.png)
}

.social-box li a.vc i {
    background: url(/local/templates/main/img/icon-vk-ru.png)
}

.social-box li a.yd i {
    background: url(/local/templates/main/img/icon-dzen.png)
}

.social-box li a.ret i {
    background: url(/local/templates/main/img/icon-realtek.png);
    background-color: #dadada;
    background-size: 20px 20px !important
}

.social-box li a.rutube i {
    background: url(/local/templates/main/img/icon-rutube.png);
    background-size: 26px 26px !important;
}

.pushy-content .mobileMenu__info {
    margin-top: 30px;
}

.pushy-content .social-box {
    margin: 30px 0 0 0;
}

.mainSlider__item .desctop {
    object-fit: cover;
}


.tableBlock {
    overflow-x: auto;
}

.slick-slider__augmented a {
    color: #999797;
}

.slick-slider__augmented {
    margin: 60px 0 60px 0;
}

.slick-slider__augmented img {
    width: 80%;
    height: auto;
    margin: 0 auto;
}

.slick-slider__augmented_text {
    text-align: center;
}

.slick-slider__augmented .slick-dots {
    display: none !important;
}

.slick-slider__augmented .slick-prev.slick-arrow {
    background: url(/local/templates/main/components/bitrix/news.list/slider_on_index/img/slider-arrow.svg) no-repeat center center #1eb193;
    border: 1px solid #1eb193;
    border-radius: 100%;
    font-size: 0px;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 33%;
    z-index: 1;
    left: -60px;
    transform: rotate(180deg);
}

.slick-slider__augmented .slick-next.slick-arrow {
    background: url(/local/templates/main/components/bitrix/news.list/slider_on_index/img/slider-arrow.svg) no-repeat center center #1eb193;
    border: 1px solid #1eb193;
    border-radius: 100%;
    font-size: 0px;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    z-index: 1;
    top: 33%;
    right: -60px;
}

@media (max-width: 1300px) {
    .slick-slider__wrap .container {
        max-width: 1100px;
    }

}

@media (max-width: 1100px) {
    .slick-slider__wrap .container {
        max-width: 900px;
    }

    .slick-slider__augmented .slick-prev.slick-arrow, .slick-slider__augmented .slick-next.slick-arrow {
        display: none !important;
    }
}


@media (max-width: 768px) {

    .slick-slider__augmented img {
        width: 50%;
    }

    .slick-slider__augmented .slick-prev.slick-arrow, .slick-slider__augmented .slick-next.slick-arrow {
        display: none !important;
    }
}


#diler .modal__container {
    padding: 30px 60px;
    max-width: 700px;
}
#diler .modal__header {
    justify-content: center;
}
#diler .modal__content {
    margin-bottom: 0;
}
#diler .g-recaptcha {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: -30px !important;
}
#diler .contactForm__submit {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#diler .contactForm__text {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 300px;
    margin-top: 20px;
}
#diler .modal__close {
    top: 0;
    right: 10px;
}
.button.buttonFooter {
    font-size: 12px;
    padding: 5px 8px 6px 8px;
    background: #1282A4;
    min-width: unset;
}
.button.buttonLeft {
    position: fixed;
    right: -48px;
    top: 30%;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 12px 22px;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(90deg, #0071B1 0%, #55B240 100%);
    transform: rotate(-90deg);
    font-family: arial;
    min-width: unset;
    z-index: 999;
}
@media screen and (max-width: 767px) {
    #diler .modal__container {
        padding: 30px 17px 17px 17px;
    }
}

.letters-recommendation {

}

@media screen and (max-width: 767px) {
    .letters-recommendation {

    }
}

.mainSectionTitle {
    font-size: 48px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 16px;
    margin-top: 20px;
}
.mainSectionSubTitle.title-h2 {
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.2;
}
.block-head__img-body,
.block-head__img-body img {
    max-width: 100%;
    max-height: 100%;
}
.block-head__img-body {
    display: flex;
    align-items: center;
    height: 100%;
}
.block-head__img-body img {
    margin-left: auto;
}
.block-head__text.mainSection__headerText ul,
.detailFormBlock__items__text ul {
    margin: 0;
    padding: 0 !important;
    margin-top: 10px;
}
.block-head__text.mainSection__headerText ul li,
.detailFormBlock__items__text ul li {
    list-style: none !important;
    margin-bottom: 10px;
    padding-left: 16px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
}
.block-head__text.mainSection__headerText ul li *,
.detailFormBlock__items__text ul li * {
    line-height: 1.2;
}
.block-head__text.mainSection__headerText ul li::before,
.detailFormBlock__items__text ul li::before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #2B927D;
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 50%;
}
.block-head__text.mainSection__headerText .block-head__btn {
    margin-top: 20px;
}
.block-head__text.mainSection__headerText .block-head__btn .button {
    width: 300px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: linear-gradient(90deg, #2F9581 0%, #0C78B6 96.05%);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    transition: .2s;
}
.block-head__text.mainSection__headerText .block-head__btn .button:hover {
    opacity: 0.7;
}
.mainSection__block-head .block-head__img {
    flex: 1 1 50%;
}
.block-head__text.mainSection__headerText a,
.detailFormBlock__items__text ul a {
    text-decoration: underline;
}
.block-head__text.mainSection__headerText a:hover,
.detailFormBlock__items__text ul a:hover {
    text-decoration: none;
}

.mainSectionAdventages {
    margin-bottom: 40px;
}
.mainSectionAdventages__items {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
}
.mainSectionAdventages__items__item {
    width: calc(25% - 20px);
    padding: 34px 26px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #F3F7FA;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}
.mainSectionAdventages__items__item__icon {
    width: 100%;
    height: 144px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mainSectionAdventages__items__item__icon img {
    max-width: 100%;
    max-height: 100%;
}
.mainSectionAdventages__items__item__text {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
}

.mainSectionUpakovka {
    margin-bottom: 40px;
}
.mainSectionUpakovka__items {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mainSectionUpakovka__items__img {    
    width: calc(57% - 30px);
    margin-right: 30px;
}
.mainSectionUpakovka__items__img img {
    max-width: 100%;
}
.mainSectionUpakovka__items__text {
    width: 43%;
}
.mainSectionUpakovka__items__text ul {
    padding: 0;
    margin: 0;
    margin-top: 20px;
}
.mainSectionUpakovka__items__text ul li {
    list-style: none;
    padding-left: 26px;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
    position: relative;
}
.mainSectionUpakovka__items__text ul li:last-child {
    margin-bottom: 0;
}
.mainSectionUpakovka__items__text ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 19px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='19' viewBox='0 0 16 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.83563 16.8555C6.68963 17.0355 6.4371 17.0492 6.27447 16.886L0.126764 10.7156C-0.0358635 10.5524 -0.0429342 10.2778 0.110878 10.1054L2.06957 7.9105C2.22347 7.73804 2.48243 7.73054 2.64506 7.89365L6.0033 11.2641C6.16593 11.4273 6.41846 11.4136 6.56446 11.2336L13.1253 3.14959C13.2713 2.96963 13.5297 2.94909 13.6993 3.10402L15.8589 5.07519C16.0286 5.23002 16.048 5.50405 15.9019 5.68401L6.83563 16.8555Z' fill='%232B927D'/%3e%3c/svg%3e ");
}

.mainSectionEndtoend {
    margin-bottom: 40px;
}
.mainSectionEndtoend__items {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 20px;
}
.mainSectionEndtoend__items__item {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(25% - 20px);
    border: 1px solid #D6D6D6;
    padding: 20px;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 20px;
}
.mainSectionEndtoend__items__item__icon {
    width: 60px;
    min-width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5CE1BE;
    font-size: 32px;
    line-height: 1.2;
    margin-right: 20px;
    border-radius: 50%;
}
.mainSectionEndtoend__items__item__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
    width: calc(100% - 80px);
}

@media screen and (max-width: 1199px) {
    .mainSectionAdventages__items__item {
        width: calc(50% - 20px);
    }
    .mainSectionEndtoend__items__item {
        width: calc(100%/3 - 20px);
    }
}
@media screen and (max-width: 991px) {
    .mainSectionAdventages__items__item {
        width: calc(50% - 20px);
    }
    .mainSectionEndtoend__items__item {
        width: calc(50% - 20px);
    }
    .mainSectionUpakovka__items {
        flex-direction: column;
        align-items: center;        
    }
    .mainSectionUpakovka__items__img {
        width: 100%;
        margin-right: 0;
    }
    .mainSectionUpakovka__items__text {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .mainSectionAdventages__items,
    .mainSectionEndtoend__items {
        margin-left: 0;
        margin-right: 0;
    }
    .mainSectionAdventages__items__item,
    .mainSectionEndtoend__items__item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .block-head__text.mainSection__headerText .block-head__btn .button {
        width: 100%;
    }
}

.contactForm__elementWrapper.contactForm__elementWrapper_secondname {
    display: none;
}
#question_feedback_detail {
    text-align: left;
    margin-bottom: 40px;
}

.detailFormBlock {
    border: 1px solid #C9C9C9;
    padding: 40px;
}
.detailFormBlock__items {
    display: flex;
    align-items: stretch;
}
.detailFormBlock__items__form {
    min-width: 56%;
    margin-right: 50px;
}
#question_feedback_detail .contactForm__groupWrapper {
    grid-template-columns: repeat(2, 50%);
    align-items: start;
    gap: 20px 20px;
}
#question_feedback_detail .contactForm__submit {
    margin-top: 0;
    width: 100%;
}
#question_feedback_detail .contactForm__text {
    margin: 0;
    margin-top: 6px;
    width: 100%;
}
#question_feedback_detail .detailFormBlock__items__text {
    display: flex;
    flex-direction: column;
}
#question_feedback_detail .detailFormBlock__items__text ul {
    margin-top: auto;
}
@media screen and (max-width: 991px) {
    .detailFormBlock__items {
        flex-direction: column;
    }
    .detailFormBlock__items__form {
        width: 100%;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .detailFormBlock {
        padding: 20px;
    }
    #question_feedback_detail .contactForm__groupWrapper {
        grid-template-columns: repeat(1, 100%);
    }
}
/* End */
/* /local/templates/main/tpl/assets/css/app.min.css?1793735975171798 */
/* /local/templates/main/tpl/assets/css/jquery.fancybox.css?179373597517384 */
/* /local/templates/main/css/custom.css?1793735975233 */
/* /local/templates/main/components/bitrix/news.list/slider_on_index/style.css?17937359752634 */
/* /local/templates/main/components/bitrix/news.list/blog_list_on_index_1/style.css?17937359752737 */
/* /local/templates/main/styles.css?17937359753346 */
/* /local/templates/main/template_styles.css?179373597531206 */