html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    margin: 0
}

main {
    display: block
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bold
}

pre,code,kbd,samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type='button'],[type='reset'],[type='submit'] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner {
    border-style: none;
    padding: 0
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type='checkbox'],[type='radio'] {
    padding: 0
}

[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button {
    height: auto
}

[type='search'] {
    -webkit-appearance: textfield
}

[type='search']::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

a:focus {
    outline: 0
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

img,iframe,object,embed,svg {
    vertical-align: middle
}

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

figure {
    margin: 0
}

[disabled] {
    cursor: default
}

.grid,.diseases,.slick-dots,.b-list,.b-modal__list,.b-quicklinks__list,.m-footer__list,.m-main__list,.m-sub__list {
    margin: 0
}

.grid__cell,.diseases__item,.slick-dots li,.b-list__item,.b-modal__item,.b-quicklinks__item,.b-stores__item,.m-footer__item,.m-main__item,.m-sub__item {
    margin: 0;
    padding: 0
}

.grid__cell::before,.diseases__item::before,.slick-dots li::before,.b-list__item::before,.b-modal__item::before,.b-quicklinks__item::before,.b-stores__item::before,.m-footer__item::before,.m-main__item::before,.m-sub__item::before {
    display: none
}

.grid {
    counter-reset: none
}

.f-search__close,.header__search-btn {
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    outline: 0
}

.grid__cell {
    position: static
}

.grid__cell::before {
    content: normal;
    counter-increment: none;
    position: static;
    top: auto;
    left: auto
}

.grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.no-flexwrap .grid {
    font-size: 0
}

@media (-webkit-min-device-pixel-ratio: 0) {
    .no-flexwrap .grid {
        letter-spacing:-1px
    }
}

.grid__cell {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%
}

.no-flexwrap .grid__cell {
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    letter-spacing: normal;
    white-space: normal
}

.grid--scroll {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto
}

.js .grid--scroll {
    overflow-x: hidden
}

.grid--scroll .grid__cell {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.grid--scroll .slick-slide .grid__cell {
    max-width: none
}

.no-flexwrap .grid--scroll {
    white-space: nowrap
}

html {
    font-family: "Encode Sans",Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #231F20
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
    font-family: "Encode Sans",Helvetica,Arial,sans-serif;
    font-weight: bold;
    line-height: 1.2;
    margin: 1.923em 0 1.429em
}

h1,.h1 {
    font-size: 40px;
    margin-bottom: 0.648em
}

@media (min-width: 750px) {
    h1,.h1 {
        font-size:54px
    }
}

h2,.h2 {
    font-size: 28px
}

@media (min-width: 750px) {
    h2,.h2 {
        font-size:36px
    }
}

h3,.h3 {
    font-size: 22px
}

@media (min-width: 750px) {
    h3,.h3 {
        font-size:26px
    }
}

h3--normal,.h3--normal {
    font-weight: normal
}

h4,.h4 {
    font-size: 14px
}

@media (min-width: 750px) {
    h4,.h4 {
        font-size:16px
    }
}

h5,.h5 {
    font-size: 14px
}

h6,.h6 {
    font-size: 12px
}

p {
    margin: 0 0 1.875em
}

hr {
    border: solid #ccc;
    border-width: 1px 0 0;
    margin: 1.875em 0;
    height: 1px;
    overflow: hidden
}

.b-detail hr {
    border-width: 3px
}

.b-detail--red hr {
    border-color: #bc160d
}

.b-detail--blue hr {
    border-color: #29abe2
}

.b-detail--green hr {
    border-color: #3dad73
}

.b-detail--grey hr {
    border-color: #7f7f7f
}

blockquote {
    margin: 0 0 1.875em;
    padding: 0
}

blockquote p {
    margin-bottom: 0
}

a {
    color: #000;
    text-decoration: underline;
    transition: color .3s;
    -webkit-tap-highlight-color: transparent
}

.no-touchevents a:hover {
    color: #231F20
}

ul,ol,dl {
    margin: 0 0 1.875em;
    list-style: none;
    padding: 0
}

li {
    padding: 0 0 0 20px;
    margin: 0 0 .46875em
}

ul li {
    position: relative
}

ol {
    counter-reset: item
}

ol li {
    position: relative
}

ol li::before {
    content: counter(item) ".";
    counter-increment: item;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700
}

ol ol li::before {
    content: counter(item, lower-alpha) "."
}

dt {
    font-weight: bold;
    margin: 0
}

dd {
    margin: 0 0 .9375em;
    padding: 0
}

table {
    width: 100%;
    clear: both;
    margin: 0 0 1.875em;
    empty-cells: show;
    border-collapse: separate;
    border-spacing: 0
}

caption {
    font-weight: bold;
    text-align: left;
    padding: 0 0 10px;
    caption-side: top
}

tr>:last-child {
    border-right: 0
}

tr>:last-child::after {
    display: none
}

tfoot tr:last-child td,tfoot tr:last-child th {
    border-bottom: 0
}

tfoot tr:last-child td::after,tfoot tr:last-child th::after {
    display: none
}

td,th {
    position: relative;
    vertical-align: top;
    padding: 35px 30px;
    font-size: 14px;
    border: 1px solid #ebfbff;
    border-width: 0 1px 1px 0;
    border-bottom-color: rgba(88,176,190,0.3);
    background-color: #fff
}

td::after,th::after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 1px;
    height: 1px;
    background-color: rgba(88,176,190,0.3)
}

th {
    font-weight: bold;
    font-size: 16px;
    background-color: transparent
}

thead th {
    position: relative;
    text-align: center;
    border-bottom: 5px solid #58b0be;
    background-color: #fff
}

thead th::after {
    content: '';
    position: absolute;
    bottom: -5px;
    right: -1px;
    height: 5px;
    width: 1px;
    background-color: #ebfbff
}

tfoot th {
    padding: 40px 30px 45px;
    background-color: #fff
}

tfoot th>:last-child {
    margin-bottom: 0
}

figure {
    margin-bottom: 1.875em
}

figcaption {
    margin-top: .5em
}

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

.CybotCookiebotDialogDetailBodyContentCookieTypeTable tbody td {
    background-color: #1c75bc
}

.CybotCookiebotDialogDetailBodyContentCookieTypeTable .no-border tbody td {
    background-color: #1c75bc
}

.icon-svg {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.icon-svg__svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: currentColor;
    pointer-events: none;
    transform: translateZ(0)
}

.icon-svg::before {
    content: '';
    display: block
}

.icon-svg--angle-left {
    width: 52px
}

.icon-svg--angle-left::before {
    padding-top: 100%
}

.icon-svg--angle-right {
    width: 52px
}

.icon-svg--angle-right::before {
    padding-top: 100%
}

.icon-svg--arrow-left {
    width: 25px
}

.icon-svg--arrow-left::before {
    padding-top: 48%
}

.icon-svg--arrow-right-bold {
    width: 40px
}

.icon-svg--arrow-right-bold::before {
    padding-top: 100%
}

.icon-svg--arrow-right {
    width: 25px
}

.icon-svg--arrow-right::before {
    padding-top: 48%
}

.icon-svg--basket {
    width: 43.1px
}

.icon-svg--basket::before {
    padding-top: 87.471%
}

.icon-svg--basket2 {
    width: 33.72px
}

.icon-svg--basket2::before {
    padding-top: 100%
}

.icon-svg--bowl {
    width: 30.4px
}

.icon-svg--bowl::before {
    padding-top: 89.40789%
}

.icon-svg--checkbox {
    width: 40px
}

.icon-svg--checkbox::before {
    padding-top: 100%
}

.icon-svg--chevron-down {
    width: 40px
}

.icon-svg--chevron-down::before {
    padding-top: 100%
}

.icon-svg--circle-arrow-right {
    width: 40px
}

.icon-svg--circle-arrow-right::before {
    padding-top: 100%
}

.icon-svg--close {
    width: 20px
}

.icon-svg--close::before {
    padding-top: 100%
}

.icon-svg--download {
    width: 24px
}

.icon-svg--download::before {
    padding-top: 108.33333%
}

.icon-svg--download2 {
    width: 22px
}

.icon-svg--download2::before {
    padding-top: 113.63636%
}

.icon-svg--facebook {
    width: 46.9px
}

.icon-svg--facebook::before {
    padding-top: 100%
}

.icon-svg--home {
    width: 40px
}

.icon-svg--home::before {
    padding-top: 100%
}

.icon-svg--hospital {
    width: 27.39px
}

.icon-svg--hospital::before {
    padding-top: 97.62687%
}

.icon-svg--images {
    width: 19.58px
}

.icon-svg--images::before {
    padding-top: 79.82635%
}

.icon-svg--info {
    width: 30px
}

.icon-svg--info::before {
    padding-top: 86.66667%
}

.icon-svg--instagram {
    width: 46.9px
}

.icon-svg--instagram::before {
    padding-top: 100%
}

.icon-svg--paper {
    width: 20px
}

.icon-svg--paper::before {
    padding-top: 130%
}

.icon-svg--pharmacy {
    width: 30.5px
}

.icon-svg--pharmacy::before {
    padding-top: 96.72131%
}

.icon-svg--pill-half {
    width: 28.14px
}

.icon-svg--pill-half::before {
    padding-top: 44.42075%
}

.icon-svg--pill {
    width: 20px
}

.icon-svg--pill::before {
    padding-top: 50%
}

.icon-svg--pills {
    width: 34px
}

.icon-svg--pills::before {
    padding-top: 73.52941%
}

.icon-svg--pills2 {
    width: 20px
}

.icon-svg--pills2::before {
    padding-top: 57%
}

.icon-svg--pills3 {
    width: 26px
}

.icon-svg--pills3::before {
    padding-top: 62.5%
}

.icon-svg--play-circle {
    width: 34.1px
}

.icon-svg--play-circle::before {
    padding-top: 99.70674%
}

.icon-svg--play {
    width: 14px
}

.icon-svg--play::before {
    padding-top: 121.42857%
}

.icon-svg--reload {
    width: 29.67px
}

.icon-svg--reload::before {
    padding-top: 76.879%
}

.icon-svg--search {
    width: 40px
}

.icon-svg--search::before {
    padding-top: 100%
}

.icon-svg--sliders {
    width: 24px
}

.icon-svg--sliders::before {
    padding-top: 100%
}

.icon-svg--tube {
    width: 24px
}

.icon-svg--tube::before {
    padding-top: 100%
}

.burger {
    position: relative;
    display: block;
    width: 31px;
    height: 19px
}

.burger span {
    display: block;
    position: absolute;
    width: 31px;
    height: 3px;
    background: white;
    left: 0
}

.burger span:nth-child(1) {
    top: 0
}

.burger span:nth-child(2) {
    top: 8px
}

.burger span:nth-child(3) {
    top: 16px
}

.btn {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    border: 0;
    background: none;
    text-decoration: none;
    cursor: pointer
}

.btn__text {
    position: relative;
    display: block;
    border: 1px solid transparent;
    padding: 21px 30px;
    font-size: 16px;
    line-height: 1;
    background-color: #1c75bc;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    transition: background-color .3s,border-color .3s,color .3s
}

.btn--buy {
    background-image: linear-gradient(to right, #302a85, #1c75bc);
    color: #fff
}

.btn--bd .btn__text {
    background-color: #fff;
    border-color: #d29e62;
    color: #d29e62
}

.btn--sm .btn__text {
    padding: 17px 28px;
    font-size: 12px
}

.btn--md .btn__text {
    font-size: 16px
}

.btn--lg .btn__text {
    padding: 24px 20px;
    font-size: 18px
}

.btn--lg .btn__text .icon-svg {
    width: 15px
}

.btn--lg .btn__text .icon-svg--basket {
    right: 65px;
    width: 40px
}

.btn--icon .btn__text {
    position: relative;
    padding-left: 60px
}

.btn--icon .btn__text .icon-svg {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 30px
}

.btn--basket .btn__text {
    position: relative;
    padding-left: 35px;
    padding-right: 100px
}

.btn--basket .btn__text .icon-svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 20px;
    width: 12px;
    color: inherit;
    background-color: transparent !important
}

.btn--basket .btn__text .icon-svg--basket2 {
    right: 40px;
    width: 35px;
    color: #fff
}

.btn--sm.btn--basket .btn__text .icon-svg {
    width: 10px
}

.btn--sm.btn--basket .btn__text .icon-svg--basket {
    right: 45px;
    width: 30px
}

.btn--lg.btn--basket .btn__text {
    padding-right: 95px
}

.btn--lg.btn--basket .btn__text .icon-svg--basket {
    right: 45px
}

.btn--grey .btn__text {
    background-color: #ededed;
    color: #231F20
}

.btn--blue .btn__text {
    background-color: #1c75bc;
    color: #fff
}

.btn--white .btn__text {
    background-color: #fff;
    color: #1c75bc
}

.btn--white .btn__text .icon-svg--basket,.btn--white .btn__text .icon-svg--basket2 {
    color: #1c75bc
}

.btn:disabled,.btn.is-disabled {
    opacity: .5;
    pointer-events: none
}

.no-touchevents .btn:hover .btn__text {
    background-color: #29abe2
}

.no-touchevents .btn--buy:hover {
    background-image: linear-gradient(to left, #1c75bc, #1c75bc)
}

.no-touchevents .btn--bd:hover .btn__text {
    background-color: #29abe2;
    border-color: #fff;
    color: #fff
}

.no-touchevents .btn--grey:hover .btn__text {
    background-color: #fff;
    border-color: #ccc;
    color: #231F20
}

.no-touchevents .btn--blue:hover .btn__text {
    background-color: #fff;
    border-color: #29abe2;
    color: #29abe2
}

.no-touchevents .btn--white:hover .btn__text {
    background-image: linear-gradient(to right, #302a85, #1c75bc);
    color: #fff
}

.no-touchevents .btn--white:hover .btn__text .icon-svg--basket,.no-touchevents .btn--white:hover .btn__text .icon-svg--basket2 {
    color: #fff
}

@media (min-width: 480px) {
    .btn--sm .btn__text {
        font-size:14px
    }

    .btn--md .btn__text {
        font-size: 18px
    }

    .btn--lg.btn--icon .btn__text {
        padding-left: 70px
    }

    .btn--lg .btn__text {
        padding: 24px 40px;
        font-size: 20px
    }

    .btn--basket .btn__text {
        padding-left: 40px;
        padding-right: 100px
    }

    .btn--basket .btn__text .icon-svg--basket {
        right: 50px
    }

    .btn--lg.btn--basket .btn__text {
        padding-right: 125px
    }

    .btn--lg.btn--basket .btn__text .icon-svg--basket {
        right: 65px;
        width: 40px
    }
}

.btn-info {
    display: inline-block;
    position: relative
}

.btn-info__btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.btn-info__link,.btn-info__sublink {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 60px;
    padding: 15px 10px 15px 20px;
    font-size: 16px;
    line-height: 1;
    border-radius: 50px 0 0 50px;
    background-color: #1c75bc;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    transition: background-color .3s,border-color .3s,color .3s
}

.btn-info__link>*,.btn-info__sublink>* {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.btn-info__sublink {
    padding: 15px 20px 15px 10px;
    border-radius: 0 50px 50px 0
}

.btn-info__sublink .icon-svg {
    width: 12px;
    color: inherit
}

.btn-info__sublink .icon-svg--basket {
    width: 34px;
    margin-right: 10px;
    color: #fff
}

.btn-info__popup {
    position: absolute;
    top: 100%;
    right: 50%;
    border: 1px solid #ccc;
    border-width: 0 1px;
    box-shadow: 0 0 8px rgba(0,0,0,0.13);
    opacity: 0;
    visibility: hidden;
    z-index: 5;
    transition: opacity .3s;
    transform: translateX(50%)
}

.btn-info__popup .b-stores__link {
    padding: 10px 15px
}

.btn-info__popup.is-active {
    opacity: 1;
    visibility: visible
}

.no-touchevents .btn-info__link:hover,.no-touchevents .btn-info__sublink:hover {
    background-color: #29abe2;
    color: #fff
}

@media (max-width: 1399.98px) {
    .btn-info__popup {
        left:0;
        right: 0;
        transform: translateX(0)
    }
}

@media (min-width: 480px) {
    .btn-info__link,.btn-info__sublink {
        padding:15px 28px
    }

    .btn-info__sublink {
        padding: 15px 25px
    }
}

@media (max-width: 749.98px) {
    .js-control-item {
        display:none
    }
}

.diseases {
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    font-size: 12px
}

.diseases::before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.diseases--red::before {
    background-color: #bc160d
}

.diseases--blue::before {
    background-color: #29abe2
}

.diseases--green::before {
    background-color: #3dad73
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}

.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .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;
    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 {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable='true'] {
    cursor: 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%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30,30,30,0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .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
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2) {
    display: none
}

.fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.15) 65%, rgba(0,0,0,0.075) 75.5%, rgba(0,0,0,0.037) 82.85%, rgba(0,0,0,0.019) 88%, rgba(0,0,0,0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@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
}

.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
    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
}

@-webkit-keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1)
}

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left:6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left:max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.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%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.fancybox-content {
    width: 800px;
    max-width: 100%
}

.fancybox-bg {
    background: #231F20
}

.fancybox-slide--html .fancybox-close-small {
    width: 44px;
    height: 44px;
    padding: 0;
    right: 20px;
    top: 20px;
    color: #000
}

.no-touchevents .fancybox-slide--html .fancybox-close-small:hover {
    color: #231F20
}

.flag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 85px;
    height: 85px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: #00a083;
    border-radius: 50%;
    transform: rotate(15deg);
    z-index: 1
}

@media (min-width: 750px) {
    .flag--lg {
        width:105px;
        height: 105px;
        font-size: 14px
    }
}

.row-main {
    position: relative;
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1275px
}

.row-main::before,.row-main::after {
    content: '';
    display: table
}

.row-main::after {
    clear: both
}

@media (min-width: 750px) {
    .row-main {
        padding:0 40px
    }
}

.grid {
    margin-left: -10px;
    margin-bottom: -10px
}

@media (min-width: 750px) {
    .grid {
        margin-left:-40px;
        margin-bottom: -40px
    }
}

.grid__cell {
    position: relative;
    border: 10px solid transparent;
    -o-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E");
    border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E");
    border-width: 0 0 10px 10px
}

.grid__cell--top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.grid__cell--middle {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.grid__cell--bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.grid__cell--eq {
    display: -ms-flexbox;
    display: flex
}

.grid__cell--eq>* {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (min-width: 750px) {
    .grid__cell {
        border:40px solid transparent;
        border-width: 0 0 40px 40px
    }
}

.grid--nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.grid--middle {
    -ms-flex-align: center;
    align-items: center
}

.no-flexwrap .grid--middle .grid__cell {
    vertical-align: middle
}

.grid--bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.no-flexwrap .grid--bottom .grid__cell {
    vertical-align: bottom
}

.grid--center {
    -ms-flex-pack: center;
    justify-content: center
}

.no-flexwrap .grid--center .grid__cell {
    text-align: center
}

.grid--right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.no-flexwrap .grid--right .grid__cell {
    text-align: right
}

.grid--space-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.grid--x-0 {
    margin-left: 0
}

.grid--x-0>.grid__cell {
    border-left-width: 0
}

.grid--x-sm {
    margin-left: -30px
}

.grid--x-sm>.grid__cell {
    border-left-width: 30px
}

.grid--x-md {
    margin-left: -50px
}

.grid--x-md>.grid__cell {
    border-left-width: 50px
}

.grid--x-lg {
    margin-left: -60px
}

.grid--x-lg>.grid__cell {
    border-left-width: 60px
}

.grid--x-xl {
    margin-left: -80px
}

.grid--x-xl>.grid__cell {
    border-left-width: 80px
}

.grid--x-xxl {
    margin-left: -100px
}

.grid--x-xxl>.grid__cell {
    border-left-width: 100px
}

.grid--y-0 {
    margin-bottom: 0
}

.grid--y-0>.grid__cell {
    border-bottom-width: 0
}

.grid--y-sm {
    margin-bottom: -30px
}

.grid--y-sm>.grid__cell {
    border-bottom-width: 30px
}

.grid--y-md {
    margin-bottom: -50px
}

.grid--y-md>.grid__cell {
    border-bottom-width: 50px
}

.grid--y-lg {
    margin-bottom: -60px
}

.grid--y-lg>.grid__cell {
    border-bottom-width: 60px
}

.grid--y-xl {
    margin-bottom: -80px
}

.grid--y-xl>.grid__cell {
    border-bottom-width: 80px
}

.grid--y-xxl {
    margin-bottom: -100px
}

.grid--y-xxl>.grid__cell {
    border-bottom-width: 100px
}

.size--auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.size--autogrow {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
    max-width: none
}

.size--1-12 {
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%
}

.size--2-12 {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%
}

.size--3-12 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.size--4-12 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%
}

.size--5-12 {
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%
}

.size--6-12 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.size--7-12 {
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%
}

.size--8-12 {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%
}

.size--9-12 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.size--10-12 {
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%
}

.size--11-12 {
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%
}

.size--12-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

@media (min-width: 480px) {
    .size--auto\@sm {
        -ms-flex:0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .size--autogrow\@sm {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: auto;
        max-width: none
    }

    .size--1-12\@sm {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .size--2-12\@sm {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .size--3-12\@sm {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .size--4-12\@sm {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .size--5-12\@sm {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .size--6-12\@sm {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .size--7-12\@sm {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .size--8-12\@sm {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .size--9-12\@sm {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .size--10-12\@sm {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .size--11-12\@sm {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .size--12-12\@sm {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width: 750px) {
    .size--auto\@md {
        -ms-flex:0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .size--autogrow\@md {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: auto;
        max-width: none
    }

    .size--1-12\@md {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .size--2-12\@md {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .size--3-12\@md {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .size--4-12\@md {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .size--5-12\@md {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .size--6-12\@md {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .size--7-12\@md {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .size--8-12\@md {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .size--9-12\@md {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .size--10-12\@md {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .size--11-12\@md {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .size--12-12\@md {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width: 1000px) {
    .size--auto\@lg {
        -ms-flex:0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .size--autogrow\@lg {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: auto;
        max-width: none
    }

    .size--1-12\@lg {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .size--2-12\@lg {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .size--3-12\@lg {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .size--4-12\@lg {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .size--5-12\@lg {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .size--6-12\@lg {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .size--7-12\@lg {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .size--8-12\@lg {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .size--9-12\@lg {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .size--10-12\@lg {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .size--11-12\@lg {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .size--12-12\@lg {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .size--auto\@xl {
        -ms-flex:0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .size--autogrow\@xl {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: auto;
        max-width: none
    }

    .size--1-12\@xl {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .size--2-12\@xl {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .size--3-12\@xl {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .size--4-12\@xl {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .size--5-12\@xl {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .size--6-12\@xl {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .size--7-12\@xl {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .size--8-12\@xl {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .size--9-12\@xl {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .size--10-12\@xl {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .size--11-12\@xl {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .size--12-12\@xl {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width: 1400px) {
    .size--auto\@xxl {
        -ms-flex:0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .size--autogrow\@xxl {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: auto;
        max-width: none
    }

    .size--1-12\@xxl {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    .size--2-12\@xxl {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .size--3-12\@xxl {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .size--4-12\@xxl {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .size--5-12\@xxl {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .size--6-12\@xxl {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .size--7-12\@xxl {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .size--8-12\@xxl {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .size--9-12\@xxl {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .size--10-12\@xxl {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .size--11-12\@xxl {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .size--12-12\@xxl {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

.order--1 {
    -ms-flex-order: 1;
    order: 1
}

.order--2 {
    -ms-flex-order: 2;
    order: 2
}

.order--3 {
    -ms-flex-order: 3;
    order: 3
}

.order--4 {
    -ms-flex-order: 4;
    order: 4
}

.order--5 {
    -ms-flex-order: 5;
    order: 5
}

.order--6 {
    -ms-flex-order: 6;
    order: 6
}

.order--7 {
    -ms-flex-order: 7;
    order: 7
}

.order--8 {
    -ms-flex-order: 8;
    order: 8
}

.order--9 {
    -ms-flex-order: 9;
    order: 9
}

.order--10 {
    -ms-flex-order: 10;
    order: 10
}

.order--11 {
    -ms-flex-order: 11;
    order: 11
}

.order--12 {
    -ms-flex-order: 12;
    order: 12
}

@media (min-width: 480px) {
    .order--1\@sm {
        -ms-flex-order:1;
        order: 1
    }

    .order--2\@sm {
        -ms-flex-order: 2;
        order: 2
    }

    .order--3\@sm {
        -ms-flex-order: 3;
        order: 3
    }

    .order--4\@sm {
        -ms-flex-order: 4;
        order: 4
    }

    .order--5\@sm {
        -ms-flex-order: 5;
        order: 5
    }

    .order--6\@sm {
        -ms-flex-order: 6;
        order: 6
    }

    .order--7\@sm {
        -ms-flex-order: 7;
        order: 7
    }

    .order--8\@sm {
        -ms-flex-order: 8;
        order: 8
    }

    .order--9\@sm {
        -ms-flex-order: 9;
        order: 9
    }

    .order--10\@sm {
        -ms-flex-order: 10;
        order: 10
    }

    .order--11\@sm {
        -ms-flex-order: 11;
        order: 11
    }

    .order--12\@sm {
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width: 750px) {
    .order--1\@md {
        -ms-flex-order:1;
        order: 1
    }

    .order--2\@md {
        -ms-flex-order: 2;
        order: 2
    }

    .order--3\@md {
        -ms-flex-order: 3;
        order: 3
    }

    .order--4\@md {
        -ms-flex-order: 4;
        order: 4
    }

    .order--5\@md {
        -ms-flex-order: 5;
        order: 5
    }

    .order--6\@md {
        -ms-flex-order: 6;
        order: 6
    }

    .order--7\@md {
        -ms-flex-order: 7;
        order: 7
    }

    .order--8\@md {
        -ms-flex-order: 8;
        order: 8
    }

    .order--9\@md {
        -ms-flex-order: 9;
        order: 9
    }

    .order--10\@md {
        -ms-flex-order: 10;
        order: 10
    }

    .order--11\@md {
        -ms-flex-order: 11;
        order: 11
    }

    .order--12\@md {
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width: 1000px) {
    .order--1\@lg {
        -ms-flex-order:1;
        order: 1
    }

    .order--2\@lg {
        -ms-flex-order: 2;
        order: 2
    }

    .order--3\@lg {
        -ms-flex-order: 3;
        order: 3
    }

    .order--4\@lg {
        -ms-flex-order: 4;
        order: 4
    }

    .order--5\@lg {
        -ms-flex-order: 5;
        order: 5
    }

    .order--6\@lg {
        -ms-flex-order: 6;
        order: 6
    }

    .order--7\@lg {
        -ms-flex-order: 7;
        order: 7
    }

    .order--8\@lg {
        -ms-flex-order: 8;
        order: 8
    }

    .order--9\@lg {
        -ms-flex-order: 9;
        order: 9
    }

    .order--10\@lg {
        -ms-flex-order: 10;
        order: 10
    }

    .order--11\@lg {
        -ms-flex-order: 11;
        order: 11
    }

    .order--12\@lg {
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width: 1200px) {
    .order--1\@xl {
        -ms-flex-order:1;
        order: 1
    }

    .order--2\@xl {
        -ms-flex-order: 2;
        order: 2
    }

    .order--3\@xl {
        -ms-flex-order: 3;
        order: 3
    }

    .order--4\@xl {
        -ms-flex-order: 4;
        order: 4
    }

    .order--5\@xl {
        -ms-flex-order: 5;
        order: 5
    }

    .order--6\@xl {
        -ms-flex-order: 6;
        order: 6
    }

    .order--7\@xl {
        -ms-flex-order: 7;
        order: 7
    }

    .order--8\@xl {
        -ms-flex-order: 8;
        order: 8
    }

    .order--9\@xl {
        -ms-flex-order: 9;
        order: 9
    }

    .order--10\@xl {
        -ms-flex-order: 10;
        order: 10
    }

    .order--11\@xl {
        -ms-flex-order: 11;
        order: 11
    }

    .order--12\@xl {
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width: 1400px) {
    .order--1\@xxl {
        -ms-flex-order:1;
        order: 1
    }

    .order--2\@xxl {
        -ms-flex-order: 2;
        order: 2
    }

    .order--3\@xxl {
        -ms-flex-order: 3;
        order: 3
    }

    .order--4\@xxl {
        -ms-flex-order: 4;
        order: 4
    }

    .order--5\@xxl {
        -ms-flex-order: 5;
        order: 5
    }

    .order--6\@xxl {
        -ms-flex-order: 6;
        order: 6
    }

    .order--7\@xxl {
        -ms-flex-order: 7;
        order: 7
    }

    .order--8\@xxl {
        -ms-flex-order: 8;
        order: 8
    }

    .order--9\@xxl {
        -ms-flex-order: 9;
        order: 9
    }

    .order--10\@xxl {
        -ms-flex-order: 10;
        order: 10
    }

    .order--11\@xxl {
        -ms-flex-order: 11;
        order: 11
    }

    .order--12\@xxl {
        -ms-flex-order: 12;
        order: 12
    }
}

.icon-card {
    background-color: #fff;
    padding: 15px
}

.icon-card .icon-svg {
    width: 30px;
    margin-bottom: 10px
}

.img {
    display: block;
    position: relative;
    overflow: hidden
}

.img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.img__holder {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.img__holder iframe {
    width: 100%;
    height: 100%
}

.no-objectfit .img--fill .img__holder {
    background-size: cover;
    background-position: center center
}

.no-objectfit .img--fill .img__holder img {
    opacity: 0
}

.objectfit .img--fill {
    background-color: white
}

.no-js .img--fill img,.objectfit .img--fill img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: translate(-50%, -50%);
    max-width: initial;
    max-height: initial
}

.inp-select,.inp-text,.f-contact form .form-group .form-control {
    display: block;
    border: 1px solid #ccc;
    padding: 14px 15px;
    background-color: #fff;
    color: #231F20;
    font-size: 1rem;
    line-height: 20px;
    width: 100%;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: background-color .3s,border-color .3s
}

.inp-select:disabled,.inp-text:disabled,.f-contact form .form-group .form-control:disabled {
    background-color: #fdfaf5
}

.inp-select:focus,.inp-text:focus,.f-contact form .form-group .form-control:focus {
    border-color: #231F20
}

.has-error .inp-select,.has-error .inp-text,.has-error .f-contact form .form-group .form-control,.f-contact form .form-group .has-error .form-control {
    border-color: #bc160d
}

.inp-fix {
    position: relative;
    display: block
}

.has-error .inp-fix {
    color: #bc160d
}

.has-warning .inp-fix {
    color: #fa0
}

.has-ok .inp-fix {
    color: #3dad73
}

.inp-item input {
    position: absolute;
    left: -9999px;
    opacity: 0;
    visibility: hidden
}

.inp-item input+span {
    display: block;
    position: relative;
    padding: 6px 10px 6px 35px;
    cursor: pointer;
    font-size: 16px;
    color: #231F20
}

.inp-item input+span::before,.inp-item input+span::after {
    content: "";
    position: absolute
}

.inp-item input+span::before {
    background-color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 21px;
    height: 21px
}

.inp-item input+span::after {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s,visibility .3s
}

.inp-item input:checked+span::after {
    opacity: 1;
    visibility: visible
}

.inp-item input:disabled+span {
    cursor: not-allowed
}

.inp-item input:disabled+span:before {
    background-color: #cecdcc
}

.inp-item--cell input+span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.inp-item--cell input+span mark {
    color: rgba(0,0,0,0.6);
    background: none
}

.inp-item--small input+span {
    font-size: 12px;
    font-weight: 300
}

.inp-item--radio input+span::before {
    border: 2px solid #000
}

.inp-item--radio input+span::after {
    width: 16px;
    height: 16px;
    background-color: #231F20;
    top: 50%;
    left: 17px;
    transform: translateY(-50%)
}

.inp-item--checkbox input+span::before {
    border: 2px solid #000
}

.inp-item--checkbox input+span::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE3LjMgMzguNUwwIDIwLjZsNC40LTQuMyAxMi4xIDEyLjVMMzQuOSAxLjUgNDAgNXoiLz48L3N2Zz4=");
    background-size: 13px auto;
    width: 13px;
    height: 12px;
    left: 4px;
    top: 50%;
    margin-top: -6px
}

.inp-item--checkbox-red input+span::before {
    border-color: #bc160d
}

.inp-item--checkbox-red input+span::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iI0M3MUQyMiIgZD0iTTE3LjMgMzguNUwwIDIwLjZsNC40LTQuMyAxMi4xIDEyLjVMMzQuOSAxLjUgNDAgNSAxNy4zIDM4LjV6Ii8+PC9zdmc+")
}

.inp-item--checkbox-blue input+span::before {
    border-color: #29abe2
}

.inp-item--checkbox-blue input+span::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iIzI5YWJlMiIgZD0iTTE3LjMgMzguNUwwIDIwLjZsNC40LTQuMyAxMi4xIDEyLjVMMzQuOSAxLjUgNDAgNSAxNy4zIDM4LjV6Ii8+PC9zdmc+")
}

.inp-item--checkbox-green input+span::before {
    border-color: #3dad73
}

.inp-item--checkbox-green input+span::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iIzNkYWQ3MyIgZD0iTTE3LjMgMzguNUwwIDIwLjZsNC40LTQuMyAxMi4xIDEyLjVMMzQuOSAxLjUgNDAgNXoiLz48L3N2Zz4=")
}

.inp-item--checkbox-grey input+span::before {
    border-color: #7f7f7f
}

.inp-item--checkbox-grey input+span::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iIzdmN2Y3ZiIgZD0iTTE3LjMgMzguNUwwIDIwLjZsNC40LTQuMyAxMi4xIDEyLjVMMzQuOSAxLjUgNDAgNXoiLz48L3N2Zz4=")
}

.inp-item--icon {
    position: relative;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    width: 50px;
    text-align: center
}

.inp-item--icon input+span {
    color: #231F20;
    transition: color .3s;
    padding: 0
}

.inp-item--icon input+span::before,.inp-item--icon input+span::after {
    all: unset
}

.inp-item--icon .icon-svg {
    transition: color .3s
}

.inp-item--icon .inp-item__text {
    position: relative
}

.inp-item--icon .inp-item__text::before {
    content: '';
    position: absolute;
    bottom: -13px;
    top: auto;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #231F20;
    border-radius: 0;
    opacity: 0;
    transition: opacity .3s
}

.inp-item--icon input:checked ~ .inp-item__text::before {
    opacity: 1
}

.inp-item--icon input:checked ~ .inp-item__text .icon-svg--electricity {
    color: #231F20
}

.inp-item--icon input:checked ~ .inp-item__text .icon-svg--gas {
    color: #29abe2
}

.inp-label {
    display: inline-block;
    vertical-align: top;
    margin-bottom: .25em;
    font-weight: 700
}

.inp-select {
    padding-right: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath d='M10 0L5 5 0 0'/%3E%3C/svg%3E%0A");
    background-position: top 50% right 15px;
    background-repeat: no-repeat;
    background-size: 10px 5px
}

.inp-select::-ms-expand {
    display: none
}

textarea.inp-text {
    height: auto
}

.inp-text::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(35,31,32,0.5)
}

.inp-text::-moz-placeholder {
    opacity: 1;
    color: rgba(35,31,32,0.5)
}

.inp-text:-ms-input-placeholder {
    opacity: 1;
    color: rgba(35,31,32,0.5)
}

.inp-text::-ms-input-placeholder {
    opacity: 1;
    color: rgba(35,31,32,0.5)
}

.inp-text::placeholder {
    opacity: 1;
    color: rgba(35,31,32,0.5)
}

.inp-text:focus::-webkit-input-placeholder {
    color: rgba(0,0,0,0.25)
}

.inp-text:focus::-moz-placeholder {
    color: rgba(0,0,0,0.25)
}

.inp-text:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.25)
}

.inp-text:focus::-ms-input-placeholder {
    color: rgba(0,0,0,0.25)
}

.inp-text:focus::placeholder {
    color: rgba(0,0,0,0.25)
}

.item-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 45px;
    transition: color .3s
}

.item-icon .icon-svg {
    position: absolute;
    top: 50%;
    right: auto;
    left: 0;
    transform: translateY(-50%);
    width: 30px
}

@media (min-width: 1000px) {
    .js .js-tabs__fragment {
        position:absolute;
        left: -5000px;
        top: 0;
        width: 100%
    }

    .js-tabs__fragment.is-active {
        left: auto;
        top: auto;
        position: static
    }
}

.link-mask::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.message {
    padding: 15px 20px;
    background: #fdfaf5
}

.message>:last-child {
    margin-bottom: 0
}

.message--error,.message--ok,.message--warning {
    color: #fff
}

.message--error li::before,.message--ok li::before,.message--warning li::before {
    background-color: #fff
}

.message--error a,.message--ok a,.message--warning a {
    color: #fff
}

.message--error {
    background: #bc160d
}

.message--ok {
    background: #3dad73
}

.message--warning {
    background: #fa0
}

.js-overlay {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear .3s,opacity .3s
}

.js-overlay.is-active {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s,opacity .3s
}

.pie {
    height: 160px;
    width: 160px;
    margin: 0 auto 15px;
    position: relative;
    font-size: 25px;
    font-weight: normal
}

.pie::before {
    content: '';
    width: 140px;
    height: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    z-index: 2;
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.u-bg-default .pie::before {
    background: #fdfaf5
}

.pie__wrapper {
    height: 100%;
    width: 100%;
    clip: rect(0, 160px, 160px, 80px);
    position: absolute;
    top: 0;
    left: 0
}

.pie__half-circle {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    clip: rect(0, 80px, 160px, 0);
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 10s;
    z-index: 1;
    transform: rotate(0);
    transition: transform 5s
}

.pie__half-circle::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    top: 0px;
    bottom: 0px;
    right: 0;
    left: 0;
    background: linear-gradient(45deg, #f1572a 30%, #c81f22 70%);
    z-index: 2
}

.pie__label {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    text-align: center;
    color: #231F20;
    z-index: 3
}

.pie__label strong {
    font-size: 45px;
    line-height: 1
}

.pie__shadow {
    height: calc(100% - 10px);
    width: calc(100% - 10px);
    position: absolute;
    top: 5px;
    left: 5px;
    border: 2px dotted #ccc;
    border-radius: 50%
}

.pie--progress-10 .pie__half-circle--left {
    transform: rotate(36deg)
}

.pie--progress-10 .pie__half-circle--right {
    display: none
}

.pie--progress-20 .pie__half-circle--left {
    transform: rotate(72deg)
}

.pie--progress-20 .pie__half-circle--right {
    display: none
}

.pie--progress-30 .pie__half-circle--left {
    transform: rotate(108deg)
}

.pie--progress-30 .pie__half-circle--right {
    display: none
}

.pie--progress-40 .pie__half-circle--left {
    transform: rotate(144deg)
}

.pie--progress-40 .pie__half-circle--right {
    display: none
}

.pie--progress-50 .pie__half-circle--left {
    transform: rotate(180deg)
}

.pie--progress-50 .pie__half-circle--right {
    display: none
}

.pie--progress-60 .pie__half-circle--left {
    transform: rotate(216deg)
}

.pie--progress-60 .pie__wrapper {
    clip: rect(auto, auto, auto, auto)
}

.pie--progress-60 .pie__half-circle--left::before {
    background: linear-gradient(225deg, #f1572a 25%, #c81f22 50%)
}

.pie--progress-60 .pie__half-circle--right {
    transform: rotate(180deg)
}

.pie--progress-60 .pie__half-circle--left::before {
    background: linear-gradient(45deg, #f1572a 50%, #c81f22 50%)
}

.pie--progress-70 .pie__half-circle--left {
    transform: rotate(252deg)
}

.pie--progress-70 .pie__wrapper {
    clip: rect(auto, auto, auto, auto)
}

.pie--progress-70 .pie__half-circle--left::before {
    background: linear-gradient(225deg, #f1572a 25%, #c81f22 50%)
}

.pie--progress-70 .pie__half-circle--right {
    transform: rotate(180deg)
}

.pie--progress-80 .pie__half-circle--left {
    transform: rotate(288deg)
}

.pie--progress-80 .pie__wrapper {
    clip: rect(auto, auto, auto, auto)
}

.pie--progress-80 .pie__half-circle--left::before {
    background: linear-gradient(225deg, #f1572a 25%, #c81f22 50%)
}

.pie--progress-80 .pie__half-circle--right {
    transform: rotate(180deg)
}

.pie--progress-90 .pie__half-circle--left {
    transform: rotate(324deg)
}

.pie--progress-90 .pie__wrapper {
    clip: rect(auto, auto, auto, auto)
}

.pie--progress-90 .pie__half-circle--left::before {
    background: linear-gradient(225deg, #f1572a 25%, #c81f22 50%)
}

.pie--progress-90 .pie__half-circle--right {
    transform: rotate(180deg)
}

.pie--progress-100 .pie__half-circle--left {
    transform: rotate(360deg)
}

.pie--progress-100 .pie__wrapper {
    clip: rect(auto, auto, auto, auto)
}

.pie--progress-100 .pie__half-circle--left::before {
    background: linear-gradient(225deg, #f1572a 25%, #c81f22 50%)
}

.pie--progress-100 .pie__half-circle--right {
    transform: rotate(180deg)
}

.scroll-line {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5
}

.scroll-line__bar {
    position: relative;
    margin: 0 auto;
    height: 4px;
    background-color: #bc160d;
    padding: 0 25%
}

.scroll-line__bar::before,.scroll-line__bar::after {
    content: "";
    position: absolute;
    top: 4px;
    width: 1px;
    height: 9px;
    background-color: #ccc
}

.scroll-line__bar::before {
    left: 25%
}

.scroll-line__bar::after {
    right: 25%
}

.scroll-line__line {
    position: relative;
    background-color: #ccc;
    height: 4px;
    z-index: 1000
}

.scroll-line__line::before {
    content: "";
    position: absolute;
    right: -9px;
    top: 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8.5px 9px 8.5px;
    border-color: transparent transparent #000 transparent
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,.slick-track:after {
    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-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-slide {
    outline: 0
}

.slick-slider.grid--x-0 .grid__cell {
    border-left-width: 0
}

.slick-slider.grid--y-0 .grid__cell {
    border-bottom-width: 0
}

.slick-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -15px
}

.slick-dots li {
    margin-left: 15px
}

.slick-dots li button {
    display: block;
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 50%;
    font-size: 0;
    border: 0;
    cursor: pointer;
    outline: none
}

.slick-dots li button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: #79bec9;
    border-radius: 50%;
    z-index: 1
}

.slick-dots li button::after {
    content: '';
    display: none;
    margin-left: 50%;
    height: 100%;
    border-radius: 0 100% 100% 0 / 50%;
    background-color: inherit;
    transform-origin: left
}

.slick-dots li.slick-active button {
    background-color: #bf726e;
    background-image: linear-gradient(to right, transparent 50%, currentColor 0);
    color: #daaaa8
}

.slick-dots li.slick-active button::before {
    background-color: #fff
}

.slick-dots li.slick-active button::after {
    display: block;
    -webkit-animation: spin 3s linear infinite, bg 6s step-end infinite;
    animation: spin 3s linear infinite, bg 6s step-end infinite
}

@-webkit-keyframes spin {
    to {
        transform: rotate(0.5turn)
    }
}

@keyframes spin {
    to {
        transform: rotate(0.5turn)
    }
}

@-webkit-keyframes bg {
    50% {
        background: currentColor
    }
}

@keyframes bg {
    50% {
        background: currentColor
    }
}

.table {
    overflow: hidden;
    overflow-x: scroll
}

.tooltip {
    display: none;
    position: absolute;
    top: 85%;
    left: 15px;
    background-color: white;
    border: 1px solid #7f7f7f;
    border-radius: 5px;
    padding: 5px 10px;
    color: black;
    box-shadow: 2px 2px 5px 0px #7f7f7f;
    font-size: 13px;
    z-index: 100
}

.b-accordion__title {
    display: none
}

@media (max-width: 999.98px) {
    .b-accordion {
        padding:40px 30px;
        background-color: #ebfbff
    }

    .b-accordion__title {
        display: block;
        margin: 0
    }

    .b-accordion__item {
        position: relative;
        border: 1px solid #ccc;
        border-width: 1px 1px 0 1px
    }

    .b-accordion__item:last-child {
        border-bottom-width: 1px
    }

    .b-accordion__link {
        display: block;
        position: relative;
        padding: 15px 20px;
        background-color: #fff
    }

    .b-accordion__link::before {
        content: '';
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        height: 4px;
        background-color: #bc160d;
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s
    }

    .b-accordion__link span {
        margin-bottom: 0
    }

    .b-accordion__link .icon-svg {
        margin-bottom: 15px
    }

    .b-accordion__content {
        padding: 0 30px;
        overflow: hidden;
        position: relative;
        background-color: #fff
    }

    .b-accordion__content .row-main {
        padding: 0
    }

    .b-accordion__content .b-product-detail__info {
        margin: -60px -30px 0
    }

    .b-accordion__wrap {
        padding: 0 20px
    }

    .js .b-accordion__content {
        display: none
    }

    .b-accordion__item.is-open .b-accordion__link::before {
        opacity: 1;
        visibility: visible
    }
}

.b-article {
    position: relative
}

.b-article--hp .b-article__meta {
    margin: 0
}

.b-article--related .b-article__title {
    font-size: 22px
}

.b-article--small .b-article__title {
    font-size: 28px;
    line-height: 42px
}

.b-article--hp+hr {
    border-color: #f6f5f2
}

.b-article--hp .b-article__img-wrap,.b-article--related .b-article__img-wrap {
    margin: 0 0 35px;
    max-width: none
}

.b-article--small .b-article__img-wrap {
    margin-bottom: 25px
}

.b-article--related .b-article__annot {
    font-size: 15px;
    line-height: 24px
}

.b-article__img-wrap {
    margin-bottom: 20px
}

.b-article__img {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding-bottom: 53.21%
}

.b-article__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%
}

.b-article__img-hover {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(35,31,32,0.35);
    opacity: 0;
    transition: opacity .3s
}

.b-article__img-hover .icon-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 23px;
    color: #29abe2
}

.b-article__img-hover .icon-svg::after {
    content: "";
    position: absolute;
    top: -20px;
    left: -15px;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    border: 2px solid #29abe2
}

.b-article__meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 12px;
    color: #231F20
}

.b-article__meta time {
    color: #fff;
    padding: 8px 20px 9px;
    margin-right: 15px;
    background-color: #1c75bc
}

.b-article__title {
    margin: 0 0 20px;
    font-size: 28px;
    font-weight: 300;
    color: #231F20 !important
}

.b-article__annot {
    color: rgba(35,31,32,0.85);
    line-height: 26px
}

.b-article__annot :last-child {
    margin-bottom: 0
}

.b-article__link {
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: border .3s;
    color: #231F20
}

.b-article__link::before {
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.no-touchevents .b-article:hover .b-article__link {
    border-color: #29abe2
}

.no-touchevents .b-article:hover .b-article__img-hover {
    opacity: 1
}

@media (max-width: 749.98px) {
    .b-article--hp {
        margin-bottom:40px
    }

    .b-article--small {
        padding: 0 30px
    }
}

@media (min-width: 750px) {
    .b-article--hp,.b-article--related {
        display:block
    }
}

@media (min-width: 1000px) {
    .b-article {
        display:-ms-flexbox;
        display: flex
    }

    .b-article__img-wrap {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 0;
        margin-right: 40px
    }

    .b-article__title {
        font-size: 40px
    }

    .b-article--related .b-article__title {
        font-size: 22px
    }

    .b-article--hp,.b-article--related {
        display: block
    }
}

.b-banner__inner {
    position: relative;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto 100%
}

.b-banner__content {
    padding: 0
}

.b-banner__text :last-child {
    margin-bottom: 0
}

.b-banner__title {
    padding-top: 50px;
    margin: 0 0 30px
}

@media (max-width: 999.98px) {
    .b-banner__inner {
        padding-bottom:300px;
        background-size: auto 300px;
        background-position: bottom center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .b-banner__hint {
        -ms-flex-order: -1;
        order: -1
    }
}

@media (max-width: 999.98px) {
    .b-banner {
        margin:0 40px
    }

    .b-banner__inner {
        background-color: #fdfaf5
    }
}

@media (max-width: 749.98px) {
    .b-banner {
        margin:0
    }
}

@media (min-width: 1000px) {
    .b-banner {
        overflow:hidden
    }

    .b-banner__content {
        padding: 50px 0 170px 65px;
        margin-left: 25%;
        max-width: 595px
    }

    .b-banner__inner {
        background-size: calc(25% + 65px) auto
    }

    .b-banner__inner::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(#fff 0%, #fff 50px, #fdfaf6 50px, #fdfaf6 100%)
    }

    .b-banner__wrap {
        position: relative;
        margin-left: -35px
    }

    .b-banner__wrap::after {
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        right: -50vw;
        bottom: 0;
        background-color: #fff
    }
}

@media (min-width: 1200px) {
    .b-banner__content {
        padding-bottom:120px
    }

    .b-banner__title {
        padding-top: 90px
    }

    .b-banner__inner {
        background-position: left top;
        background-size: auto 100%
    }
}

.b-body {
    position: relative;
    margin-left: -30px;
    margin-right: -30px;
    padding: 50px 30px 0;
    background-color: #ebfbff
}

.b-body__title {
    font-weight: 300
}

.b-body__triangle {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 280px;
    height: 280px;
    overflow: hidden
}

.b-body__triangle::before {
    content: "";
    position: absolute;
    left: 50px;
    bottom: -95px;
    width: 180px;
    height: 180px;
    background-color: #58b0be;
    transform: rotate(45deg);
    pointer-events: none
}

.b-body__triangle::after {
    content: "";
    position: absolute;
    left: 52px;
    bottom: -103px;
    width: 200px;
    height: 200px;
    border: 1px solid #fff;
    transform: rotate(45deg);
    pointer-events: none
}

.b-body__img {
    position: relative;
    display: none;
    z-index: 1
}

.b-body__img img {
    margin-bottom: -25px
}

.b-body__buttons>:last-child {
    margin-bottom: 0
}

.b-body__button {
    position: relative;
    margin-bottom: 20px;
    opacity: 1;
    visibility: visible;
    transition: opacity .3s,visibility .3s;
    z-index: 2
}

.b-body__link {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    color: #fff
}

.b-body__link::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none
}

.b-body__img.is-visible {
    display: block
}

.b-body__button--red .b-body__link::before {
    background-color: #bc160d
}

.b-body__button--blue .b-body__link::before {
    background-color: #29abe2
}

.b-body__button--green .b-body__link::before {
    background-color: #3dad73
}

.no-touchevents .b-body__button--red .b-body__link:hover {
    color: #fff
}

.no-touchevents .b-body__button--red .b-body__link:hover::before {
    box-shadow: 0 0 0 0 rgba(188,22,13,0.5);
    -webkit-animation: pulse 1.5s infinite;
    animation: pulse 1.5s infinite
}

.no-touchevents .b-body__button--blue .b-body__link:hover {
    color: #fff
}

.no-touchevents .b-body__button--blue .b-body__link:hover::before {
    box-shadow: 0 0 0 0 rgba(41,171,226,0.5);
    -webkit-animation: pulse 1.5s infinite;
    animation: pulse 1.5s infinite
}

.no-touchevents .b-body__button--green .b-body__link:hover {
    color: #fff
}

.no-touchevents .b-body__button--green .b-body__link:hover::before {
    box-shadow: 0 0 0 0 rgba(61,173,115,0.5);
    -webkit-animation: pulse 1.5s infinite;
    animation: pulse 1.5s infinite
}

@media (max-width: 999.98px) {
    .b-body__wrap {
        max-width:350px;
        margin: 0 auto
    }

    .b-body__img {
        max-width: 195px;
        margin: 0 auto
    }

    .b-body__buttons {
        position: absolute;
        bottom: 100px;
        right: 0
    }
}

@media (min-width: 1000px) {
    .b-body {
        display:-ms-flexbox;
        display: flex;
        padding: 80px 80px 50px
    }

    .b-body__text {
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        margin-right: 75px
    }

    .b-body__wrap {
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        padding-left: 430px
    }

    .b-body__img {
        position: absolute;
        top: -80px;
        left: 50%;
        transform: translateX(-50%)
    }

    .b-body__button {
        margin-bottom: 40px
    }

    .b-body__button::before {
        content: '';
        position: absolute;
        right: 100%;
        top: 65px;
        background-repeat: no-repeat;
        transition: opacity .3s
    }

    .b-body__button.is-hidden::before {
        opacity: 0
    }

    .b-body__button[data-part="first"]::before {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlNrdXBpbmFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMTEwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMDAgMTEwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBpZD0iUG9seWdvbl80IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0VCM0EyQSIgZD0iTTAsMTEwbDYtMTVjMC43LDIuMSwxLjksNCwzLjQsNS42YzEuNiwxLjUsMy42LDIuNyw1LjYsMy40TDAsMTEweiIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0VCM0EyQSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjEuMDAwMDAwZS0wMyw0IiBkPSJNNCwxMDQuNkwxMDguNCwxSDI5OSIvPjwvc3ZnPg==");
        width: 260px;
        height: 110px
    }

    .b-body__button[data-part="second"]::before {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlNrdXBpbmFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMDYuMSAxMi44IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDYuMSAxMi44IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBpZD0iUG9seWdvbl80X2NvcHlfMiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNFQjNBMkEiIGQ9Ik0wLDYuNGwxNC44LDYuNGMtMC45LTItMS40LTQuMS0xLjUtNi4zQzEzLjQsNC4yLDEzLjksMiwxNC44LDBMMCw2LjR6Ii8+PHBhdGggaWQ9IlNoYXBlXzNfY29weV8zIiBmaWxsPSJub25lIiBzdHJva2U9IiNFQjNBMkEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIxLjAwMDAwMGUtMDMsNCIgZD0iTTUuMSw0LjloMjAwIi8+PC9zdmc+");
        width: 175px;
        height: 15px
    }

    .b-body__button[data-part="third"]::before {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlNrdXBpbmFfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNzYgOTQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI3NiA5NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggaWQ9IlBvbHlnb25fNF9jb3B5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0VCM0EyQSIgZD0iTTAsMGw2LDE1YzAuNy0yLjEsMS45LTQsMy40LTUuNkMxMSw3LjksMTIuOSw2LjcsMTUsNkwwLDB6Ii8+PHBhdGggaWQ9IlNoYXBlXzNfY29weV8yIiBmaWxsPSJub25lIiBzdHJva2U9IiNFQjNBMkEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIxLjAwMDAwMGUtMDMsNCIgZD0iTTYsNWw4OCw4OGgxODEiLz48L3N2Zz4=");
        width: 245px;
        height: 95px;
        top: auto;
        bottom: 55px
    }

    .b-body__link {
        width: 135px;
        height: 135px;
        font-size: 18px;
        line-height: 20px
    }

    .b-body__link::before {
        width: 135px;
        height: 135px
    }

    .b-body__triangle::before {
        left: 45px
    }

    .b-body__triangle::after {
        left: 35px
    }
}

@-webkit-keyframes pulse {
    0% {
        transform: scale(0.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 50px rgba(90,153,212,0)
    }

    100% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(90,153,212,0)
    }
}

@keyframes pulse {
    0% {
        transform: scale(0.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 50px rgba(90,153,212,0)
    }

    100% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(90,153,212,0)
    }
}

@-webkit-keyframes pulse2 {
    0% {
        transform: scale(1, 1)
    }

    50% {
        opacity: 0.3
    }

    100% {
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes pulse2 {
    0% {
        transform: scale(1, 1)
    }

    50% {
        opacity: 0.3
    }

    100% {
        transform: scale(1.5);
        opacity: 0
    }
}

.b-carousel {
    position: relative
}

.b-carousel__inner .row-main {
    padding-top: 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.b-carousel__inner img {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.b-carousel__right {
    position: absolute;
    bottom: -44px;
    right: 0;
    max-width: 33.85093%
}

.b-carousel__right-img {
    position: relative;
    z-index: 2
}

.b-carousel__shadow {
    position: absolute;
    bottom: -8px;
    right: -8px;
    display: block;
    width: 95%;
    z-index: 1
}

.b-carousel__title {
    padding-top: 50px;
    max-width: 280px;
    margin: 0 auto 25px;
    font-size: 42px;
    color: #fff;
    font-weight: 300
}

.b-carousel__text {
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    color: #fff
}

.b-carousel__video video {
    position: relative;
    width: 100%
}

.b-carousel .btn__text {
    text-transform: initial
}

@media (max-width: 999.98px) {
    .b-carousel__right {
        display:none
    }

    .b-carousel__desktop {
        display: none
    }

    .b-carousel__mobile {
        display: block
    }

    .b-carousel__text {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        line-height: 1.8em;
        margin: 0 auto 70px
    }

    .b-carousel__text>*:first-child {
        margin-bottom: 0
    }

    .b-carousel__arrows {
        display: none
    }
}

@media (max-width: 749.98px) {
    .b-carousel__inner {
        max-height:580px
    }

    .b-carousel__inner .row-main {
        padding-top: 0
    }
}

@media (min-width: 480px) {
    .b-carousel__title,.b-carousel__text {
        max-width:none
    }
}

@media (min-width: 1000px) {
    .b-carousel__desktop {
        display:block
    }

    .b-carousel__mobile {
        display: none
    }

    .b-carousel__inner .row-main {
        width: 100%;
        padding-top: 0;
        padding-left: 135px
    }

    .b-carousel__inner img {
        max-width: 100%
    }

    .b-carousel__content {
        position: relative;
        overflow: hidden
    }

    .b-carousel__title {
        font-size: 64px
    }

    .b-carousel__text {
        font-size: 18px;
        max-width: 575px;
        margin-left: -40px
    }

    .b-carousel__text>* {
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        border-left: 40px solid transparent
    }

    .b-carousel__arrows {
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%)
    }

    .b-carousel__prev,.b-carousel__next {
        text-decoration: none;
        color: #fff
    }

    .b-carousel__prev .icon-svg,.b-carousel__next .icon-svg {
        width: 25px
    }

    .b-carousel__prev {
        margin-right: 25px
    }

    .b-carousel .slick-slide {
        max-height: 625px
    }
}

.slick-slide:not(.slick-active) {
    visibility: hidden
}

.b-comparison {
    position: relative
}

.b-comparison::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 170px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDExMi41IDE3NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTEyLjUgMTc1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6Izc5QkVDOTt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTM4NC41LDYyTC0xMzctMTg1LjVMMTEwLjUsNjJMLTEzNywzMDkuNUwtMzg0LjUsNjJ6Ii8+PC9zdmc+");
    background-repeat: no-repeat
}

@media (min-width: 750px) {
    .b-comparison {
        background-image:url("/assets/zeflavon/img/bg/compare-bg.png");
        background-repeat: no-repeat;
        background-position: right bottom
    }
}

@media (min-width: 1000px) {
    .b-comparison::before {
        top:-60px
    }
}

.b-contact {
    font-size: 17px;
    line-height: 28px
}

.b-contact__address {
    position: relative;
    margin-bottom: 30px;
    font-style: normal
}

.b-contact__address::before {
    content: "";
    display: block;
    width: 43px;
    height: 6px;
    margin-bottom: 20px;
    background-color: #bc160d
}

@media (max-width: 749.98px) {
    .b-control {
        position:relative;
        margin-bottom: 1px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 13px 50px 13px 20px;
        background-color: #e5e5e5;
        color: #231F20;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
        cursor: pointer
    }

    .b-control--filter {
        margin-bottom: 65px
    }

    .b-control--filter::before {
        content: "";
        position: absolute;
        bottom: -30px;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #e5e5e5
    }

    .b-control .icon-svg {
        width: 24px;
        margin-right: 15px;
        color: #000
    }

    .b-control::after {
        content: "";
        position: absolute;
        right: 25px;
        top: 50%;
        margin-top: -4px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 4px 0 4px;
        border-color: #000 transparent transparent transparent;
        transition: transform .3s
    }

    .b-control.is-active::after {
        transform: rotate(180deg)
    }
}

.b-cookie {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f8eede;
    color: #231F20;
    padding: 10px 0;
    z-index: 100;
    transition: opacity .3s,visibility 0.01s .3s
}

.b-cookie__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b-cookie__item {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-bottom: 0;
    text-align: left
}

.b-cookie__item a {
    color: #231F20
}

.b-cookie__icons {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b-cookie__link {
    display: block;
    padding: 0 10px;
    color: #231F20;
    font-weight: 700;
    text-decoration: none;
    font-size: 12px
}

.b-cookie__close {
    padding: 0 10px;
    color: #231F20
}

.b-cookie__close .icon-svg {
    width: 15px;
    color: inherit;
    transition: color .3s
}

.b-cookie.is-visible {
    visibility: visible;
    opacity: 1;
    transition: none
}

.no-touchevents .b-cookie__close:hover .icon-svg,.no-touchevents .b-cookie__link:hover {
    color: #d0b995
}

.no-touchevents .b-cookie__item a:hover {
    text-decoration: none
}

@media (min-width: 750px) {
    .b-cookie__content {
        -ms-flex-align:center;
        align-items: center
    }

    .b-cookie__link {
        font-size: 14px
    }

    .b-cookie__close {
        padding: 0;
        margin-left: 25px
    }
}

.b-detail p {
    font-size: 20px
}

.b-detail .row-main {
    position: static
}

.b-detail__images {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px
}

.b-detail__images a {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    height: auto
}

.b-detail__images img {
    width: 100%;
    height: auto
}

.b-detail__heading {
    position: relative;
    margin-bottom: 40px
}

.b-detail__heading-ico {
    display: block;
    width: 39px
}

.b-detail__heading-ico .icon-svg {
    width: 39px
}

.b-detail__heading-ico .icon-svg--images {
    margin-bottom: 10px
}

.b-detail--red .b-detail__heading {
    color: #bc160d
}

.b-detail--red .scroll-line__bar {
    background-color: #bc160d
}

.b-detail--blue .b-detail__heading {
    color: #29abe2
}

.b-detail--blue .scroll-line__bar {
    background-color: #29abe2
}

.b-detail--green .b-detail__heading {
    color: #3dad73
}

.b-detail--green .scroll-line__bar {
    background-color: #3dad73
}

.b-detail--grey .b-detail__heading {
    color: #7f7f7f
}

.b-detail--grey .scroll-line__bar {
    background-color: #7f7f7f
}

.b-detail__quickmenu {
    top: 0;
    margin-bottom: 80px
}

@media (max-width: 749.98px) {
    .b-detail__quickmenu {
        margin-bottom:40px
    }
}

@media (min-width: 750px) {
    .b-detail__heading::before {
        content:"";
        position: absolute;
        z-index: -1;
        left: -36px;
        bottom: -11px;
        width: 69px;
        height: 34px;
        background-color: #ebfbff;
        pointer-events: none
    }

    .b-detail__images a {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        width: 25%
    }
}

.js .b-gallery__control {
    position: absolute;
    top: -70px;
    left: 40px;
    right: 40px;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none
}

.js .b-gallery__prev,.js .b-gallery__next {
    display: block;
    width: 48px;
    height: 48px;
    padding: 13px;
    border: 1px solid #bc160d;
    border-radius: 50%;
    line-height: 0;
    pointer-events: auto;
    cursor: pointer
}

.js .b-gallery__prev .icon-svg,.js .b-gallery__next .icon-svg {
    width: 100%;
    color: #231F20;
    transition: color .3s
}

.b-gallery__content {
    position: relative
}

.b-gallery__title {
    margin-bottom: 30px
}

.b-gallery__items-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: 0 0 calc(100% + 30px);
    flex: 0 0 calc(100% + 30px);
    max-width: calc(100% + 30px);
    margin-left: -30px
}

@media all and (-ms-high-contrast: none) {
    .b-gallery *::-ms-backdrop,.b-gallery__items-wrap {
        -ms-flex: 0 0 105%;
        flex: 0 0 105%;
        max-width: 105%
    }
}

.b-gallery__item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.b-gallery__items-wrap .b-gallery__item {
    border-left: 30px solid transparent
}

.b-gallery__img {
    margin: 0 0 50px
}

.b-gallery__img-wrap {
    position: relative;
    display: block;
    padding-bottom: 56.25%;
    overflow: hidden
}

.b-gallery__img-wrap--tall {
    padding-bottom: 112.5%
}

.b-gallery__img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.b-gallery__img-caption {
    margin: 0 0 -40px;
    padding-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px;
    line-height: 15px;
    font-size: 12px
}

@media (max-width: 749.98px) {
    .js .b-gallery__control {
        display:none
    }

    .b-gallery__list {
        display: none
    }
}

@media (min-width: 750px) {
    .b-gallery__title {
        margin-bottom:60px
    }

    .b-gallery__page {
        display: -ms-flexbox;
        display: flex;
        margin-left: -30px
    }

    .b-gallery__cell {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-left: 30px solid transparent;
        overflow: hidden
    }

    .b-gallery__cell--one-third {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }

    .b-gallery__cell--two-third {
        -ms-flex: 0 0 66.66%;
        flex: 0 0 66.66%;
        max-width: 66.66%
    }

    .b-gallery__item--half {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .js .b-gallery__prev.is-disabled,.js .b-gallery__next.is-disabled {
        border-color: #7f7f7f
    }

    .js .b-gallery__prev.is-disabled .icon-svg,.js .b-gallery__next.is-disabled .icon-svg {
        color: #7f7f7f
    }
}

@media (min-width: 750px) {
    .b-grid-contact {
        display:-ms-grid;
        display: grid;
        -ms-grid-columns: minmax(0, 40fr) 40px minmax(0, 60fr);
        grid-template-columns: minmax(0, 40fr) 40px minmax(0, 60fr);
        -ms-grid-rows: -webkit-min-content 1fr;
        -ms-grid-rows: min-content 1fr;
        grid-template-rows: -webkit-min-content 1fr;
        grid-template-rows: min-content 1fr;
        grid-template-areas: "top . side" "bottom . side"
    }

    .b-grid-contact__section--about {
        grid-area: top
    }

    .b-grid-contact__section--form {
        grid-area: side
    }

    .b-grid-contact__section--address {
        grid-area: bottom
    }
}

@media (min-width: 750px) {
    .b-grid-contact__section--about {
        -ms-grid-row:1;
        -ms-grid-column: 1
    }

    .b-grid-contact__section--form {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3
    }

    .b-grid-contact__section--address {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }
}

@media (min-width: 1000px) {
    .b-grid-contact {
        -ms-grid-columns:minmax(0, 38fr) 60px minmax(0, 62fr);
        grid-template-columns: minmax(0, 38fr) 60px minmax(0, 62fr)
    }
}

.b-headline__inner {
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative
}

.b-headline__inner img {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.b-headline__title {
    font-size: 36px;
    font-weight: 300;
    margin: 0 0 0 22px
}

.b-headline__wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.b-headline__back {
    position: absolute;
    top: 15px;
    right: 30px;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    transition: opacity .3s
}

.b-headline__back .icon-svg {
    width: 26px;
    margin-right: 16px;
    transform: rotate(180deg)
}

.b-headline--large .b-headline__title {
    margin-bottom: 35px;
    font-size: 54px;
    color: #bc160d
}

.b-headline--large .b-headline__annot {
    padding-left: 22px;
    font-size: 18px;
    line-height: 30px;
    color: #231F20
}

.no-touchevents .b-headline__back:hover {
    color: #fff;
    opacity: 0.7
}

.b-headline .row-main {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

@media (max-width: 749.98px) {
    .b-headline__back {
        display:none
    }

    .b-headline__inner {
        padding: 0
    }

    .b-headline__inner img {
        margin: 0
    }

    .b-headline__title {
        font-size: 30px
    }

    .b-headline--large {
        background-image: linear-gradient(#cdecf8, #fcfeff)
    }

    .b-headline--large .b-headline__inner {
        padding-bottom: 50px;
        background-image: none !important
    }

    .b-headline--large .b-headline__title {
        font-size: 42px
    }

    .b-headline--large .b-headline__annot :last-child {
        margin-bottom: 0
    }
}

@media (min-width: 750px) {
    .b-headline--large .b-headline__inner {
        padding-bottom:0;
        background-position: top left;
        background-size: auto 200%
    }

    .b-headline--large .b-headline__wrap {
        width: 330px
    }

    .b-headline__back {
        right: 40px
    }
}

@media (min-width: 1000px) {
    .b-headline--large .b-headline__inner {
        padding-bottom:164px;
        background-image: none !important
    }

    .b-headline__inner img {
        max-width: 100%
    }
}

@media (min-width: 1280px) {
    .b-headline__back {
        right:0
    }
}

.b-hint {
    position: relative;
    z-index: 10;
    float: right;
    margin-top: -140px;
    padding: 60px 40px 50px 168px;
    width: 530px;
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 168px, #79bec9 168px, #79bec9 100%);
    color: #fff
}

.b-hint--full {
    float: none;
    margin-top: 0;
    width: 100%
}

.b-hint__title {
    margin: 0 0 20px
}

.b-hint__ico {
    position: absolute;
    right: 20px;
    top: -15px;
    z-index: 10;
    width: 96px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    text-align: center
}

.b-hint__ico::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 48px 48px 0 48px;
    border-color: #dd3d26 transparent transparent transparent
}

.b-hint__bg::after,.b-hint__bg::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 2px;
    height: 58px;
    background-color: #fff;
    transform: rotate(45deg) translateX(-50%);
    transform-origin: bottom
}

.b-hint__bg::after {
    transform: rotate(-45deg) translateX(-50%)
}

.b-hint__text :last-child {
    margin-bottom: 0
}

.b-hint__text img {
    display: inline-block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    vertical-align: middle
}

@media (max-width: 999.98px) {
    .b-hint {
        margin-top:0;
        width: auto;
        padding: 60px 40px 40px;
        background-color: #79bec9
    }
}

@media (min-width: 1000px) {
    .b-hint::before {
        content:"";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 168px 168px;
        border-color: transparent transparent #79bec9 transparent
    }

    .b-hint::after {
        content: "";
        position: absolute;
        top: 168px;
        left: 0;
        bottom: 0;
        width: 168px;
        background-color: #79bec9
    }
}

.b-icon-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.b-icon-text__icon {
    -ms-flex: 0 0 44px;
    flex: 0 0 44px;
    max-width: 44px;
    margin-right: 22px
}

.b-icon-text__icon .icon-svg {
    width: 44px
}

.b-icon-text--hp .b-icon-text__icon {
    -ms-flex: 0 0 19px;
    flex: 0 0 19px;
    max-width: 19px;
    margin-right: 10px
}

.b-icon-text--hp .b-icon-text__icon .icon-svg {
    width: 19px
}

.b-icon-text--hp .b-icon-text__text {
    font-size: 15px;
    color: #231F20
}

.b-icon-text--circle .b-icon-text__icon {
    position: relative;
    -ms-flex: 0 0 26px;
    flex: 0 0 26px;
    max-width: 26px;
    height: 26px;
    margin-right: 14px;
    background-color: #fff;
    border-radius: 50%
}

.b-icon-text--circle .b-icon-text__icon .icon-svg {
    width: 13px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.b-list--hp {
    -moz-column-count: 2;
    column-count: 2;
    margin-bottom: 10px;
    padding: 30px 30px 0 0
}

.b-list__item {
    margin-bottom: 11px
}

.b-list__link {
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    color: #fff
}

@media (max-width: 999.98px) {
    .b-list--hp {
        padding:0
    }
}

@media (min-width: 750px) {
    .b-list--hp {
        -moz-column-count:2;
        column-count: 2;
        margin-bottom: 20px
    }
}

@media (min-width: 1000px) {
    .b-list--hp {
        -moz-column-count:3;
        column-count: 3
    }
}

@media (min-width: 1200px) {
    .b-list--hp {
        -moz-column-count:4;
        column-count: 4
    }
}

.b-modal {
    position: fixed;
    z-index: 2000;
    top: 100px;
    left: 20px;
    right: 20px;
    max-width: 850px;
    margin: 0 auto;
    padding: 50px 20px;
    background: #fff;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear .3s,opacity .3s
}

.b-modal__close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer
}

.b-modal__title {
    margin-top: 0
}

.b-modal__description {
    font-size: 18px
}

.b-modal__list {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 500px
}

.b-modal__item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%
}

.b-modal__link {
    display: inline-block;
    padding: 10px 10px 10px 17px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 265.5 439.1' enable-background='new 0 0 265.5 439.1' xml:space='preserve'%3E%3Cpath fill='%2300BD8E' d='M36.9,438.3c-7.7,0-15.4-2.9-21.2-8.8C4,417.8,4,398.8,15.7,387.1l163.9-163.9L10.7,51.1 C-0.9,39.3-0.7,20.3,11.1,8.7S41.9-2.8,53.5,9.1l210.6,214.5l-206,206C52.3,435.4,44.6,438.3,36.9,438.3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 7px 12px;
    background-position: left 0 top 15px;
    transition: background .3s ease-out
}

.b-modal.is-active {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s,opacity .3s
}

.no-touchevents .b-modal__link:hover {
    background-position: left 2px top 15px
}

@media (min-width: 480px) {
    .b-modal {
        left:35px !important;
        right: 35px !important;
        padding: 80px 35px
    }

    .b-modal__list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .b-modal__item {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: auto
    }
}

.b-not-found {
    font-weight: 300;
    text-align: center
}

.b-not-found .icon-svg {
    width: 56px;
    color: #81c2cc;
    margin-bottom: 30px
}

.b-not-found__title {
    position: relative;
    padding-bottom: 30px;
    margin: 0 0 30px;
    font-size: 40px;
    font-weight: 300
}

.b-not-found__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -34px;
    width: 68px;
    height: 4px;
    background-color: rgba(129,194,204,0.5)
}

.overlay-source {
    position: relative;
    display: block
}

.overlay-source::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    transition: opacity .3s
}

.overlay-source::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Vrstva_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M50,48L35.4,33.3c3-3.5,4.8-8.1,4.8-13.1c0.1-11-9-20.1-20-20.1S0,9.1,0,20.3s9,20.3,20.1,20.3 c5.1,0,9.8-1.9,13.3-5.1L48,50L50,48z M2.9,20.3c0-9.5,7.8-17.4,17.3-17.4s17.3,7.7,17.3,17.4s-7.8,17.3-17.3,17.3 S2.9,29.8,2.9,20.3z'/%3E%3C/svg%3E%0A");
    opacity: 0;
    transition: opacity .3s
}

.no-touchevents .overlay-source:hover::before {
    opacity: 1
}

.no-touchevents .overlay-source:hover::after {
    opacity: 1
}

.b-paging {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.b-paging__pages {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    margin-left: -10px;
    margin-bottom: -10px
}

.b-paging__btn .icon-svg {
    width: 26px
}

.b-paging__next .icon-svg {
    transform: rotate(-90deg)
}

.b-paging__prev .icon-svg {
    transform: rotate(90deg)
}

.b-paging__item {
    margin-left: 10px;
    margin-bottom: 10px;
    width: 54px;
    height: 54px;
    line-height: 54px;
    border: 1px solid #d29e62;
    border-radius: 50%;
    color: #d29e62;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: background .3s
}

.b-paging__item.is-active {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background-color: #d29e62;
    color: #fff
}

.no-touchevents .b-paging__item:hover {
    color: #fff;
    background-color: #c59257
}

.b-percentage__text {
    text-align: center;
    font-size: 28px;
    line-height: 34px;
    font-weight: 300;
    color: #231F20
}

.b-problem {
    height: auto
}

.b-problem__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    height: 100%;
    padding: 20px;
    border: 3px solid transparent;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    color: #231F20
}

.b-problem__title {
    margin: 0;
    font-size: 22px;
    font-weight: 100;
    text-transform: uppercase
}

.b-problem__icon {
    position: absolute;
    bottom: 20px;
    right: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s
}

.b-problem--red .b-problem__inner {
    border-color: #bc160d
}

.b-problem--blue .b-problem__inner {
    border-color: #29abe2
}

.b-problem--green .b-problem__inner {
    border-color: #3dad73
}

.no-touchevents .b-problem__inner:hover {
    color: #fff
}

.no-touchevents .b-problem__inner:hover .b-problem__icon {
    opacity: 1;
    visibility: visible
}

.no-touchevents .b-problem--red .b-problem__inner:hover {
    background-color: #bc160d
}

.no-touchevents .b-problem--blue .b-problem__inner:hover {
    background-color: #29abe2
}

.no-touchevents .b-problem--green .b-problem__inner:hover {
    background-color: #3dad73
}

@media (min-width: 750px) {
    .b-problem {
        height:200px
    }

    .b-problem__inner {
        padding: 40px
    }

    .b-problem--sm {
        height: auto
    }
}

.b-product-cards {
    display: -ms-flexbox;
    display: flex
}

.b-product-cards+div {
    position: relative;
    z-index: 100
}

.b-product-cards__item {
    position: relative;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 25px;
    background-color: #fff;
    text-align: center;
    border-left: 1px #deeff2 solid
}

.b-product-cards__item:first-child {
    border-left: 0
}

.b-product-cards__title {
    margin-bottom: 27px;
    font-size: 15px;
    font-weight: 700
}

.b-product-cards__link {
    text-decoration: none
}

.b-product-cards__link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.b-product-cards__img {
    margin: 0;
    height: 85px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b-product-cards__img img {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 100%;
    height: auto
}

@media (max-width: 999.98px) {
    .b-product-cards {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .b-product-cards__item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .b-product-cards__item:nth-child(1),.b-product-cards__item:nth-child(2) {
        border-bottom: 1px #deeff2 solid
    }
}

.b-product-detail {
    position: relative;
    padding: 0;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center !important;
    align-items: center !important
}

.b-product-detail>*>:last-child {
    margin-bottom: 0
}

.b-product-detail__buy-btn {
    display: block !important;
    text-align: center
}

.b-product-detail__img {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    z-index: 4
}

.b-product-detail__img-inner {
    position: relative;
    display: inline-block
}

.b-product-detail__img-inner .flag {
    top: -35px;
    right: -35px
}

.b-product-detail__info {
    position: relative;
    margin-top: -60px;
    padding: 90px 30px 30px;
    z-index: 1
}

.b-product-detail__info-title {
    margin-bottom: 10px
}

.b-product-detail__packages {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    background-color: #fff
}

.b-product-detail__package {
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    padding: 15px 0;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #231F20;
    border: 1px solid #f8eede;
    border-width: 1px 1px 1px 0
}

.b-product-detail__package:first-child {
    border-left-width: 1px
}

.b-product-detail__package .item-icon {
    padding-left: 35px
}

.b-product-detail__package .item-icon .icon-svg {
    width: 23px
}

.b-product-detail__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.b-product-detail__btn {
    margin-top: auto
}

@media (max-width: 749.98px) {
    .b-product-detail__package .item-icon {
        padding-left:0
    }

    .b-product-detail__package .item-icon .icon-svg {
        display: none
    }
}

@media (min-width: 750px) {
    .b-product-detail {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .b-product-detail__content {
        border-left: 40px solid transparent;
        margin: 0
    }
}

@media (min-width: 1000px) {
    .b-product-detail__content {
        border-left-width:80px
    }

    .b-product-detail__info {
        max-width: 90%;
        margin-top: -145px;
        padding: 170px 0 35px 50px;
        background-color: transparent
    }
}

.b-product-grid {
    padding: 0;
    height: 100%
}

.c-products__item:nth-last-child(odd) .b-product-grid {
    margin-left: -40px
}

.b-product-grid::before {
    content: '';
    position: absolute;
    left: -50px;
    top: -50px;
    bottom: -50px;
    width: 1px;
    background-color: #ccc
}

.b-product-grid::after {
    content: '';
    position: absolute;
    left: -50px;
    right: -50px;
    bottom: -50px;
    height: 1px;
    background-color: #ccc
}

.b-product-grid>*>:last-child {
    margin-bottom: 0
}

.b-product-grid__title {
    margin-bottom: 40px
}

.b-product-grid__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.b-product-grid__img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px
}

.b-product-grid__img-inner {
    position: relative;
    display: inline-block
}

.b-product-grid__img-inner .flag {
    top: -35px;
    right: -35px
}

.b-product-grid__btn {
    margin-top: auto
}

@media (min-width: 750px) {
    .b-product-grid {
        display:-ms-grid;
        display: grid;
        -ms-grid-columns: minmax(0, 40fr) 50px minmax(0, 60fr);
        grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
        -ms-grid-rows: -webkit-min-content 0 1fr;
        -ms-grid-rows: min-content 0 1fr;
        grid-template-rows: -webkit-min-content 1fr;
        grid-template-rows: min-content 1fr;
        grid-gap: 0 50px;
        grid-template-areas: "title img" "content img"
    }

    .b-product-grid__title {
        grid-area: title
    }

    .b-product-grid__img {
        grid-area: img;
        margin-bottom: 0
    }

    .b-product-grid__content {
        grid-area: content
    }
}

@media (min-width: 750px) {
    .b-product-grid__title {
        -ms-grid-row:1;
        -ms-grid-column: 1
    }

    .b-product-grid__img {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 3
    }

    .b-product-grid__content {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }
}

.b-product-info {
    padding: 20px 0 50px
}

.b-product-info::before,.b-product-info::after {
    content: '';
    display: table
}

.b-product-info::after {
    clear: both
}

.b-product-info__title {
    font-size: 28px;
    color: #231F20
}

.b-product-info__img {
    display: none
}

@media (min-width: 1000px) {
    .b-product-info {
        margin-bottom:80px;
        padding: 50px 70px
    }

    .b-product-info__content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: -50px
    }

    .b-product-info__img {
        -ms-flex: 0 1 40%;
        flex: 0 1 40%;
        display: block;
        border-left: 50px solid transparent
    }

    .b-product-info__desc {
        -ms-flex: 0 1 60%;
        flex: 0 1 60%;
        border-left: 50px solid transparent
    }
}

.b-product {
    position: relative;
    padding: 25px 30px 30px;
    border: 1px solid #ccc
}

.b-product__content {
    font-size: 14px
}

.b-product__content>:last-child {
    margin-bottom: 0
}

.b-product__title {
    font-size: 16px
}

.b-product__img {
    margin: 0 -30px 35px;
    padding: 30px;
    text-align: center;
    background-color: #fdfaf6
}

.b-product__img>:last-child {
    margin-bottom: 0
}

.b-product__more {
    margin: 0
}

.b-product__btn,.b-product__collapse {
    display: none
}

.b-quicklinks {
    margin-bottom: 30px;
}

.b-quicklinks__title {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 700
}

.b-quicklinks__item {
    position: relative;
    margin-bottom: 7px
}

.b-quicklinks__item::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-size: 19px auto
}

.b-detail--red .b-quicklinks__item::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iI2JjMTYwZCIgZD0iTTEuMyAyMS4zaDM0LjFsLTYuMyA1LjVjLS41LjUtLjYgMS4zLS4xIDEuOHMxLjMuNiAxLjguMWw4LjgtNy43LjEtLjEuMS0uMS4xLS4xczAtLjEuMS0uMWMwIDAgMC0uMS4xLS4xdi0uMS0uMS0uMS0uMS0uMS0uMS0uMS0uMXMwLS4xLS4xLS4xYzAgMCAwLS4xLS4xLS4xbC0uMS0uMWgtLjFsLS4xLS4xLTguOC03LjdjLS4yLS4yLS41LS4zLS44LS4zLS40IDAtLjcuMS0xIC40LS41LjUtLjQgMS4zLjEgMS44bDYuMyA1LjVIMS4zYy0uNy0uMy0xLjMuMy0xLjMgMXMuNiAxLjMgMS4zIDEuM3oiLz48L3N2Zz4=")
}

.b-detail--blue .b-quicklinks__item::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iIzI5YWJlMiIgZD0iTTEuMyAyMS4zaDM0LjFsLTYuMyA1LjVjLS41LjUtLjYgMS4zLS4xIDEuOHMxLjMuNiAxLjguMWw4LjgtNy43LjEtLjEuMS0uMS4xLS4xczAtLjEuMS0uMWMwIDAgMC0uMS4xLS4xdi0uMS0uMS0uMS0uMS0uMS0uMS0uMS0uMXMwLS4xLS4xLS4xYzAgMCAwLS4xLS4xLS4xbC0uMS0uMWgtLjFsLS4xLS4xLTguOC03LjdjLS4yLS4yLS41LS4zLS44LS4zLS40IDAtLjcuMS0xIC40LS41LjUtLjQgMS4zLjEgMS44bDYuMyA1LjVIMS4zYy0uNy0uMy0xLjMuMy0xLjMgMXMuNiAxLjMgMS4zIDEuM3oiLz48L3N2Zz4=")
}

.b-detail--green .b-quicklinks__item::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iIzNkYWQ3MyIgZD0iTTEuMyAyMS4zaDM0LjFsLTYuMyA1LjVjLS41LjUtLjYgMS4zLS4xIDEuOHMxLjMuNiAxLjguMWw4LjgtNy43LjEtLjEuMS0uMS4xLS4xczAtLjEuMS0uMWMwIDAgMC0uMS4xLS4xdi0uMS0uMS0uMS0uMS0uMS0uMS0uMS0uMXMwLS4xLS4xLS4xYzAgMCAwLS4xLS4xLS4xbC0uMS0uMWgtLjFsLS4xLS4xLTguOC03LjdjLS4yLS4yLS41LS4zLS44LS4zLS40IDAtLjcuMS0xIC40LS41LjUtLjQgMS4zLjEgMS44bDYuMyA1LjVIMS4zYy0uNy0uMy0xLjMuMy0xLjMgMXMuNiAxLjMgMS4zIDEuM3oiLz48L3N2Zz4=")
}

.b-detail--grey .b-quicklinks__item::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iIzdmN2Y3ZiIgZD0iTTEuMyAyMS4zaDM0LjFsLTYuMyA1LjVjLS41LjUtLjYgMS4zLS4xIDEuOHMxLjMuNiAxLjguMWw4LjgtNy43LjEtLjEuMS0uMS4xLS4xczAtLjEuMS0uMWMwIDAgMC0uMS4xLS4xdi0uMS0uMS0uMS0uMS0uMS0uMS0uMS0uMXMwLS4xLS4xLS4xYzAgMCAwLS4xLS4xLS4xbC0uMS0uMWgtLjFsLS4xLS4xLTguOC03LjdjLS4yLS4yLS41LS4zLS44LS4zLS40IDAtLjcuMS0xIC40LS41LjUtLjQgMS4zLjEgMS44bDYuMyA1LjVIMS4zYy0uNy0uMy0xLjMuMy0xLjMgMXMuNiAxLjMgMS4zIDEuM3oiLz48L3N2Zz4=")
}

.b-detail--red .b-quicklinks__item--gallery::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS42IDE1LjYiPjxnIGZpbGw9IiNiYzE2MGQiPjxwYXRoIGQ9Ik0xOC4yIDIuM0gzLjZjLS43IDAtMS4zLjYtMS4zIDEuM3YxMC43YzAgLjcuNiAxLjMgMS4zIDEuM2gxNC43Yy43IDAgMS4zLS42IDEuMy0xLjNWMy42YzAtLjctLjYtMS4zLTEuNC0xLjN6TTQuMiAxNWw0LjQtNi41IDIuNSAzLjVjLjEuMS4xLjEuMi4xcy4yIDAgLjMtLjFsMS43LTEuNiA0LjEgNC42SDQuMnptMTQuNy0uN2MwIC4zLS4yLjYtLjUuNmwtNC44LTUuM2MtLjEtLjEtLjEtLjEtLjItLjFzLS4yIDAtLjMuMWwtMS43IDEuNi0yLjUtMy41Yy0uMS0uMS0uMi0uMS0uMy0uMS0uMSAwLS4yLjEtLjMuMWwtNSA3LjJjLS4zLS4xLS41LS4zLS41LS42VjMuNmMuMS0uMy40LS42LjgtLjZoMTQuN2MuNCAwIC43LjMuNy43djEwLjZ6Ii8+PHBhdGggZD0iTTE0LjggNS4xYy0uOSAwLTEuNi43LTEuNiAxLjYgMCAuOS43IDEuNiAxLjYgMS42LjkgMCAxLjYtLjcgMS42LTEuNi0uMS0uOS0uOC0xLjYtMS42LTEuNnptMCAyLjVjLS41IDAtLjktLjQtMS0uOSAwLS41LjQtLjkuOS0uOXMuOS40LjkuOWMuMS41LS4zLjktLjguOXpNMS4zIDEyLjdjLS40IDAtLjctLjMtLjctLjZWMS4zYy4xLS4zLjQtLjYuNy0uNkgxNmMuNCAwIC43LjMuNy42IDAgLjIuMi4zLjMuM3MuMy0uMi4zLS4zQzE3LjMuNiAxNi43IDAgMTYgMEgxLjNDLjYgMCAwIC42IDAgMS4zVjEyYzAgLjcuNiAxLjMgMS4zIDEuMy4yIDAgLjMtLjIuMy0uMy4xLS4yLS4xLS4zLS4zLS4zeiIvPjwvZz48L3N2Zz4=")
}

.b-detail--blue .b-quicklinks__item--gallery::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS42IDE1LjYiPjxnIGZpbGw9IiMyOWFiZTIiPjxwYXRoIGQ9Ik0xOC4yIDIuM0gzLjZjLS43IDAtMS4zLjYtMS4zIDEuM3YxMC43YzAgLjcuNiAxLjMgMS4zIDEuM2gxNC43Yy43IDAgMS4zLS42IDEuMy0xLjNWMy42YzAtLjctLjYtMS4zLTEuNC0xLjN6TTQuMiAxNWw0LjQtNi41IDIuNSAzLjVjLjEuMS4xLjEuMi4xcy4yIDAgLjMtLjFsMS43LTEuNiA0LjEgNC42SDQuMnptMTQuNy0uN2MwIC4zLS4yLjYtLjUuNmwtNC44LTUuM2MtLjEtLjEtLjEtLjEtLjItLjFzLS4yIDAtLjMuMWwtMS43IDEuNi0yLjUtMy41Yy0uMS0uMS0uMi0uMS0uMy0uMS0uMSAwLS4yLjEtLjMuMWwtNSA3LjJjLS4zLS4xLS41LS4zLS41LS42VjMuNmMuMS0uMy40LS42LjgtLjZoMTQuN2MuNCAwIC43LjMuNy43djEwLjZ6Ii8+PHBhdGggZD0iTTE0LjggNS4xYy0uOSAwLTEuNi43LTEuNiAxLjYgMCAuOS43IDEuNiAxLjYgMS42LjkgMCAxLjYtLjcgMS42LTEuNi0uMS0uOS0uOC0xLjYtMS42LTEuNnptMCAyLjVjLS41IDAtLjktLjQtMS0uOSAwLS41LjQtLjkuOS0uOXMuOS40LjkuOWMuMS41LS4zLjktLjguOXpNMS4zIDEyLjdjLS40IDAtLjctLjMtLjctLjZWMS4zYy4xLS4zLjQtLjYuNy0uNkgxNmMuNCAwIC43LjMuNy42IDAgLjIuMi4zLjMuM3MuMy0uMi4zLS4zQzE3LjMuNiAxNi43IDAgMTYgMEgxLjNDLjYgMCAwIC42IDAgMS4zVjEyYzAgLjcuNiAxLjMgMS4zIDEuMy4yIDAgLjMtLjIuMy0uMy4xLS4yLS4xLS4zLS4zLS4zeiIvPjwvZz48L3N2Zz4=")
}

.b-detail--green .b-quicklinks__item--gallery::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS42IDE1LjYiPjxnIGZpbGw9IiMzZGFkNzMiPjxwYXRoIGQ9Ik0xOC4yIDIuM0gzLjZjLS43IDAtMS4zLjYtMS4zIDEuM3YxMC43YzAgLjcuNiAxLjMgMS4zIDEuM2gxNC43Yy43IDAgMS4zLS42IDEuMy0xLjNWMy42YzAtLjctLjYtMS4zLTEuNC0xLjN6TTQuMiAxNWw0LjQtNi41IDIuNSAzLjVjLjEuMS4xLjEuMi4xcy4yIDAgLjMtLjFsMS43LTEuNiA0LjEgNC42SDQuMnptMTQuNy0uN2MwIC4zLS4yLjYtLjUuNmwtNC44LTUuM2MtLjEtLjEtLjEtLjEtLjItLjFzLS4yIDAtLjMuMWwtMS43IDEuNi0yLjUtMy41Yy0uMS0uMS0uMi0uMS0uMy0uMS0uMSAwLS4yLjEtLjMuMWwtNSA3LjJjLS4zLS4xLS41LS4zLS41LS42VjMuNmMuMS0uMy40LS42LjgtLjZoMTQuN2MuNCAwIC43LjMuNy43djEwLjZ6Ii8+PHBhdGggZD0iTTE0LjggNS4xYy0uOSAwLTEuNi43LTEuNiAxLjYgMCAuOS43IDEuNiAxLjYgMS42LjkgMCAxLjYtLjcgMS42LTEuNi0uMS0uOS0uOC0xLjYtMS42LTEuNnptMCAyLjVjLS41IDAtLjktLjQtMS0uOSAwLS41LjQtLjkuOS0uOXMuOS40LjkuOWMuMS41LS4zLjktLjguOXpNMS4zIDEyLjdjLS40IDAtLjctLjMtLjctLjZWMS4zYy4xLS4zLjQtLjYuNy0uNkgxNmMuNCAwIC43LjMuNy42IDAgLjIuMi4zLjMuM3MuMy0uMi4zLS4zQzE3LjMuNiAxNi43IDAgMTYgMEgxLjNDLjYgMCAwIC42IDAgMS4zVjEyYzAgLjcuNiAxLjMgMS4zIDEuMy4yIDAgLjMtLjIuMy0uMy4xLS4yLS4xLS4zLS4zLS4zeiIvPjwvZz48L3N2Zz4=")
}

.b-detail--grey .b-quicklinks__item--gallery::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS42IDE1LjYiPjxnIGZpbGw9IiM3ZjdmN2YiPjxwYXRoIGQ9Ik0xOC4yIDIuM0gzLjZjLS43IDAtMS4zLjYtMS4zIDEuM3YxMC43YzAgLjcuNiAxLjMgMS4zIDEuM2gxNC43Yy43IDAgMS4zLS42IDEuMy0xLjNWMy42YzAtLjctLjYtMS4zLTEuNC0xLjN6TTQuMiAxNWw0LjQtNi41IDIuNSAzLjVjLjEuMS4xLjEuMi4xcy4yIDAgLjMtLjFsMS43LTEuNiA0LjEgNC42SDQuMnptMTQuNy0uN2MwIC4zLS4yLjYtLjUuNmwtNC44LTUuM2MtLjEtLjEtLjEtLjEtLjItLjFzLS4yIDAtLjMuMWwtMS43IDEuNi0yLjUtMy41Yy0uMS0uMS0uMi0uMS0uMy0uMS0uMSAwLS4yLjEtLjMuMWwtNSA3LjJjLS4zLS4xLS41LS4zLS41LS42VjMuNmMuMS0uMy40LS42LjgtLjZoMTQuN2MuNCAwIC43LjMuNy43djEwLjZ6Ii8+PHBhdGggZD0iTTE0LjggNS4xYy0uOSAwLTEuNi43LTEuNiAxLjYgMCAuOS43IDEuNiAxLjYgMS42LjkgMCAxLjYtLjcgMS42LTEuNi0uMS0uOS0uOC0xLjYtMS42LTEuNnptMCAyLjVjLS41IDAtLjktLjQtMS0uOSAwLS41LjQtLjkuOS0uOXMuOS40LjkuOWMuMS41LS4zLjktLjguOXpNMS4zIDEyLjdjLS40IDAtLjctLjMtLjctLjZWMS4zYy4xLS4zLjQtLjYuNy0uNkgxNmMuNCAwIC43LjMuNy42IDAgLjIuMi4zLjMuM3MuMy0uMi4zLS4zQzE3LjMuNiAxNi43IDAgMTYgMEgxLjNDLjYgMCAwIC42IDAgMS4zVjEyYzAgLjcuNiAxLjMgMS4zIDEuMy4yIDAgLjMtLjIuMy0uMy4xLS4yLS4xLS4zLS4zLS4zeiIvPjwvZz48L3N2Zz4=")
}

.b-quicklinks__link {
    position: relative;
    padding-left: 32px;
    text-decoration: none;
    color: #231F20
}

@media (max-width: 749.98px) {
    .b-quicklinks {
        padding-top:30px
    }
}

.b-small-products {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 13px
}

.b-small-products__item {
    text-decoration: none
}

.b-small-products__item img {
    display: block;
    margin: 0 auto 10px
}

.b-small-products__title {
    display: block
}

.b-small-products__heading {
    display: none
}

@media (max-width: 749.98px) {
    .b-small-products {
        -ms-flex-pack:justify;
        justify-content: space-between;
        max-width: 300px;
        margin: 0 auto;
        text-align: center
    }
}

@media (min-width: 750px) {
    .b-small-products__heading {
        display:block;
        font-weight: bold
    }

    .b-small-products__item {
        margin-left: 28px
    }
}

.b-social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -10px;
    margin-bottom: -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.b-social__title {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 10px;
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 300
}

.b-social__item {
    text-decoration: none;
    margin-left: 10px;
    margin-bottom: 10px
}

@media (min-width: 1000px) {
    .b-std-products {
        padding:0 50px;
        margin: -64px -50px 0 !important
    }
}

.b-store-select {
    min-width: 450px
}

.b-store-select__list {
    background-color: #fff
}

.b-store-select__item {
    border-bottom: 1px solid #ccc;
    position: relative
}

.b-store-select__item:first-child {
    border-top: 1px solid #ccc
}

.b-store-select__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 15px;
    background-color: #fff;
    text-decoration: none
}

.b-store-select__text {
    padding: 24px 15px;
    margin: 0
}

.b-store-select__img {
    margin-bottom: 0 !important
}

.b-store-select__img img {
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain
}

.b-store-select__btn .btn__text.btn--white {
    margin-left: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    white-space: nowrap
}

.b-store-select__btn .btn__text.btn--white .icon-svg {
    margin-left: 5px;
    width: 20px
}

@media (max-width: 1399.98px) {
    .b-store-select {
        min-width:100%
    }

    .b-store-select__link {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .b-store-select__btn .btn__text.btn--white {
        margin-left: 0;
        margin-top: 10px
    }
}

.b-stores__list {
    margin-bottom: 0
}

.b-stores__item {
    border-bottom: 1px solid #ccc
}

.b-stores__item:first-child {
    border-top: 1px solid #ccc
}

.b-stores__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 25px;
    background-color: #fff
}

.b-stores__img {
    margin-bottom: 0 !important
}

.b-stores__icon {
    transition: transform .5s
}

.b-stores__icon .icon-svg {
    width: 20px
}

.no-touchevents .b-stores__link:hover .b-stores__icon {
    transform: translateX(5px)
}

.b-submenu {
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    background-color: #d0b995
}

.b-submenu__wrap {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    overflow: hidden;
    padding: 18px 30px 35px;
    background-position: bottom right;
    background-repeat: no-repeat
}

.b-submenu__side {
    display: none
}

.b-submenu__title {
    color: #fff
}

.b-submenu__back {
    margin-bottom: 22px
}

.b-submenu__back a {
    display: inline-block
}

.b-submenu__back .icon-svg {
    width: 26px
}

.b-submenu__subtitle {
    color: #231F20;
    padding: 20px 30px;
    background: #e3d1b6;
    border: 1px solid #f8eede;
    border-width: 1px 0;
    margin: 0 -30px 22px
}

@media (max-width: 749.98px) {
    .b-submenu {
        width:100%;
        top: 0
    }

    .b-submenu__wrap {
        background-image: none !important
    }

    .b-submenu__main {
        width: 100%
    }
}

@media screen and (max-width: 1100px) {
    .b-submenu__wrap {
        background:none !important
    }
}

@media (max-width: 999.98px) {
    .b-submenu__wrap::after {
        display:none
    }
}

@media (min-width: 1200px) {
    .b-submenu {
        left:40px;
        right: 40px
    }
}

@media (min-width: 750px) {
    .b-submenu {
        display:none
    }

    .b-submenu.is-closing {
        pointer-events: none
    }

    .b-submenu__close {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px;
        color: #7b7b7a;
        cursor: pointer
    }

    .b-submenu__close .icon-svg {
        width: 20px
    }

    .b-submenu__side {
        display: block;
        -ms-flex: 0 0 320px;
        flex: 0 0 320px;
        max-width: 320px
    }

    .b-submenu__wrap {
        width: calc(100% + 70px);
        display: -ms-flexbox;
        display: flex;
        padding: 60px 65px;
        margin-left: -70px
    }

    .b-submenu__wrap>* {
        margin-left: 70px
    }

    .b-submenu__wrap::before {
        content: "";
        pointer-events: none;
        position: absolute;
        bottom: -9px;
        height: 9px;
        left: 0;
        width: 100%;
        background-image: linear-gradient(#535353, rgba(83,255,255,0));
        opacity: 0.5
    }

    .b-submenu__wrap::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        margin-bottom: -244px;
        margin-right: -88px;
        width: 300px;
        height: 300px;
        background-color: #58b0be;
        transform: rotate(-45deg);
        transform-origin: 0 0;
        pointer-events: none;
        z-index: -1
    }

    .b-submenu__subtitle,.b-submenu__back {
        display: none
    }
}

.b-table {
    padding: 35px 0 0
}

.no-js .b-table {
    overflow-x: scroll
}

.b-table__img {
    position: absolute
}

.js .b-table__nav {
    position: absolute;
    top: 75px;
    left: 15px;
    right: 15px;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    pointer-events: none
}

.js .b-table__prev,.js .b-table__next {
    display: block;
    width: 48px;
    height: 48px;
    padding: 13px;
    border: 1px solid #bc160d;
    border-radius: 50%;
    line-height: 0;
    pointer-events: auto;
    cursor: pointer
}

.js .b-table__prev .icon-svg,.js .b-table__next .icon-svg {
    width: 100%;
    color: #231F20;
    transition: color .3s
}

.b-table thead th {
    position: relative;
    padding-top: 70px
}

.b-table thead th:first-child {
    border-bottom: 0
}

.b-table thead th:first-child::after {
    display: none
}

.js .b-table__prev.is-disabled,.js .b-table__next.is-disabled {
    border-color: #7f7f7f
}

.js .b-table__prev.is-disabled .icon-svg,.js .b-table__next.is-disabled .icon-svg {
    color: #7f7f7f
}

.no-js .b-table__nav {
    display: none
}

.b-table__cell.is-hover {
    background: #fdfaf6
}

.b-table__cell.is-hover:first-child {
    background: inherit
}

.b-table__cell.is-hover .btn .icon-svg {
    background: none !important
}

thead .b-table__cell.is-hover {
    background: #f4e8d8
}

.js .b-table__prev:not(.is-disabled):hover .icon-svg,.js .b-table__next:not(.is-disabled):hover .icon-svg {
    color: #bc160d
}

@media (max-width: 1199.98px) {
    .b-table {
        position:relative
    }

    .b-table .js table,.b-table .js thead,.b-table .js tbody,.b-table .js tfoot {
        display: block;
        width: 100%;
        max-width: 100%
    }

    .b-table thead th:first-child {
        margin-top: -100px
    }

    .js .b-table tr {
        display: -ms-flexbox;
        display: flex
    }

    .js .b-table tr>* {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc( (100% - 100px)/3);
        flex-basis: calc( (100% - 100px)/3);
        max-width: calc( (100% - 100px)/3)
    }

    .js .b-table tr>*:first-child {
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        max-width: 100px;
        word-wrap: break-word;
        text-align: left;
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        z-index: 1;
        padding-left: 0
    }

    .u-bg-primary .js .b-table tr>*:first-child {
        background: #ebfbff
    }

    .b-table tr>*:first-child {
        background: white
    }

    .u-bg-primary .b-table tr>*:first-child {
        background: transparent
    }

    .js .b-table__cell:not(.is-active) {
        display: none
    }
}

@media (max-width: 999.98px) {
    .js .b-table tr>* {
        -ms-flex-preferred-size:calc( (100% - 100px)/2);
        flex-basis: calc( (100% - 100px)/2);
        max-width: calc( (100% - 100px)/2)
    }
}

@media (max-width: 749.98px) {
    .js .b-table tr>* {
        -ms-flex-preferred-size:calc( 100% - 100px);
        flex-basis: calc( 100% - 100px);
        max-width: calc( 100% - 100px)
    }
}

@media (max-width: 479.98px) {
    .b-table__cell {
        padding-top:50px;
        padding-bottom: 20px
    }

    .b-table__cell::before {
        content: attr(data-title);
        position: absolute;
        top: 14px;
        left: 50%;
        transform: translateX(-50%);
        color: #231F20;
        font-weight: 700
    }

    .b-table__cell:first-child {
        display: none
    }

    tfoot .b-table__cell {
        padding-top: 20px
    }

    .js .b-table tr>* {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width: 480px) {
    .js .b-table__nav {
        left:115px
    }
}

@media (min-width: 1200px) {
    .b-table {
        margin:0 -40px;
        padding: 35px 40px 0
    }

    .b-table thead th:first-child,.b-table tfoot th:first-child {
        background-color: transparent
    }

    .js .b-table__nav {
        display: none
    }
}

.js .b-tabs__control {
    position: absolute;
    top: 0;
    height: 183px;
    left: 40px;
    right: 40px;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none
}

.js .b-tabs__control.is-hidden {
    display: none
}

.js .b-tabs__prev,.js .b-tabs__next {
    display: block;
    width: 48px;
    height: 48px;
    padding: 13px;
    border: 1px solid #bc160d;
    border-radius: 50%;
    line-height: 0;
    pointer-events: auto;
    cursor: pointer
}

.js .b-tabs__prev .icon-svg,.js .b-tabs__next .icon-svg {
    width: 100%;
    color: #231F20;
    transition: color .3s
}

.b-tabs__list {
    position: relative;
    padding: 0 70px
}

.b-tabs__list::before,.b-tabs__list::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 71px;
    height: 1px;
    background-color: #ccc
}

.b-tabs__list::before {
    left: 0
}

.b-tabs__list::after {
    right: 0;
    z-index: -1;
    width: auto;
    left: 0
}

.b-tabs__item {
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.b-tabs__item:first-child .b-tabs__link {
    border-left-width: 1px
}

.b-tabs__link {
    display: block;
    color: #231F20;
    padding: 30px 45px;
    text-align: left;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: border-color .3s,color .3s
}

.b-tabs__link>* {
    display: block;
    margin-bottom: 15px
}

.b-tabs__link>:last-child {
    margin-bottom: 0
}

.b-tabs__img {
    display: none
}

@media (max-width: 999.98px) {
    .js .b-tabs__control {
        display:none
    }

    .b-tabs__list {
        display: none
    }
}

@media (min-width: 1000px) {
    .b-tabs__control::after {
        content:"";
        position: absolute;
        top: 0;
        right: 69px;
        width: 1px;
        height: 100%;
        background-color: #ccc;
        pointer-events: none
    }

    .b-tabs__link {
        border: 1px solid #ccc;
        border-width: 1px 0 1px 1px;
        background-color: #fff
    }

    .b-tabs__link::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background-color: #bc160d;
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s
    }

    .no-control .b-tabs__item:last-child .b-tabs__link {
        border-width: 1px
    }

    .b-tabs__img {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        height: 85px
    }

    .b-tabs .b-product-detail__img {
        margin: 0 0 0 130px;
        max-width: 340px
    }

    .b-tabs .b-product-detail__info {
        padding-left: 80px
    }

    .js .b-tabs__prev.is-disabled,.js .b-tabs__next.is-disabled {
        border-color: #7f7f7f
    }

    .js .b-tabs__prev.is-disabled .icon-svg,.js .b-tabs__next.is-disabled .icon-svg {
        color: #7f7f7f
    }

    .b-tabs__link.is-active {
        border-bottom-color: transparent
    }

    .b-tabs__link.is-active::before {
        opacity: 1;
        visibility: visible
    }

    .b-tabs--pull {
        margin-top: -125px
    }
}

.b-themes {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-bottom: -12px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase
}

.b-themes__title {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 12px;
    margin-bottom: 15px;
    color: #231F20
}

.b-themes__item {
    margin-left: 12px;
    margin-bottom: 12px;
    padding: 8px 20px;
    text-transform: uppercase;
    text-decoration: none;
    color: #231F20;
    border: 1px solid #000;
    transition: background .3s,color .3s
}

.b-themes--small .b-themes__title {
    font-size: 12px
}

.b-themes--small .b-themes__item {
    padding: 8px 15px;
    font-size: 12px
}

.b-detail--red .b-themes .b-themes__item,.b-themes--red .b-themes__item {
    border-color: #bc160d;
    color: #bc160d
}

.b-detail--blue .b-themes .b-themes__item,.b-themes--blue .b-themes__item {
    border-color: #29abe2;
    color: #29abe2
}

.b-detail--green .b-themes .b-themes__item,.b-themes--green .b-themes__item {
    border-color: #3dad73;
    color: #3dad73
}

.b-detail--grey .b-themes .b-themes__item,.b-themes--grey .b-themes__item {
    border-color: #7f7f7f;
    color: #7f7f7f
}

.no-touchevents .b-themes__item:hover {
    background-color: #000;
    color: #fff
}

.no-touchevents .b-detail--red .b-themes .b-themes__item:hover,.no-touchevents .b-themes--red .b-themes__item:hover {
    background-color: #bc160d
}

.no-touchevents .b-detail--blue .b-themes .b-themes__item:hover,.no-touchevents .b-themes--blue .b-themes__item:hover {
    background-color: #29abe2
}

.no-touchevents .b-detail--green .b-themes .b-themes__item:hover,.no-touchevents .b-themes--green .b-themes__item:hover {
    background-color: #3dad73
}

.no-touchevents .b-detail--grey .b-themes .b-themes__item:hover,.no-touchevents .b-themes--grey .b-themes__item:hover {
    background-color: #7f7f7f
}

.b-title-big {
    margin-bottom: 20px;
    font-size: 68px;
    font-weight: normal
}

.b-title-big small {
    display: block;
    font-size: 20px;
    font-weight: 300
}

@media (max-width: 749.98px) {
    .b-title-big {
        font-size:64px
    }
}

.b-title {
    position: relative
}

.b-title__text {
    margin-bottom: 24px;
    font-weight: 300;
    color: #231F20
}

.b-title__date {
    margin: 0 0 10px;
    font-size: 12px;
    color: #231F20
}

.b-title__author {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.b-title__author-name {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #231F20
}

.b-title__author-role {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: rgba(35,31,32,0.5)
}

.b-title__author-img {
    -ms-flex: 0 0 52px;
    flex: 0 0 52px;
    max-width: 52px;
    height: 52px;
    border: 1px solid #79bec9;
    border-radius: 50%;
    margin: 0 15px 0 0;
    overflow: hidden
}

.b-title__author-img img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    border: 1px solid #fff
}

.b-detail--red .b-title,.b-title--red {
    border-bottom-color: #bc160d
}

.b-detail--blue .b-title,.b-title--blue {
    border-bottom-color: #29abe2
}

.b-detail--green .b-title,.b-title--green {
    border-bottom-color: #3dad73
}

.b-detail--grey .b-title,.b-title--grey {
    border-bottom-color: #3dad73
}

@media (max-width: 749.98px) {
    .b-title__date {
        display:block
    }
}

@media (min-width: 750px) {
    .b-title::before {
        content:"";
        position: absolute;
        z-index: -1;
        top: 13px;
        left: -57px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 87.5px 0 87.5px 87px;
        border-color: transparent transparent transparent #ebfbff
    }

    .b-title__wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 750px) and (min-width: 1000px) {
    .b-title__side {
        -ms-flex:0 0 230px;
        flex: 0 0 230px;
        max-width: 230px
    }
}

.b-types {
    padding: 25px 20px;
    border: 3px solid #79bec9
}

.b-types__list {
    position: relative;
    margin-bottom: -60px;
    counter-reset: listStyle
}

.b-types__item {
    margin-bottom: 60px;
    counter-increment: listStyle
}

.b-types__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px
}

.b-types__title::before {
    content: counter(listStyle, lower-alpha);
    display: block;
    -ms-flex: 0 0 52px;
    flex: 0 0 52px;
    max-width: 52px;
    width: 52px;
    height: 52px;
    line-height: 52px;
    margin-right: 22px;
    font-size: 20px;
    background-color: #bc160d;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

.b-types__text {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 30px;
    background-color: #ebfbff
}

.b-types__text :last-child {
    margin-bottom: 0
}

.b-types__list+.b-types__img {
    padding-top: 60px
}

.b-types__img {
    text-align: center
}

.b-types__img img {
    max-width: 100%;
    height: auto
}

@media (max-width: 749.98px) {
    .b-types__list {
        margin-bottom:-30px
    }

    .b-types__item {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #e5e5e5
    }

    .b-types__item:last-child {
        border: 0;
        padding-bottom: 0
    }

    .b-types__list+.b-types__img {
        padding-top: 50px
    }

    .b-types__img {
        margin-bottom: 25px
    }
}

@media (min-width: 750px) {
    .b-types {
        padding:25px 30px
    }

    .b-types__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .b-types__list::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 60px;
        left: 50%;
        transform: translateX(-50%);
        width: 1px;
        background-color: #e5e5e5
    }

    .b-types__item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .b-types__item:nth-child(odd) {
        padding-right: 30px
    }

    .b-types__item:nth-child(even) {
        padding-left: 30px
    }
}

@media (min-width: 1000px) {
    .b-types {
        padding:50px 60px
    }

    .b-types__item:nth-child(odd) {
        padding-right: 60px
    }

    .b-types__item:nth-child(even) {
        padding-left: 60px
    }

    .b-types__text {
        padding: 40px
    }
}

.b-wysiwyg h2 {
    clear: both;
    position: relative;
    margin-bottom: 40px
}

.b-wysiwyg h2::before {
    content: "";
    display: block;
    width: 39px;
    height: 39px;
    background-repeat: no-repeat;
    background-size: 39px auto
}

.b-detail--red .b-wysiwyg h2 {
    color: #bc160d
}

.b-detail--red .b-wysiwyg h2::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iI2JjMTYwZCIgZD0iTTEuMyAyMS4zaDM0LjFsLTYuMyA1LjVjLS41LjUtLjYgMS4zLS4xIDEuOHMxLjMuNiAxLjguMWw4LjgtNy43LjEtLjEuMS0uMS4xLS4xczAtLjEuMS0uMWMwIDAgMC0uMS4xLS4xdi0uMS0uMS0uMS0uMS0uMS0uMS0uMS0uMXMwLS4xLS4xLS4xYzAgMCAwLS4xLS4xLS4xbC0uMS0uMWgtLjFsLS4xLS4xLTguOC03LjdjLS4yLS4yLS41LS4zLS44LS4zLS40IDAtLjcuMS0xIC40LS41LjUtLjQgMS4zLjEgMS44bDYuMyA1LjVIMS4zYy0uNy0uMy0xLjMuMy0xLjMgMXMuNiAxLjMgMS4zIDEuM3oiLz48L3N2Zz4=")
}

.b-detail--blue .b-wysiwyg h2 {
    color: #29abe2
}

.b-detail--blue .b-wysiwyg h2::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iIzI5YWJlMiIgZD0iTTEuMyAyMS4zaDM0LjFsLTYuMyA1LjVjLS41LjUtLjYgMS4zLS4xIDEuOHMxLjMuNiAxLjguMWw4LjgtNy43LjEtLjEuMS0uMS4xLS4xczAtLjEuMS0uMWMwIDAgMC0uMS4xLS4xdi0uMS0uMS0uMS0uMS0uMS0uMS0uMS0uMXMwLS4xLS4xLS4xYzAgMCAwLS4xLS4xLS4xbC0uMS0uMWgtLjFsLS4xLS4xLTguOC03LjdjLS4yLS4yLS41LS4zLS44LS4zLS40IDAtLjcuMS0xIC40LS41LjUtLjQgMS4zLjEgMS44bDYuMyA1LjVIMS4zYy0uNy0uMy0xLjMuMy0xLjMgMXMuNiAxLjMgMS4zIDEuM3oiLz48L3N2Zz4=")
}

.b-detail--green .b-wysiwyg h2 {
    color: #3dad73
}

.b-detail--green .b-wysiwyg h2::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iIzNkYWQ3MyIgZD0iTTEuMyAyMS4zaDM0LjFsLTYuMyA1LjVjLS41LjUtLjYgMS4zLS4xIDEuOHMxLjMuNiAxLjguMWw4LjgtNy43LjEtLjEuMS0uMS4xLS4xczAtLjEuMS0uMWMwIDAgMC0uMS4xLS4xdi0uMS0uMS0uMS0uMS0uMS0uMS0uMS0uMXMwLS4xLS4xLS4xYzAgMCAwLS4xLS4xLS4xbC0uMS0uMWgtLjFsLS4xLS4xLTguOC03LjdjLS4yLS4yLS41LS4zLS44LS4zLS40IDAtLjcuMS0xIC40LS41LjUtLjQgMS4zLjEgMS44bDYuMyA1LjVIMS4zYy0uNy0uMy0xLjMuMy0xLjMgMXMuNiAxLjMgMS4zIDEuM3oiLz48L3N2Zz4=")
}

.b-detail--grey .b-wysiwyg h2 {
    color: #7f7f7f
}

.b-detail--grey .b-wysiwyg h2::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iIzdmN2Y3ZiIgZD0iTTEuMyAyMS4zaDM0LjFsLTYuMyA1LjVjLS41LjUtLjYgMS4zLS4xIDEuOHMxLjMuNiAxLjguMWw4LjgtNy43LjEtLjEuMS0uMS4xLS4xczAtLjEuMS0uMWMwIDAgMC0uMS4xLS4xdi0uMS0uMS0uMS0uMS0uMS0uMS0uMS0uMXMwLS4xLS4xLS4xYzAgMCAwLS4xLS4xLS4xbC0uMS0uMWgtLjFsLS4xLS4xLTguOC03LjdjLS4yLS4yLS41LS4zLS44LS4zLS40IDAtLjcuMS0xIC40LS41LjUtLjQgMS4zLjEgMS44bDYuMyA1LjVIMS4zYy0uNy0uMy0xLjMuMy0xLjMgMXMuNiAxLjMgMS4zIDEuM3oiLz48L3N2Zz4=")
}

.b-wysiwyg p+h2 {
    margin-top: 0
}

.b-wysiwyg figure figcaption {
    display: block;
    font-size: 12px;
    line-height: 20px
}

@media (min-width: 750px) {
    .b-wysiwyg h2::after {
        content:"";
        position: absolute;
        z-index: -1;
        left: -36px;
        bottom: -11px;
        width: 69px;
        height: 34px;
        background-color: #ebfbff;
        pointer-events: none
    }

    .b-wysiwyg figure {
        float: left;
        margin-right: 50px;
        margin-bottom: 50px
    }
}

@media (max-width: 479.98px) {
    .b-wysiwyg img {
        float:none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.c-articles__list {
    margin-bottom: -64px
}

.c-articles__inner {
    padding: 0 48px
}

.c-articles__item {
    margin-bottom: 64px
}

.c-articles__title {
    color: #231F20;
    font-size: 68px
}

.c-articles__btn {
    padding-top: 60px;
    margin: 0;
    text-align: center
}

@media (max-width: 749.98px) {
    .c-articles__title {
        font-size:64px
    }

    .c-articles__item {
        margin-bottom: 50px
    }
}

.c-grid__mobile {
    display: block
}

.c-grid__desktop {
    display: none
}

@media (min-width: 480px) {
    .c-grid__mobile {
        display:none
    }

    .c-grid__desktop {
        display: block
    }
}

.c-percentage {
    position: relative
}

.c-percentage .b-hint {
    float: none;
    position: absolute;
    right: 0;
    bottom: -120px;
    margin-top: 0
}

.c-percentage .slick-dots {
    bottom: 0;
    margin-left: -5px
}

.c-percentage .slick-dots li button {
    background-color: #f8eede
}

.c-percentage .slick-dots li.slick-active button {
    background-color: #f8eede
}

.c-percentage .slick-dots li.slick-active button::before {
    background-color: #fff
}

@media (max-width: 999.98px) {
    .c-percentage .b-hint {
        position:relative;
        margin-bottom: 50px;
        bottom: 0
    }
}

@media (min-width: 1200px) {
    .c-percentage .b-hint {
        bottom:-90px
    }
}

.c-problems .b-problem__inner--reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.c-products {
    overflow: hidden
}

.c-related-articles__title {
    text-align: center;
    color: #231F20
}

.c-related-articles__title span {
    border-bottom: 2px solid #bc160d
}

.c-related-articles__list-wrap {
    padding: 0 40px
}

.c-related-articles__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -60px;
    margin-bottom: -60px
}

.c-related-articles__item {
    border-left: 60px solid transparent;
    margin-bottom: 60px
}

@media (max-width: 749.98px) {
    .c-related-articles__list-wrap {
        margin:-40px
    }
}

@media (min-width: 750px) {
    .c-related-articles__list-wrap {
        padding:0 85px
    }

    .c-related-articles__item {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
}

.f-contact {
    position: relative;
    overflow: hidden
}

.f-contact form {
    background-color: #fff;
    color: #231F20;
    padding: 0 40px 30px
}

.f-contact form .validation-summary-valid .list-group {
    margin: 0
}

.f-contact form .page-header {
    color: #fff;
    background-color: #1c75bc;
    margin: 0 -40px 30px -40px;
    padding: 30px 40px
}

.f-contact form .page-header h1 {
    position: relative;
    font-size: 32px;
    margin: 0
}

.f-contact form .form-group {
    margin-bottom: 20px
}

.f-contact form .form-group .control-label {
    padding: 10px 0;
    font-size: 20px;
    font-weight: 700
}

.f-contact form .form-group .form-control {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-image: none !important
}

.f-contact form .form-submit-border {
    padding-left: 160px
}

.f-contact form .form-submit-border .btn {
    position: relative;
    display: block;
    border: 1px solid transparent;
    padding: 24px 40px;
    font-size: 20px;
    line-height: 1;
    background-color: #1c75bc;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    transition: background-color .3s,border-color .3s,color .3s
}

@media (max-width: 749.98px) {
    .f-contact {
        margin:-30px
    }

    .f-contact form .form-group .control-label {
        display: block;
        padding: 0;
        margin-bottom: 10px;
        font-size: 18px
    }

    .f-contact form .form-group .checkbox {
        padding-left: 0
    }

    .f-contact form .form-submit-border {
        padding-left: 0
    }
}

@media (min-width: 1000px) {
    .f-contact form .page-header {
        margin:0 -40px 50px;
        padding: 40px
    }

    .f-contact form .page-header h1 {
        font-size: 38px
    }

    .f-contact form .form-group {
        display: block
    }

    .f-contact form .form-group .control-label {
        -ms-flex: 0 0 160px;
        flex: 0 0 160px;
        max-width: 160px
    }
}

@media (min-width: 1200px) {
    .f-contact form {
        padding:0 65px 65px
    }

    .f-contact form .page-header {
        margin: 0 -65px 50px;
        padding: 40px 65px
    }
}

.no-touchevents .f-contact .form-submit-border .btn:hover {
    background-color: #29abe2
}

.f-filter__label {
    margin: 0 0 20px;
    font-weight: 700;
    text-transform: uppercase
}

.f-filter__search {
    position: relative;
    margin-bottom: 30px
}

.f-filter__search .icon-svg {
    position: absolute;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
    width: 23px;
    color: #000
}

.f-filter__search .inp-text {
    background-color: #ebebeb;
    border-color: #ebebeb;
    padding: 9px 10px 9px 40px
}

.f-filter__wrap {
    max-height: 200px;
    overflow-y: auto
}

.f-filter__reset {
    margin-top: 40px;
    text-align: center
}

.f-filter__reset .btn--icon .btn__text .icon-svg {
    width: 30px
}

.f-filter__list .inp-item {
    display: block
}

@media (max-width: 749.98px) {
    .f-filter {
        padding:30px;
        background-color: rgba(229,229,229,0.15)
    }
}

.f-search {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    height: 156px;
    padding: 80px 30px 0;
    background-color: #79bec9
}

.search-active .f-search {
    display: block
}

.f-search::after {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 10;
    bottom: -9px;
    height: 9px;
    left: 0;
    width: 100%;
    background-image: linear-gradient(#535353, rgba(83,83,83,0));
    opacity: 0.5
}

.f-search__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.f-search__close {
    z-index: 60;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 21px;
    right: 53px;
    cursor: pointer
}

.f-search__close::before,.f-search__close::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 9px;
    width: 2px;
    height: 21px;
    background-color: #fff;
    transform: rotate(45deg)
}

.f-search__close::after {
    transform: rotate(-45deg)
}

.f-search__inp {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 -20px 0 0
}

.f-search__inp .inp-text {
    padding: 18px 15px 18px 68px
}

.f-search__inp .icon-svg {
    position: absolute;
    top: 50%;
    left: 17px;
    margin-top: -16px;
    width: 32px
}

.f-search .btn__text {
    padding: 20px 36px
}

@media (max-width: 749.98px) {
    .f-search {
        top:115px;
        width: calc(100% + 60px);
        margin: 0 -30px
    }

    .search-active .f-search {
        z-index: 10
    }

    .search-active .f-search::before {
        content: "";
        z-index: 50;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 63px 63px 0 63px;
        border-color: #559ba6 transparent transparent transparent;
        pointer-events: none
    }

    .f-search__inp {
        margin: 0 -30px 0 0
    }

    .f-search__inp .inp-text {
        padding: 19px;
        border: none
    }

    .f-search__inp .icon-svg {
        display: none
    }

    .f-search .btn--icon .btn__text {
        padding: 28px
    }

    .f-search .btn--icon .btn__text .icon-svg {
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

@media (min-width: 750px) {
    .f-search {
        height:100%;
        padding: 25px 125px 0 35px
    }
}

.m-accessibility {
    position: absolute;
    left: -5000px;
    top: 0
}

.m-accessibility a:focus,.m-accessibility a:active {
    position: absolute;
    top: 0;
    left: 5000px;
    width: 200px;
    padding: 2px 0 5px;
    z-index: 900;
    text-align: center;
    background-color: #fff
}

.m-breadcrumb {
    padding: 13px 0;
    color: #fff;
    font-size: 12px;
    background-color: #79bec9
}

.m-breadcrumb__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin: 0
}

.m-breadcrumb__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    text-decoration: none
}

.m-breadcrumb__link .icon-svg {
    width: 16px;
    margin-right: 18px
}

.m-breadcrumb__separator {
    margin: 0 14px
}

.no-touchevents .m-breadcrumb__link:not(span):hover {
    color: #fff;
    text-decoration: underline
}

.m-breadcrumb--clear {
    background-color: transparent;
    color: #231F20
}

.m-breadcrumb--clear .m-breadcrumb__link {
    color: #231F20
}

.no-touchevents .m-breadcrumb--clear .m-breadcrumb__link:hover {
    color: #231F20
}

@media (max-width: 749.98px) {
    .m-breadcrumb {
        padding:10px 0
    }

    .m-breadcrumb__link {
        padding: 6px 0
    }
}

@media (min-width: 1000px) {
    .m-breadcrumb--alternate {
        position:relative;
        background: none;
        padding: 29px 0 13px
    }

    .m-breadcrumb--alternate .m-breadcrumb__wrap {
        position: relative;
        z-index: 5;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .m-breadcrumb--alternate .m-breadcrumb__wrap::before {
        content: "";
        position: absolute;
        height: 123px;
        top: -151px;
        right: -16px;
        width: 100vw;
        transform: skewX(44deg);
        background-color: #79bec9
    }

    .m-breadcrumb--alternate .m-breadcrumb__wrap::after {
        content: "";
        position: absolute;
        z-index: -1;
        top: -29px;
        bottom: -13px;
        right: -75px;
        width: 100vw;
        background-color: #79bec9
    }
}

.m-footer__link {
    text-decoration: none
}

.m-footer--big {
    margin-bottom: 40px
}

.m-footer--big .m-footer__link {
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    color: #1a1a1a
}

.m-footer--small .m-footer__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.m-footer--small .m-footer__item {
    padding-right: 20px
}

.m-footer--small .m-footer__link {
    color: #fff
}

.no-touchevents .m-footer--small .m-footer__link:hover {
    color: #fff;
    text-decoration: underline
}

.m-main {
    background-color: #1c75bc
}

.m-main__item {
    position: static
}

.m-main__link {
    display: block;
    padding: 21px 30px 22px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    transition: background .3s,color .3s;
    overflow: hidden
}

.m-main__link .icon-svg--home {
    width: 24px;
    color: #fff
}

.m-main__link .icon-svg--chevron-down {
    width: 12px;
    top: -1px;
    margin-left: 12px
}

.is-active .m-main__link {
    color: #1c75bc;
    background-color: #fff
}

.is-active .m-main__link .icon-svg {
    color: #1c75bc
}

.m-main__link--burger {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #1c75bc;
    font-size: 13px
}

.m-main__link--burger .burger {
    margin-right: 21px
}

.m-main__link--back {
    text-transform: none;
    line-height: 1.8em;
    padding: 18px 28px
}

.no-touchevents .m-main__link:hover {
    color: #1c75bc;
    background-color: #fff
}

.no-touchevents .m-main__link:hover .icon-svg--home {
    color: #1c75bc
}

.no-touchevents .m-main__link--burger:hover {
    color: #1c75bc
}

@media (min-width: 750px) {
    .m-main__list {
        width:calc(100% + 80px);
        margin-left: -40px;
        margin-right: -40px;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .m-main__item {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .m-main__item:first-child {
        text-align: center
    }
}

@media (max-width: 749.98px) {
    .m-main__mobile {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 -30px;
        background-color: #1c75bc
    }

    .m-main__mobile>* {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .m-main__mobile .icon-svg {
        width: 25px
    }

    .m-main__mobile .item-icon {
        padding-left: 38px
    }

    .m-main__list {
        z-index: 10;
        position: absolute;
        width: 100%;
        left: 0;
        padding: 0 30px;
        background: #1c75bc
    }

    .m-main__list::before {
        content: "";
        pointer-events: none;
        position: absolute;
        bottom: -9px;
        height: 9px;
        left: 0;
        width: 100%;
        background-image: linear-gradient(#535353, rgba(83,255,255,0));
        opacity: 0.5
    }

    .m-main__item {
        margin: 0 -30px;
        border-bottom: 1px solid #1c75bc;
        background: #1c75bc
    }

    .m-main__item.is-open .b-submenu {
        display: block;
        top: -63px;
        width: 100%
    }

    .m-main__item:not(.is-open) .b-submenu {
        opacity: 0;
        visibility: hidden
    }

    .m-main__link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .m-main__link--burger {
        background: #1c75bc
    }

    .m-main__link--close .icon-svg {
        width: 20px;
        color: white
    }

    .m-main.is-open .m-main__mobile {
        background: #1c75bc
    }

    .m-main.is-open .m-main__link--back,.m-main:not(.is-open) .m-main__link--close {
        display: none
    }

    .m-main:not(.is-open) .m-main__list {
        opacity: 0;
        visibility: hidden
    }

    .m-main__item--hp {
        background: #bc160d
    }

    .m-main__item--home {
        display: none
    }

    .m-main__item--home .m-main__link--burger {
        background: #1c75bc
    }

    .m-main__icon--desktop {
        display: none
    }

    .m-main__link--burger:hover {
        background: #1c75bc;
        color: #fff
    }
}

@media (min-width: 750px) {
    .m-main {
        background-color:#1c75bc
    }

    .m-main__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        border-left: 1px solid rgba(0,0,0,0.15)
    }

    .m-main__item {
        border-right: 1px solid rgba(0,0,0,0.15)
    }

    .m-main__link {
        padding: 21px 10px 22px
    }

    .m-main__link--home {
        padding: 20px 10px
    }

    .m-main__icon--mobile,.m-main__mobile {
        display: none
    }

    .no-touchevents .m-main__item:hover .b-submenu {
        display: block
    }
}

@media (min-width: 1000px) {
    .m-main__link {
        padding:21px 30px 22px
    }

    .m-main__link--home {
        padding: 20px
    }
}

@media (min-width: 1200px) {
    .m-main__list {
        width:100%;
        margin-left: 0;
        margin-right: 0;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .m-main__item {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.m-sub__list {
    margin-bottom: -20px
}

.m-sub__item {
    padding-right: 75px;
    margin-bottom: 20px
}

.m-sub__link {
    text-decoration: none
}

@media (max-width: 749.98px) {
    .m-sub__list .b-icon-text__icon {
        -ms-flex:0 0 38px;
        flex: 0 0 38px;
        margin-right: 18px
    }

    .m-sub__list .b-icon-text__icon .icon-svg {
        width: 38px;
        height: 38px
    }
}

@media screen and (min-width: 950px) {
    .m-sub__list {
        -moz-column-count:2;
        column-count: 2
    }
}

html {
    box-sizing: border-box
}

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

body {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 320px;
    min-height: 100vh;
    overflow-x: hidden
}

:first-child {
    margin-top: 0
}

.page-holder {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    max-width: 1920px;
    min-height: 100vh;
    box-shadow: 0 0 10px rgba(0,0,0,0.05)
}

.page-holder .header,.page-holder .footer {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.page-holder .main {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.header__logo {
    display: block;
    font-size: 100%;
    line-height: 1;
    font-family: "Encode Sans",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
    width: 300px;
    height: 91px;
    margin: 25px 0;
    margin-right: auto
}

.header__logo img {
    position: absolute
}

.header__logo img:nth-child(2) {
    display: none
}

.header__logo-link {
    position: relative;
    width: 300px;
    height: 91px;
    display: block
}

.header__top {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__top::before {
    content: "";
    z-index: 50;
    position: absolute;
    top: 145px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 63px 63px 0 63px;
    border-color: transparent;
    pointer-events: none
}

.header__search-btn {
    z-index: 55;
    position: absolute;
    top: 165px;
    right: calc(42px);
    cursor: pointer
}

.header__search-btn .icon-svg {
    width: 42px;
    color: #1c75bc
}

.search-active .header__search-btn {
    display: none
}

@media (max-width: 749.98px) {
    .header__top {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .search-active .header__top::before {
        content: normal
    }

    .header__side {
        width: 95px;
        height: 105px
    }

    .header hr.solid {
        display: block;
        position: absolute;
        top: 85px;
        left: -30px;
        right: -30px;
        width: auto;
        border-top: 1px solid #e5e5e5
    }

    .header__logo {
        z-index: 2;
        padding-bottom: 10px
    }
}

@media (min-width: 750px) {
    .header hr.solid {
        display:none
    }

    .header__top {
        padding-right: 148px
    }

    .header__top::before {
        top: 0;
        right: 0
    }

    .header__logo {
        margin: 40px 0
    }

    .header__search-btn {
        top: 50px;
        right: 50px
    }
}

.footer__top {
    overflow: hidden;
    padding: 50px 0 30px;
    background-color: #58b0be
}

.footer__top-logo {
    margin-bottom: 20px
}

.footer__bottom {
    padding: 25px 0;
    background-color: #1c75bc;
    color: #fff;
    font-size: 12px;
    font-weight: 300
}

.footer__bottom-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__bottom-copy {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.footer__bottom-divider {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    width: 4px;
    height: 4px;
    background-color: #58b0be
}

.footer__bottom-link {
    text-decoration: none
}

@media (max-width: 749.98px) {
    .footer__top-products {
        margin-bottom:30px
    }

    .footer__top-articles {
        margin-bottom: 40px
    }

    .footer__top-articles .b-list {
        -moz-column-count: 2;
        column-count: 2
    }

    .footer__bottom-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__bottom-menu {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px
    }

    .footer__bottom-copy {
        width: 100%;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 750px) {
    .footer__top {
        padding:50px 0 45px
    }

    .footer__top-wrap {
        position: relative;
        display: grid;
        display: -ms-grid;
        grid-template-columns: minmax(0, 32fr) 0 minmax(0, 25fr) 0 minmax(0, 38fr);
        -ms-grid-columns: minmax(0, 32fr) 0 minmax(0, 25fr) 0 minmax(0, 38fr);
        -ms-grid-rows: -webkit-min-content 1fr;
        -ms-grid-rows: min-content 1fr;
        grid-template-rows: -webkit-min-content 1fr;
        grid-template-rows: min-content 1fr;
        grid-template-areas: "menu . articles . products" "social . articles . products"
    }

    .footer__top-wrap::before {
        content: "";
        position: absolute;
        right: 122px;
        bottom: -135px;
        width: 180px;
        height: 180px;
        background-color: rgba(255,255,255,0.2);
        transform: rotate(45deg);
        pointer-events: none
    }

    .footer__top-wrap::after {
        content: "";
        position: absolute;
        right: 124px;
        bottom: -134px;
        width: 176px;
        height: 176px;
        border: 6px solid #58b0be;
        transform: rotate(45deg);
        pointer-events: none
    }

    .footer__top-articles {
        grid-area: articles;
        -ms-grid-row: 3;
        -ms-grid-column: 2;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 70px;
        padding-right: 40px;
        min-width: 194px;
        min-width: 140px
    }

    .footer__top-products {
        grid-area: products;
        -ms-grid-row: 5;
        -ms-grid-column: 2;
        z-index: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .footer__top-menu {
        grid-area: menu;
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 40px
    }

    .footer__top-social {
        grid-area: social;
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }
}

@media (min-width: 750px) {
    .footer__top-articles {
        -ms-grid-row:1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3
    }

    .footer__top-products {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 5
    }

    .footer__top-menu {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .footer__top-social {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }
}

@media (min-width: 1000px) {
    .footer__top-wrap {
        grid-template-columns:minmax(0, 25fr) 0 minmax(0, 20fr) 0 minmax(0, 55fr);
        -ms-grid-columns: minmax(0, 25fr) 0 minmax(0, 20fr) 0 minmax(0, 55fr)
    }
}

@media (min-width: 1200px) {
    .footer__top-wrap {
        grid-template-columns:minmax(0, 26fr) 0 minmax(0, 18fr) 0 minmax(0, 56fr);
        -ms-grid-columns: minmax(0, 26fr) 0 minmax(0, 18fr) 0 minmax(0, 56fr)
    }
}

.u-align-top {
    vertical-align: top
}

.u-align-middle {
    vertical-align: middle
}

.u-align-bottom {
    vertical-align: bottom
}

.u-clearfix::before,.u-clearfix::after {
    content: '';
    display: table
}

.u-clearfix::after {
    clear: both
}

.u-ctx {
    display: table-cell
}

.u-ctx::after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    line-height: 0;
    font-size: xx-large;
    content: ' x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x '
}

.u-color-blue {
    color: #29abe2
}

.u-color-blue-dark {
    color: #1c75bc
}

.u-color-green {
    color: #3dad73
}

.u-color-red {
    color: #bc160d
}

.u-color-white {
    color: #fff
}

.u-color-black {
    color: #000
}

.u-color-grey {
    color: #7f7f7f
}

.u-color-grey-dark {
    color: #404148
}

.u-color-beige {
    color: #d29e62
}

.u-color-blue-green-light {
    color: #79bec9
}

.u-pull-left {
    float: left
}

.u-pull-right {
    float: right
}

.u-vhide {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0
}

.u-out,.js .u-js-out {
    position: absolute;
    left: -5000px
}

.u-max-width-1-12 {
    max-width: 100px
}

.u-max-width-2-12 {
    max-width: 199px
}

.u-max-width-3-12 {
    max-width: 299px
}

.u-max-width-4-12 {
    max-width: 398px
}

.u-max-width-5-12 {
    max-width: 498px
}

.u-max-width-6-12 {
    max-width: 598px
}

.u-max-width-7-12 {
    max-width: 697px
}

.u-max-width-8-12 {
    max-width: 797px
}

.u-max-width-9-12 {
    max-width: 896px
}

.u-max-width-10-12 {
    max-width: 996px
}

.u-max-width-11-12 {
    max-width: 1095px
}

.u-max-width-600 {
    margin: 0 auto;
    max-width: 600px
}

.u-full-row-main-detail {
    margin-left: calc(-30% - 60px);
    margin-right: calc(5% - 60px)
}

@media (min-width: 1000px) {
    .u-full-row-main-detail\@lg {
        margin-left:calc(-30% - 60px);
        margin-right: calc(5% - 60px)
    }
}

.u-pt-0 {
    padding-top: 0
}

@media (min-width: 480px) {
    .u-pt-0\@sm {
        padding-top:0
    }
}

@media (min-width: 750px) {
    .u-pt-0\@md {
        padding-top:0
    }
}

@media (min-width: 1000px) {
    .u-pt-0\@lg {
        padding-top:0
    }
}

@media (min-width: 1200px) {
    .u-pt-0\@xl {
        padding-top:0
    }
}

@media (min-width: 1400px) {
    .u-pt-0\@xxl {
        padding-top:0
    }
}

.u-pt-xs {
    padding-top: 20px
}

@media (min-width: 480px) {
    .u-pt-xs\@sm {
        padding-top:20px
    }
}

@media (min-width: 750px) {
    .u-pt-xs\@md {
        padding-top:20px
    }
}

@media (min-width: 1000px) {
    .u-pt-xs\@lg {
        padding-top:20px
    }
}

@media (min-width: 1200px) {
    .u-pt-xs\@xl {
        padding-top:20px
    }
}

@media (min-width: 1400px) {
    .u-pt-xs\@xxl {
        padding-top:20px
    }
}

.u-pt-sm {
    padding-top: 30px
}

@media (min-width: 480px) {
    .u-pt-sm\@sm {
        padding-top:30px
    }
}

@media (min-width: 750px) {
    .u-pt-sm\@md {
        padding-top:30px
    }
}

@media (min-width: 1000px) {
    .u-pt-sm\@lg {
        padding-top:30px
    }
}

@media (min-width: 1200px) {
    .u-pt-sm\@xl {
        padding-top:30px
    }
}

@media (min-width: 1400px) {
    .u-pt-sm\@xxl {
        padding-top:30px
    }
}

.u-pt-md {
    padding-top: 50px
}

@media (min-width: 480px) {
    .u-pt-md\@sm {
        padding-top:50px
    }
}

@media (min-width: 750px) {
    .u-pt-md\@md {
        padding-top:50px
    }
}

@media (min-width: 1000px) {
    .u-pt-md\@lg {
        padding-top:50px
    }
}

@media (min-width: 1200px) {
    .u-pt-md\@xl {
        padding-top:50px
    }
}

@media (min-width: 1400px) {
    .u-pt-md\@xxl {
        padding-top:50px
    }
}

.u-pt-lg {
    padding-top: 60px
}

@media (min-width: 480px) {
    .u-pt-lg\@sm {
        padding-top:60px
    }
}

@media (min-width: 750px) {
    .u-pt-lg\@md {
        padding-top:60px
    }
}

@media (min-width: 1000px) {
    .u-pt-lg\@lg {
        padding-top:60px
    }
}

@media (min-width: 1200px) {
    .u-pt-lg\@xl {
        padding-top:60px
    }
}

@media (min-width: 1400px) {
    .u-pt-lg\@xxl {
        padding-top:60px
    }
}

.u-pt-xl {
    padding-top: 80px
}

@media (min-width: 480px) {
    .u-pt-xl\@sm {
        padding-top:80px
    }
}

@media (min-width: 750px) {
    .u-pt-xl\@md {
        padding-top:80px
    }
}

@media (min-width: 1000px) {
    .u-pt-xl\@lg {
        padding-top:80px
    }
}

@media (min-width: 1200px) {
    .u-pt-xl\@xl {
        padding-top:80px
    }
}

@media (min-width: 1400px) {
    .u-pt-xl\@xxl {
        padding-top:80px
    }
}

.u-pt-xxl {
    padding-top: 100px
}

@media (min-width: 480px) {
    .u-pt-xxl\@sm {
        padding-top:100px
    }
}

@media (min-width: 750px) {
    .u-pt-xxl\@md {
        padding-top:100px
    }
}

@media (min-width: 1000px) {
    .u-pt-xxl\@lg {
        padding-top:100px
    }
}

@media (min-width: 1200px) {
    .u-pt-xxl\@xl {
        padding-top:100px
    }
}

@media (min-width: 1400px) {
    .u-pt-xxl\@xxl {
        padding-top:100px
    }
}

.u-pb-0 {
    padding-bottom: 0
}

@media (min-width: 480px) {
    .u-pb-0\@sm {
        padding-bottom:0
    }
}

@media (min-width: 750px) {
    .u-pb-0\@md {
        padding-bottom:0
    }
}

@media (min-width: 1000px) {
    .u-pb-0\@lg {
        padding-bottom:0
    }
}

@media (min-width: 1200px) {
    .u-pb-0\@xl {
        padding-bottom:0
    }
}

@media (min-width: 1400px) {
    .u-pb-0\@xxl {
        padding-bottom:0
    }
}

.u-pb-xs {
    padding-bottom: 20px
}

@media (min-width: 480px) {
    .u-pb-xs\@sm {
        padding-bottom:20px
    }
}

@media (min-width: 750px) {
    .u-pb-xs\@md {
        padding-bottom:20px
    }
}

@media (min-width: 1000px) {
    .u-pb-xs\@lg {
        padding-bottom:20px
    }
}

@media (min-width: 1200px) {
    .u-pb-xs\@xl {
        padding-bottom:20px
    }
}

@media (min-width: 1400px) {
    .u-pb-xs\@xxl {
        padding-bottom:20px
    }
}

.u-pb-sm {
    padding-bottom: 30px
}

@media (min-width: 480px) {
    .u-pb-sm\@sm {
        padding-bottom:30px
    }
}

@media (min-width: 750px) {
    .u-pb-sm\@md {
        padding-bottom:30px
    }
}

@media (min-width: 1000px) {
    .u-pb-sm\@lg {
        padding-bottom:30px
    }
}

@media (min-width: 1200px) {
    .u-pb-sm\@xl {
        padding-bottom:30px
    }
}

@media (min-width: 1400px) {
    .u-pb-sm\@xxl {
        padding-bottom:30px
    }
}

.u-pb-md {
    padding-bottom: 50px
}

@media (min-width: 480px) {
    .u-pb-md\@sm {
        padding-bottom:50px
    }
}

@media (min-width: 750px) {
    .u-pb-md\@md {
        padding-bottom:50px
    }
}

@media (min-width: 1000px) {
    .u-pb-md\@lg {
        padding-bottom:50px
    }
}

@media (min-width: 1200px) {
    .u-pb-md\@xl {
        padding-bottom:50px
    }
}

@media (min-width: 1400px) {
    .u-pb-md\@xxl {
        padding-bottom:50px
    }
}

.u-pb-lg {
    padding-bottom: 60px
}

@media (min-width: 480px) {
    .u-pb-lg\@sm {
        padding-bottom:60px
    }
}

@media (min-width: 750px) {
    .u-pb-lg\@md {
        padding-bottom:60px
    }
}

@media (min-width: 1000px) {
    .u-pb-lg\@lg {
        padding-bottom:60px
    }
}

@media (min-width: 1200px) {
    .u-pb-lg\@xl {
        padding-bottom:60px
    }
}

@media (min-width: 1400px) {
    .u-pb-lg\@xxl {
        padding-bottom:60px
    }
}

.u-pb-xl {
    padding-bottom: 80px
}

@media (min-width: 480px) {
    .u-pb-xl\@sm {
        padding-bottom:80px
    }
}

@media (min-width: 750px) {
    .u-pb-xl\@md {
        padding-bottom:80px
    }
}

@media (min-width: 1000px) {
    .u-pb-xl\@lg {
        padding-bottom:80px
    }
}

@media (min-width: 1200px) {
    .u-pb-xl\@xl {
        padding-bottom:80px
    }
}

@media (min-width: 1400px) {
    .u-pb-xl\@xxl {
        padding-bottom:80px
    }
}

.u-pb-xxl {
    padding-bottom: 100px
}

@media (min-width: 480px) {
    .u-pb-xxl\@sm {
        padding-bottom:100px
    }
}

@media (min-width: 750px) {
    .u-pb-xxl\@md {
        padding-bottom:100px
    }
}

@media (min-width: 1000px) {
    .u-pb-xxl\@lg {
        padding-bottom:100px
    }
}

@media (min-width: 1200px) {
    .u-pb-xxl\@xl {
        padding-bottom:100px
    }
}

@media (min-width: 1400px) {
    .u-pb-xxl\@xxl {
        padding-bottom:100px
    }
}

.u-pb-125 {
    padding-bottom: 125px
}

@media (min-width: 480px) {
    .u-pb-125\@sm {
        padding-bottom:125px
    }
}

@media (min-width: 750px) {
    .u-pb-125\@md {
        padding-bottom:125px
    }
}

@media (min-width: 1000px) {
    .u-pb-125\@lg {
        padding-bottom:125px
    }
}

@media (min-width: 1200px) {
    .u-pb-125\@xl {
        padding-bottom:125px
    }
}

@media (min-width: 1400px) {
    .u-pb-125\@xxl {
        padding-bottom:125px
    }
}

.u-p-0 {
    padding: 0
}

@media (min-width: 480px) {
    .u-p-0\@sm {
        padding:0
    }
}

@media (min-width: 750px) {
    .u-p-0\@md {
        padding:0
    }
}

@media (min-width: 1000px) {
    .u-p-0\@lg {
        padding:0
    }
}

@media (min-width: 1200px) {
    .u-p-0\@xl {
        padding:0
    }
}

@media (min-width: 1400px) {
    .u-p-0\@xxl {
        padding:0
    }
}

.u-p-xs {
    padding: 20px
}

@media (min-width: 480px) {
    .u-p-xs\@sm {
        padding:20px
    }
}

@media (min-width: 750px) {
    .u-p-xs\@md {
        padding:20px
    }
}

@media (min-width: 1000px) {
    .u-p-xs\@lg {
        padding:20px
    }
}

@media (min-width: 1200px) {
    .u-p-xs\@xl {
        padding:20px
    }
}

@media (min-width: 1400px) {
    .u-p-xs\@xxl {
        padding:20px
    }
}

.u-p-sm {
    padding: 30px
}

@media (min-width: 480px) {
    .u-p-sm\@sm {
        padding:30px
    }
}

@media (min-width: 750px) {
    .u-p-sm\@md {
        padding:30px
    }
}

@media (min-width: 1000px) {
    .u-p-sm\@lg {
        padding:30px
    }
}

@media (min-width: 1200px) {
    .u-p-sm\@xl {
        padding:30px
    }
}

@media (min-width: 1400px) {
    .u-p-sm\@xxl {
        padding:30px
    }
}

.u-p-md {
    padding: 50px
}

@media (min-width: 480px) {
    .u-p-md\@sm {
        padding:50px
    }
}

@media (min-width: 750px) {
    .u-p-md\@md {
        padding:50px
    }
}

@media (min-width: 1000px) {
    .u-p-md\@lg {
        padding:50px
    }
}

@media (min-width: 1200px) {
    .u-p-md\@xl {
        padding:50px
    }
}

@media (min-width: 1400px) {
    .u-p-md\@xxl {
        padding:50px
    }
}

.u-p-lg {
    padding: 60px
}

@media (min-width: 480px) {
    .u-p-lg\@sm {
        padding:60px
    }
}

@media (min-width: 750px) {
    .u-p-lg\@md {
        padding:60px
    }
}

@media (min-width: 1000px) {
    .u-p-lg\@lg {
        padding:60px
    }
}

@media (min-width: 1200px) {
    .u-p-lg\@xl {
        padding:60px
    }
}

@media (min-width: 1400px) {
    .u-p-lg\@xxl {
        padding:60px
    }
}

.u-p-xl {
    padding: 80px
}

@media (min-width: 480px) {
    .u-p-xl\@sm {
        padding:80px
    }
}

@media (min-width: 750px) {
    .u-p-xl\@md {
        padding:80px
    }
}

@media (min-width: 1000px) {
    .u-p-xl\@lg {
        padding:80px
    }
}

@media (min-width: 1200px) {
    .u-p-xl\@xl {
        padding:80px
    }
}

@media (min-width: 1400px) {
    .u-p-xl\@xxl {
        padding:80px
    }
}

.u-p-xxl {
    padding: 100px
}

@media (min-width: 480px) {
    .u-p-xxl\@sm {
        padding:100px
    }
}

@media (min-width: 750px) {
    .u-p-xxl\@md {
        padding:100px
    }
}

@media (min-width: 1000px) {
    .u-p-xxl\@lg {
        padding:100px
    }
}

@media (min-width: 1200px) {
    .u-p-xxl\@xl {
        padding:100px
    }
}

@media (min-width: 1400px) {
    .u-p-xxl\@xxl {
        padding:100px
    }
}

.u-mt-125 {
    margin-top: -125px !important
}

@media (min-width: 480px) {
    .u-mt-125\@sm {
        margin-top:-125px !important
    }
}

@media (min-width: 750px) {
    .u-mt-125\@md {
        margin-top:-125px !important
    }
}

@media (min-width: 1000px) {
    .u-mt-125\@lg {
        margin-top:-125px !important
    }
}

@media (min-width: 1200px) {
    .u-mt-125\@xl {
        margin-top:-125px !important
    }
}

@media (min-width: 1400px) {
    .u-mt-125\@xxl {
        margin-top:-125px !important
    }
}

.u-mt-5 {
    margin-top: 5px
}

@media (min-width: 480px) {
    .u-mt-5\@sm {
        margin-top:5px
    }
}

@media (min-width: 750px) {
    .u-mt-5\@md {
        margin-top:5px
    }
}

@media (min-width: 1000px) {
    .u-mt-5\@lg {
        margin-top:5px
    }
}

@media (min-width: 1200px) {
    .u-mt-5\@xl {
        margin-top:5px
    }
}

@media (min-width: 1400px) {
    .u-mt-5\@xxl {
        margin-top:5px
    }
}

.u-mb-0 {
    margin-bottom: 0
}

@media (min-width: 480px) {
    .u-mb-0\@sm {
        margin-bottom:0
    }
}

@media (min-width: 750px) {
    .u-mb-0\@md {
        margin-bottom:0
    }
}

@media (min-width: 1000px) {
    .u-mb-0\@lg {
        margin-bottom:0
    }
}

@media (min-width: 1200px) {
    .u-mb-0\@xl {
        margin-bottom:0
    }
}

@media (min-width: 1400px) {
    .u-mb-0\@xxl {
        margin-bottom:0
    }
}

.u-mb-xs {
    margin-bottom: 20px
}

@media (min-width: 480px) {
    .u-mb-xs\@sm {
        margin-bottom:20px
    }
}

@media (min-width: 750px) {
    .u-mb-xs\@md {
        margin-bottom:20px
    }
}

@media (min-width: 1000px) {
    .u-mb-xs\@lg {
        margin-bottom:20px
    }
}

@media (min-width: 1200px) {
    .u-mb-xs\@xl {
        margin-bottom:20px
    }
}

@media (min-width: 1400px) {
    .u-mb-xs\@xxl {
        margin-bottom:20px
    }
}

.u-mb-sm {
    margin-bottom: 30px
}

@media (min-width: 480px) {
    .u-mb-sm\@sm {
        margin-bottom:30px
    }
}

@media (min-width: 750px) {
    .u-mb-sm\@md {
        margin-bottom:30px
    }
}

@media (min-width: 1000px) {
    .u-mb-sm\@lg {
        margin-bottom:30px
    }
}

@media (min-width: 1200px) {
    .u-mb-sm\@xl {
        margin-bottom:30px
    }
}

@media (min-width: 1400px) {
    .u-mb-sm\@xxl {
        margin-bottom:30px
    }
}

.u-mb-md {
    margin-bottom: 50px
}

@media (min-width: 480px) {
    .u-mb-md\@sm {
        margin-bottom:50px
    }
}

@media (min-width: 750px) {
    .u-mb-md\@md {
        margin-bottom:50px
    }
}

@media (min-width: 1000px) {
    .u-mb-md\@lg {
        margin-bottom:50px
    }
}

@media (min-width: 1200px) {
    .u-mb-md\@xl {
        margin-bottom:50px
    }
}

@media (min-width: 1400px) {
    .u-mb-md\@xxl {
        margin-bottom:50px
    }
}

.u-mb-lg {
    margin-bottom: 60px
}

@media (min-width: 480px) {
    .u-mb-lg\@sm {
        margin-bottom:60px
    }
}

@media (min-width: 750px) {
    .u-mb-lg\@md {
        margin-bottom:60px
    }
}

@media (min-width: 1000px) {
    .u-mb-lg\@lg {
        margin-bottom:60px
    }
}

@media (min-width: 1200px) {
    .u-mb-lg\@xl {
        margin-bottom:60px
    }
}

@media (min-width: 1400px) {
    .u-mb-lg\@xxl {
        margin-bottom:60px
    }
}

.u-mb-xl {
    margin-bottom: 80px
}

@media (min-width: 480px) {
    .u-mb-xl\@sm {
        margin-bottom:80px
    }
}

@media (min-width: 750px) {
    .u-mb-xl\@md {
        margin-bottom:80px
    }
}

@media (min-width: 1000px) {
    .u-mb-xl\@lg {
        margin-bottom:80px
    }
}

@media (min-width: 1200px) {
    .u-mb-xl\@xl {
        margin-bottom:80px
    }
}

@media (min-width: 1400px) {
    .u-mb-xl\@xxl {
        margin-bottom:80px
    }
}

.u-mb-xxl {
    margin-bottom: 100px
}

@media (min-width: 480px) {
    .u-mb-xxl\@sm {
        margin-bottom:100px
    }
}

@media (min-width: 750px) {
    .u-mb-xxl\@md {
        margin-bottom:100px
    }
}

@media (min-width: 1000px) {
    .u-mb-xxl\@lg {
        margin-bottom:100px
    }
}

@media (min-width: 1200px) {
    .u-mb-xxl\@xl {
        margin-bottom:100px
    }
}

@media (min-width: 1400px) {
    .u-mb-xxl\@xxl {
        margin-bottom:100px
    }
}

.u-mb-xxxl {
    margin-bottom: 150px
}

@media (min-width: 480px) {
    .u-mb-xxxl\@sm {
        margin-bottom:150px
    }
}

@media (min-width: 750px) {
    .u-mb-xxxl\@md {
        margin-bottom:150px
    }
}

@media (min-width: 1000px) {
    .u-mb-xxxl\@lg {
        margin-bottom:150px
    }
}

@media (min-width: 1200px) {
    .u-mb-xxxl\@xl {
        margin-bottom:150px
    }
}

@media (min-width: 1400px) {
    .u-mb-xxxl\@xxl {
        margin-bottom:150px
    }
}

.u-mb-0 {
    margin-bottom: 0
}

@media (min-width: 480px) {
    .u-mb-0\@sm {
        margin-bottom:0
    }
}

@media (min-width: 750px) {
    .u-mb-0\@md {
        margin-bottom:0
    }
}

@media (min-width: 1000px) {
    .u-mb-0\@lg {
        margin-bottom:0
    }
}

@media (min-width: 1200px) {
    .u-mb-0\@xl {
        margin-bottom:0
    }
}

@media (min-width: 1400px) {
    .u-mb-0\@xxl {
        margin-bottom:0
    }
}

.u-mb-negative-sm {
    margin-bottom: -6px
}

@media (max-width: 749.98px) {
    .u-mb-negative-sm {
        margin-bottom:-6px
    }
}

[class*="u-mb"]+* {
    margin-top: 0
}

.u-text-left {
    text-align: left
}

.u-text-right {
    text-align: right
}

.u-text-center {
    text-align: center
}

.u-text-justify {
    text-align: justify
}

.u-text-nowrap {
    white-space: nowrap
}

.u-text-lowercase {
    text-transform: lowercase
}

.u-text-uppercase {
    text-transform: uppercase
}

.u-text-capitalize {
    text-transform: capitalize
}

.u-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.u-text-hide {
    font: 0/0 a;
    color: transparent;
    text-decoration: none
}

.u-text-sm {
    font-size: 12px
}

.u-font-light {
    font-weight: 300
}

.u-font-regular {
    font-weight: normal
}

.u-font-bold {
    font-weight: bold
}

.u-font-italic {
    font-style: italic
}

.u-hide {
    display: none
}

@media (min-width: 480px) {
    .u-hide\@sm {
        display:none
    }
}

@media (min-width: 750px) {
    .u-hide\@md {
        display:none
    }
}

@media (min-width: 1000px) {
    .u-hide\@lg {
        display:none
    }
}

@media (min-width: 1200px) {
    .u-hide\@xl {
        display:none
    }
}

@media (min-width: 1400px) {
    .u-hide\@xxl {
        display:none
    }
}

.u-show {
    display: block
}

@media (min-width: 480px) {
    .u-show\@sm {
        display:block
    }
}

@media (min-width: 750px) {
    .u-show\@md {
        display:block
    }
}

@media (min-width: 1000px) {
    .u-show\@lg {
        display:block
    }
}

@media (min-width: 1200px) {
    .u-show\@xl {
        display:block
    }
}

@media (min-width: 1400px) {
    .u-show\@xxl {
        display:block
    }
}

.js .u-js-hide {
    display: none
}

.u-bg-default {
    background-color: #fdfaf5
}

.u-bg-primary {
    background-color: #ebfbff
}

.u-bg-white {
    background-color: #fff
}

.u-bg-beige-lightest {
    background: #fdfaf6
}

.u-bg-blue-lightest {
    background: #f3f8fb
}

.u-bg-dance {
    background-image: url("/assets/zeflavon/img/bg/dance.jpg");
    background-repeat: no-repeat;
    background-position: right 175px top;
    background-size: 1080px;
    background-color: #fff
}

.u-bgi {
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain
}

@media (max-width: 999.98px) {
    .u-bgi {
        background:none !important
    }
}

.u-font-14 {
    font-size: 14px
}

.u-font-20 {
    font-size: 20px
}

.u-border-top-blue {
    position: relative;
    top: 7px;
    border-top: 7px solid #29abe2
}

.u-border-bottom-blue-green-light-big {
    position: relative;
    border-bottom: 12px solid #79bec9
}