/* Start:/assets/libs.min.css?162644204914572*/
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-bg,.fancybox-inner,.fancybox-outer,.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(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
    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--current,.fancybox-slide--next,.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    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-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    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--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .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-iframe,.fancybox-video {
    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,.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:link,.fancybox-button:visited {
    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--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
    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(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    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 {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(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: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.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(.5,.5,.5)
}

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

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

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

.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: scaleX(1) translateZ(0)
}

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

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

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

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

.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;
    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:link,.fancybox-share__button:visited {
    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;
    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;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

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

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

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

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

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

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

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

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

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

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    z-index: 99991
}

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

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

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

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

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

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

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

.slick-list:focus {
    outline: none;
}

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

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

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

.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[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;
}

/* End */
/* Start:/assets/style.min.css?1669122289102766*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {
    display: block
}

nav ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: none
}

a {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,select {
    vertical-align: middle
}

ul,li {
    list-style: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

i {
    font-style: normal
}

a {
    text-decoration: none
}

/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
    width: device-width
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

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

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

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

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

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

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

.row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px
}

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

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

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

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

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

.col-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

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

.col-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

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

.col-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

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

.order-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

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

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

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

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

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

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

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

    .order-sm-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .col-md-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

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

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

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

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

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

    .order-md-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

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

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

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

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

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

    .order-lg-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

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

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

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

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

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

    .order-xl-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

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

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

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

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important
}

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

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

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

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

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

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

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

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important
    }
}

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

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

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

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

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

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

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

    .d-md-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important
    }
}

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

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

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

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

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

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

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

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important
    }
}

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

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

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

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

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

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

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

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important
    }
}

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

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

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

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

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

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

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

    .d-print-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important
    }
}

.flex-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    flex-direction: column-reverse !important
}

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

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

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

.flex-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction:row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction: column-reverse !important
    }

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

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

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

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        -webkit-box-flex: 1 !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        -webkit-box-flex: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        -webkit-box-flex: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        -webkit-box-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        -webkit-box-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        -webkit-box-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        -webkit-box-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        -webkit-box-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        -webkit-box-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        -webkit-box-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        -webkit-box-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        -webkit-box-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

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

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

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction:row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction: column-reverse !important
    }

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

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

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

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        -webkit-box-flex: 1 !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        -webkit-box-flex: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        -webkit-box-flex: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        -webkit-box-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        -webkit-box-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        -webkit-box-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        -webkit-box-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        -webkit-box-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        -webkit-box-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        -webkit-box-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        -webkit-box-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        -webkit-box-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

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

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

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction:row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction: column-reverse !important
    }

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

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

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

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        -webkit-box-flex: 1 !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        -webkit-box-flex: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        -webkit-box-flex: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        -webkit-box-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        -webkit-box-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        -webkit-box-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        -webkit-box-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        -webkit-box-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        -webkit-box-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        -webkit-box-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        -webkit-box-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        -webkit-box-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

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

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

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction:row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction: column-reverse !important
    }

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

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

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

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        -webkit-box-flex: 1 !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        -webkit-box-flex: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        -webkit-box-flex: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        -webkit-box-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        -webkit-box-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        -webkit-box-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        -webkit-box-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        -webkit-box-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        -webkit-box-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        -webkit-box-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        -webkit-box-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        -webkit-box-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

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

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

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@font-face {
    font-family: 'Attentica4F';
    src: url("/assets/../../fonts/Attentica4F-UltraLight/Attentica4F-UltraLight.woff2") format("woff2"),url("/assets/../../fonts/Attentica4F-UltraLight/Attentica4F-UltraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    font-family: "Roboto", sans-serif;
    font-display: swap;
    font-size: 16px;
    background: #1a1818;
    line-height: 1.15
}

html * {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    outline: none
}

.page {
    position: relative;
    background-color: #f2f2f2;
    padding-top: 70px
}

@media (min-width: 1200px) {
    .page {
        padding-top:140px
    }
}

.page-bg+.main {
    padding-top: 200px
}

@media (max-width: 767px) {
    .page-bg._desktop+.main {
        padding-top:0
    }
}

.banner__home_top+.main .h-2-rem:first-child {
    display: none
}

.container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    position: relative
}

@media (min-width: 1200px) {
    .container {
        padding-left:40px;
        padding-right: 40px;
        max-width: 1112px
    }
}

.container._white {
    background-color: white;
    padding-top: 40px;
    padding-bottom: 40px
}

h1,.h1 {
    font-size: 36px;
    margin: 24px 0
}

h1:first-child,.h1:first-child {
    margin-top: 0
}

h1:last-child,.h1:last-child {
    margin-bottom: 0
}

h2,.h2 {
    font-size: 40px;
    font-family: "Attentica4F";
    color: #1a1818;
    font-weight: 400;
    letter-spacing: 4.44px
}

.btn {
    display: inline-block;
    vertical-align: middle;
    border: none;
    border-radius: 2px;
    text-transform: uppercase;
    background-color: #16a883;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 17px 80px;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    cursor: pointer;
    text-align: center
}

.btn:hover {
    background-color: #139171
}

.btn._transparent {
    border: 2px solid #16a883;
    background-color: white;
    color: #16a883
}

.btn._radius {
    border-radius: 26px
}

.btn._preloader {
    background-image: url("/img/svg/btn-preloader.svg");
    background-repeat: no-repeat;
    background-size: auto 32px;
    background-position: center center;
    color: rgba(0,0,0,0);
    pointer-events: none
}

.btn._orange {
    background-color: #fa7d00
}

.btn._orange:hover {
    background-color: #e17000
}

.btn._red {
    background-color: #d24a43
}

.btn._red:hover {
    background-color: #cb3831
}

.btn._red._transparent {
    border: 2px solid #d24a43;
    background-color: white;
    color: #d24a43
}

.page-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 140px;
    z-index: 0
}

.page-bg._fix {
    position: fixed;
    padding-top: 70px
}

@media (max-width: 767px) {
    .page-bg._desktop {
        display:none
    }
}

.page-bg__bg {
    display: block;
    width: 100%;
    padding-bottom: 57%;
    background-position: 50% 0;
    background-repeat: no-repeat
}

.load-more-auto {
    height: 32px;
    background-image: url("/img/svg/load-more-preloader.svg");
    background-position: 50% 50%;
    background-size: auto 100%;
    background-repeat: no-repeat
}

.about__header {
    height: 450px;
    overflow: hidden;
    position: relative;
    margin-left: -40px;
    margin-right: -40px
}

.about__header .about-header {
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    font-size: 80px;
    font-family: Attentica4F;
    font-weight: 400;
    margin: 0;
    line-height: 1em
}

.about__header img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.about__body hr {
    clear: both;
    margin-bottom: 60px
}

.image-on-list {
    margin: 30px 0 60px;
    position: relative;
    padding-top: 40px
}

.image-on-list .list-primary {
    width: 568px;
    border-top: 1px solid #b0afaf;
    border-bottom: 1px solid #b0afaf;
    padding-top: 120px;
    padding-bottom: 120px;
    padding-right: 100px
}

.image-on-list .list-primary li {
    padding-left: 71px;
    position: relative
}

.image-on-list .list-primary li:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 20px;
    top: 3px;
    border-radius: 20px;
    background-color: #16a883;
    background-image: url(/img/svg/li.svg);
    background-position: 50% 50%;
    background-size: 14px 14px;
    background-repeat: no-repeat
}

.image-on-list .list-primary__heading {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px
}

.image-on-list .list-primary__text {
    line-height: 1.78;
    color: #484848;
    margin-bottom: 40px
}

.image-on-list__image {
    position: absolute;
    right: -40px;
    top: 0;
    width: 530px;
    overflow: hidden
}

.banner-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    display: none
}

.banner-bottom__close {
    width: 36px;
    height: 36px;
    position: absolute;
    top: -18px;
    right: 0;
    background: url("/img/popup-close.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    display: none
}

@media (min-width: 768px) {
    .banner-bottom__close {
        right:26px
    }
}

.banner-bottom__link {
    display: block;
    z-index: 0
}

.banner-bottom__link img {
    display: block;
    width: 100%
}

.banner-center {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 99;
    display: none
}

@media (max-width: 767px) {
    .banner-center {
        left:0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%
    }
}

.banner-center__close {
    width: 36px;
    height: 36px;
    position: absolute;
    top: -18px;
    right: 0;
    background: url("/img/popup-close.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    display: none
}

@media (min-width: 768px) {
    .banner-center__close {
        right:-18px
    }
}

.banner-center__link {
    display: block;
    z-index: 0
}

.banner-center__link img {
    display: block;
    width: 100%
}

.block {
    margin: 60px 0
}

.block:first-child {
    margin-top: 0
}

.block:last-child {
    margin-bottom: 0
}

.block__head {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 115px;
    position: relative
}

.block__title {
    line-height: 1
}
.block__author{
    margin-bottom:30px;
}
.block__more-link {
    position: absolute;
    top: 6px;
    right: 0;
    color: black;
    font-size: 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.block__more-link:hover {
    color: #16a883
}

.block__more-link .svg-icon {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    fill: black;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.block__more-link:hover .svg-icon {
    fill: #16a883
}

.contacts-text {
    color: #484848;
    line-height: 1.78;
    margin: 0 0 40px;
    font-size: 18px
}

.contacts-text a {
    color: #129eff
}

.detail-top-banner {
    height: 666px;
    position: relative;
    padding-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (min-width: 768px) {
    .detail-top-banner {
        margin:0 20px;
        width: auto
    }
}

@media (min-width: 1200px) {
    .detail-top-banner {
        margin:0 auto
    }
}

.detail-top-banner__bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.detail-top-banner__bg img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%;
    height: 100%
}

.detail-top-banner:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(209deg, rgba(0,0,0,0), rgba(0,0,0,0.3) 48%, #000);
    background-image: -o-linear-gradient(209deg, rgba(0,0,0,0), rgba(0,0,0,0.3) 48%, #000);
    background-image: linear-gradient(241deg, rgba(0,0,0,0), rgba(0,0,0,0.3) 48%, #000)
}

.detail-top-banner__content {
    position: relative;
    z-index: 3;
    color: white
}

.detail-top-banner__title {
    font-family: "Attentica4F";
    font-weight: 400;
    margin: 30px 0;
    line-height: 100%;
    font-size: 40px
}

@media (min-width: 768px) {
    .detail-top-banner__title {
        font-size:80px
    }
}

.detail-top-banner__date {
    opacity: .5;
    margin-bottom: 10px
}

.detail-top-banner__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.detail-top-banner__tag {
    color: #fff;
    height: 30px;
    text-transform: uppercase;
    font-size: 10px;
    padding: 10px 20px 0;
    border-radius: 2px;
    background-color: rgba(255,255,255,0.3);
    margin: 10px 10px 0 0
}

.detail-top-banner__descr {
    font-size: 12pt;
    color: #989898;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    top: 100%;
    text-align: right;
    padding: 8px 40px 0
}

.detail-activity {
    border-bottom: 1px solid #b0afaf;
    padding-bottom: 30px
}

.detail-activity__icons {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.detail-activity__icon {
    font-size: 14px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px
}

.detail-activity__icon:first-child {
    margin-left: 0
}

.detail-activity__icon:last-child {
    margin-right: 0
}

.detail-activity__icon .svg-icon {
    display: block;
    fill: black;
    margin-right: 8px
}

.detail-activity__icon .svg-icon.eye {
    width: 17px;
    height: 17px
}

.detail-activity__icon .svg-icon.message {
    width: 14px;
    height: 14px
}

.detail-share-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 auto;
    width: 100%;
    max-width: 1322px
}

@media (min-width: 768px) {
    .detail-share-wrap {
        padding:0 20px
    }
}

.detail-share-container {
    width: 50px
}

.detail-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 9;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    top: 50%;
    margin-top: -70px
}

@media (min-width: 1200px) {
    .detail-share {
        padding:20px;
        background-color: white
    }
}

.detail-share__item {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    background-size: cover;
    background-position: center center;
    margin: 6px 0
}

.detail-share__item:first-child {
    margin-top: 0
}

.detail-share__item:last-child {
    margin-bottom: 0
}

.comments__header {
    border-top: 1px solid #b0afaf;
    border-bottom: 1px solid #b0afaf;
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767px) {
    .comments__header {
        display:block
    }
}

.comments__body {
    padding: 40px 0 10px;
    border-bottom: 1px solid #b0afaf
}

@media (max-width: 767px) {
    .comments__body {
        margin-left:-20px
    }
}

.comments__leave {
    padding: 40px 0 0;
    text-align: right
}

@media (max-width: 767px) {
    .comments__leave .button {
        width:100%;
        max-width: 400px
    }
}

.comments .container {
    background: white
}

@media (max-width: 767px) {
    .comments .container {
        padding-left:20px;
        padding-right: 20px
    }
}

.comments-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comments-info__title {
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
    vertical-align: middle
}

.comments-info__count {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comments-info__count .svg-icon {
    vertical-align: middle;
    margin-right: 7px;
    display: block;
    width: 14px;
    height: 14px
}

.comments-info__num {
    vertical-align: middle;
    display: inline-block;
    font-size: 14px
}

@media (max-width: 767px) {
    .comments-sort span {
        display:block;
        margin-top: 40px
    }
}

.comments-sort__item {
    color: black;
    text-decoration: none;
    padding: 5px 30px 5px 10px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 22px 22px;
    font-size: 18px;
    opacity: 0.5
}

@media (max-width: 767px) {
    .comments-sort__item {
        padding-left:0
    }
}

.comments-sort__item:hover {
    color: #16a883;
    opacity: 1
}

.comments-sort__item_asc {
    background-image: url(/img/svg/sort-ascending.svg)
}

.comments-sort__item_desc {
    background-image: url(/img/svg/sort-descending.svg)
}

.comments-sort__item_active {
    opacity: 1
}

.comment-list {
    padding-left: 87px
}

@media (max-width: 767px) {
    .comment-list {
        padding-left:20px
    }
}

.comment__avatar {
    width: 68px;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 767px) {
    .comment__avatar {
        width:48px
    }
}

.comment__avatar img {
    width: 100%;
    border-radius: 60px
}

.comment__body {
    padding-left: 88px;
    position: relative;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .comment__body {
        padding-left:0
    }
}

.comment__username {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .comment__username {
        padding:15px 0 20px 65px
    }
}

.comment__bubble {
    border-radius: 8px;
    padding: 10px 20px;
    background: #f7f7f7;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.78em
}

.comment__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.comment__bottom-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comment__reply {
    margin-right: 20px
}

.comment__reply a {
    color: #16a883;
    font-size: 18px;
    text-decoration: none
}

.comment__reply a:hover {
    color: #139171
}

.comment__date {
    font-size: 18px;
    opacity: 0.5
}

.comment__like,.comment__dislike {
    text-decoration: none;
    color: black;
    font-size: 14px
}

.comment__like .icon,.comment__dislike .icon {
    vertical-align: top;
    font-size: 15px;
    margin-right: 5px
}

.comment__like .icon {
    fill: #16a883;
    width: 15px;
    height: 15px
}

.comment__dislike {
    margin-left: 10px
}

.comment__dislike .icon {
    width: 15px;
    height: 15px;
    fill: #e92200;
    -webkit-transform: rotate(180deg) translateY(-2px);
    -ms-transform: rotate(180deg) translateY(-2px);
    -o-transform: rotate(180deg) translateY(-2px);
    transform: rotate(180deg) translateY(-2px)
}

.text-content {
    font-size: 18px;
    padding-top: 40px;
    padding-bottom: 40px
}

.text-content h2 {
    font-size: 40px;
    margin: 0 0 30px;
    font-family: inherit;
    font-weight: bold;
    letter-spacing: normal
}

.text-content h3 {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 20px
}

.text-content .center {
    text-align: center
}

.text-content img {
    max-width: 100%
}

.text-content p {
    color: #484848;
    line-height: 1.78;
    margin: 0 0 40px
}

.text-content i {
    font-style: italic
}

.article-detail .big-quote {
    position: relative
}

.article-detail .big-quote__text {
    display: inline-block;
    vertical-align: top;
    width: 65%;
    color: #15c2c3;
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
    margin: 0
}

.article-detail .big-quote__author {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    font-size: 16px;
    line-height: 25px;
    text-align: center
}

.article-detail .big-quote__author_inline {
    display: block;
    position: relative;
    width: 100%;
    min-height: 100px;
    text-align: left
}

.article-detail .big-quote__author_inline .big-quote__author__icon {
    float: left;
    padding-right: 10px
}

.article-detail .big-quote__author_inline .big-quote__author__title {
    margin-top: 0;
    font-weight: 600;
    padding-top: 20px
}

.article-detail .big-quote__author_big {
    width: 100%;
    text-align: left
}

.article-detail .big-quote__author__icon img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%
}

.article-detail .big-quote__author__title {
    color: #222;
    margin: 20px 0 0
}

.article-detail .big-quote__author__sub-title {
    color: #575757;
    margin: 0
}

.article-detail .article-slider {
    position: relative;
    margin-bottom: 40px
}

.article-detail .article-slider__controls {
    position: absolute;
    z-index: 1;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 20px;
    bottom: 20px
}

@media (min-width: 768px) {
    .article-detail .article-slider__controls {
        right:40px;
        bottom: 40px
    }
}

.article-detail .article-slider__next,.article-detail .article-slider__prev {
    display: block;
    outline: none;
    padding: 0;
    margin: 0;
    border: none;
    background: url("/img/svg/article-slider-right.svg");
    background-size: 13px 14px;
    background-position: 40% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 37px;
    height: 37px;
    opacity: .5
}

.article-detail .article-slider__prev {
    padding-right: 2px;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.article-detail .video {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%
}

.article-detail .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.article-detail .img-container {
    margin-bottom: 50px
}

.article-detail .img-caption {
    margin-top: 20px;
    color: #989898
}

.article-detail .column.full {
    width: 100%;
    padding: 0 10px
}

.article-detail .blockquote {
    margin: 18px 40px 60px
}

@media (max-width: 767px) {
    .article-detail .blockquote {
        margin:0 0 30px
    }
}

.article-detail .blockquote-text {
    font-size: 40px;
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: normal;
    border-bottom: 2px solid #1a1818;
    padding-bottom: 40px
}

@media (max-width: 767px) {
    .article-detail .blockquote-text {
        font-size:24px
    }
}

.article-detail .blockquote-author {
    font-style: normal;
    margin-top: 20px
}

@media (max-width: 767px) {
    .article-detail .blockquote-author {
        font-size:16px
    }
}

.article-detail .blockquote-author__username {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px
}

.article-detail .blockquote-author__position {
    color: #989898
}

.feedback-form__heading {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 26px
}

.ulogin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ulogin>* {
    background-image: url(/img/login-buttons.png);
    height: 50px;
    width: 80px;
    display: block;
    margin: 0 10px;
    cursor: pointer
}

.ulogin>*:first-child {
    margin-left: 0
}

.ulogin>*:last-child {
    margin-right: 0
}

.ulogin>*.vkontakte {
    background-position: 0 0
}

.ulogin>*.facebook {
    background-position: 280px 0
}

.ulogin>*.twitter {
    background-position: 180px 0
}

.ulogin>*.google {
    background-position: 80px 0
}

.comment-list.hid {
    display: none
}

.feedback-form__item {
    margin-bottom: 20px;
    text-align: center
}

.feedback-form__item textarea {
    font-size: 18px;
    height: 120px;
    padding-top: 20px;
    padding-bottom: 20px
}

.form-control {
    height: 60px;
    background: #f3f3f3;
    border: none;
    width: 100%;
    padding: 0 20px
}

.button {
    background: #16a883;
    border: none;
    border-radius: 2px;
    height: 50px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    font-size: 14px;
    padding: 0 80px;
    text-decoration: none;
    max-width: 100%;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.button:hover {
    background: #18896d
}

.review__form .preloader {
    display: none
}

.preloader {
    width: 30px;
    height: 30px;
    margin: 30px auto 0;
    background: url(/img/svg/load-more-preloader.svg) no-repeat
}

.fancybox-content {
    width: 620px;
    background: #fff;
    padding: 40px 66px;
    position: relative
}

.round-image-block {
    padding: 40px 20px;
    margin-bottom: 40px;
    background-color: white;
    text-align: center
}

@media (max-width: 767px) {
    .round-image-block {
        margin-left:-20px;
        margin-right: -20px;
        padding: 20px
    }
}

.round-image-block__header {
    margin-bottom: 40px
}

.round-image-block__image {
    border-radius: 100%;
    margin-bottom: 20px
}

.round-image-block__text {
    text-align: left;
    color: #454444;
    line-height: 1.78
}

.filter {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 25px 20px;
    position: relative;
    background-color: white
}

@media (min-width: 1200px) {
    .filter {
        padding:40px;
        max-width: 1112px
    }
}

@media (max-width: 767px) {
    .filter {
        position:fixed;
        top: 0;
        left: 100%;
        width: calc(100% - 40px);
        height: 100%;
        z-index: 10;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .filter._active {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.filter__mob-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .filter__mob-title {
        display:none
    }
}

.filter__mob-x {
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    outline: none;
    opacity: .7
}

@media (min-width: 768px) {
    .filter__mob-x {
        display:none
    }
}

.filter__mob-x:before,.filter__mob-x:after {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    background-color: black;
    position: absolute;
    top: 47%;
    left: 50%;
    margin: -1px 0 0 -15px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.filter__mob-x:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.filter__mob-x:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.filter__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .filter__body {
        margin:0 -10px
    }
}

.filter__item {
    position: relative
}

@media (max-width: 767px) {
    .filter__item {
        width:100%;
        margin: 10px 0
    }

    .filter__item:first-child {
        margin-top: 0
    }

    .filter__item:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .filter__item {
        width:25%;
        padding: 0 10px
    }
}

.filter__item select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    display: block;
    width: 100%;
    height: 40px;
    background-color: #efefef;
    padding: 0 14px;
    font-size: 14px;
    font-family: inherit;
    border: none;
    border-radius: 2px;
    background-image: url("/img/svg/select.svg");
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) 50%
}

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

.filter__checkbox {
    display: block;
    width: 100%;
    cursor: pointer;
    position: relative
}

.filter__checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.filter__checkbox div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 40px;
    border-radius: 2px;
    border: 1px solid #129eff;
    overflow: hidden;
    background: none;
    outline: none;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.filter__checkbox div .svg-icon {
    width: 14px;
    height: 14px;
    fill: white;
    margin-right: 10px;
    display: none
}

.filter__checkbox input:checked+div {
    background-color: #129eff;
    color: white
}

.filter__checkbox input:checked+div .svg-icon {
    display: block
}

.filter-mob-btn {
    display: block;
    margin: 20px
}

@media (min-width: 768px) {
    .filter-mob-btn {
        display:none
    }
}

.filter-mob-btn:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-image: url("/img/svg/filter.svg");
    width: 23px;
    height: 20px;
    margin: 0 10px 0 0
}

.footer {
    color: #fff;
    background: #1a1818;
    font-size: 14px;
    padding: 30px 20px;
    position: relative;
    z-index: 10
}

@media (min-width: 1200px) {
    .footer {
        padding:50px 50px 56px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 1200px) {
    .footer__left {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width: 1199px) {
    .footer__right {
        margin-top:40px
    }
}

@media (min-width: 1200px) {
    .footer__right {
        text-align:right
    }
}

.footer__limit {
    width: 76px;
    color: #4a4e51;
    font-size: 62px;
    white-space: nowrap;
    font-family: 'Attentica4F'
}

.footer__descr {
    font-size: 10px;
    opacity: .5
}

@media (min-width: 1200px) {
    .footer__descr {
        width:664px
    }
}

@media (max-width: 1199px) {
    .footer__descr p {
        margin:10px 0
    }

    .footer__descr p:first-child {
        margin-top: 0
    }

    .footer__descr p:last-child {
        margin-bottom: 0
    }
}

.footer__typo-form {
    padding-bottom: 20px;
    opacity: .5
}

@media (max-width: 1199px) {
    .footer__typo-form {
        display:none
    }
}

.footer__develop {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,0)
}

.footer__develop a {
    color: inherit
}

.form-item {
    margin: 20px 0;
    position: relative
}

.form-item:first-child {
    margin-top: 0
}

.form-item:last-child {
    margin-bottom: 0
}

.form-item__label {
    font-size: 14px;
    color: black;
    font-weight: 300;
    margin: 0 0 12px 0
}

.form-item__label._req:after {
    content: ' *';
    color: red
}

.form-item input[type=text],.form-item input[type=tel],.form-item input[type=email],.form-item input[type=password] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    display: block;
    width: 100%;
    background-color: #f3f3f3;
    border: none;
    border-radius: 0;
    height: 60px;
    padding: 0 20px;
    font-size: 18px;
    color: black;
    font-family: inherit;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.form-item input[type=text]::-ms-clear,.form-item input[type=text]::-ms-reveal,.form-item input[type=tel]::-ms-clear,.form-item input[type=tel]::-ms-reveal,.form-item input[type=email]::-ms-clear,.form-item input[type=email]::-ms-reveal,.form-item input[type=password]::-ms-clear,.form-item input[type=password]::-ms-reveal {
    display: none
}

.form-item._error input[type=text],.form-item._error input[type=tel],.form-item._error input[type=email],.form-item._error input[type=password] {
    -webkit-box-shadow: 0px -1px 0 0 red inset;
    box-shadow: 0px -1px 0 0 red inset
}

.form-item textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    resize: none;
    overflow: hidden;
    display: block;
    width: 100%;
    background-color: white;
    border: 1px solid gray;
    border-radius: 8px;
    height: 176px;
    padding: 16px 24px;
    font-size: 16px;
    color: black;
    font-weight: 300;
    font-family: inherit;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.form-item._error textarea {
    -webkit-box-shadow: 0px -1px 0 0 red inset;
    box-shadow: 0px -1px 0 0 red inset
}

.form-item select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    display: block;
    width: 100%;
    height: 60px;
    background-color: #efefef;
    padding: 0 20px;
    font-size: 18px;
    font-family: inherit;
    border: none;
    border-radius: 0;
    background-image: url("/img/svg/select.svg");
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) 50%
}

.form-item select::-ms-expand {
    display: none
}

.form-item._error select {
    -webkit-box-shadow: 0px -1px 0 0 red inset;
    box-shadow: 0px -1px 0 0 red inset
}

.form-item__error {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: red;
    font-size: 12px;
    line-height: 1;
    padding-top: 2px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%
}

.form-item__checkbox,.form-item__radio {
    display: block;
    position: relative;
    padding: 0 0 0 40px;
    font-size: 18px;
    line-height: 1.25;
    color: #454444
}

.form-item__checkbox input,.form-item__radio input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.form-item__checkbox input+i,.form-item__radio input+i {
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #afaeae;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.form-item__checkbox input:checked+i,.form-item__radio input:checked+i {
    background-color: #16a883;
    border-color: rgba(0,0,0,0)
}

.form-item._error .form-item__checkbox,.form-item._error .form-item__radio {
    color: red
}

.form-item__checkbox input+i {
    border-radius: 20px
}

.form-item__checkbox input:checked+i {
    background-image: url("/img/svg/li.svg");
    background-size: 14px 14px;
    background-position: center center;
    background-repeat: no-repeat
}

.form-item__radio input+i {
    border-radius: 50%
}

.form-item__radio input+i:before {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #16a883;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -4px;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.form-item__radio input:checked+i:before {
    opacity: 1
}

.form-title {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 26px
}

.select2-hidden-accessible {
    display: none !important
}

.select2 {
    display: block
}

.select2 .selection {
    display: block
}

.select2 .selection .select2-selection {
    display: block;
    position: relative
}

.select2 .selection .select2-selection__rendered {
    outline: none;
    display: block;
    width: 100%;
    height: 40px;
    background-color: #efefef;
    padding: 12px 14px 0;
    font-size: 14px;
    font-family: inherit;
    border: none;
    border-radius: 2px;
    cursor: pointer
}

.select2 .selection .select2-selection__arrow {
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("/img/svg/select.svg");
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -6px
}

.select2.select2-container--open .select2-selection__arrow {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1)
}

.select2-container {
    width: 100%;
    z-index: 9
}

.select2-dropdown {
    width: 100% !important
}

.select2-dropdown .select2-search {
    display: none
}

.select2-dropdown .select2-results {
    display: block;
    border: 1px solid #efefef;
    border-radius: 2px;
    background: #efefef;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1);
    box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1)
}

.select2-dropdown .select2-results__options {
    display: block;
    max-height: 300px;
    overflow-y: auto
}

.select2-dropdown .select2-results__option {
    display: block;
    border-top: 1px solid #d8d8d8;
    padding: 12px 14px;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.select2-dropdown .select2-results__option:hover {
    color: #16a883
}

.header {
    background: #1a1818;
    width: 100%;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    height: 70px
}

@media (min-width: 1200px) {
    .header {
        height:140px
    }
}

@media (min-width: 1200px) {
    .header._fix {
        position:fixed;
        height: 70px
    }
}

.header__m-head {
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 5px 0 20px
}

@media (min-width: 768px) {
    .header__m-head {
        padding:0 50px
    }
}

@media (max-width: 767px) {
    .header__drop {
        position:absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: #1a1818;
        padding: 0 20px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .header__drop._active {
        opacity: 1;
        visibility: visible
    }
}

@media (min-width: 768px) {
    .header__drop {
        display:block;
        padding: 0 50px
    }
}

@media (min-width: 1200px) {
    .header__drop {
        border-bottom:1px solid #5f5d5d
    }
}

@media (max-width: 767px) {
    .header__drop__row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 1200px) {
    .header__drop__row {
        height:70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.header__drop__left {
    display: none
}

@media (max-width: 767px) {
    .header__drop__left {
        -webkit-box-ordinal-group:4;
        -ms-flex-order: 3;
        order: 3
    }
}

@media (min-width: 1200px) {
    .header__drop__left {
        display:block;
        width: 100px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media (max-width: 767px) {
    .header__drop__right {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1;
        padding: 20px 0
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header__drop__right {
        display:none
    }
}

@media (min-width: 1200px) {
    .header__drop__right {
        width:100px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.header__drop__middle {
    display: block;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (max-width: 767px) {
    .header__drop__middle {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (min-width: 1200px) {
    .header._fix .header__drop {
        border-bottom:0
    }

    .header._fix .header__drop .header__drop__row {
        height: 0
    }

    .header._fix .header__drop .header__menu-container {
        top: 25px
    }

    .header._fix .header__drop .header__dzen-link,.header._fix .header__drop .header__search,.header._fix .header__drop .header__soc {
        display: none
    }
}

.header__dzen-link {
    font-size: 10px;
    color: white;
    text-transform: uppercase;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header__dzen-link:hover {
    color: #16a883
}

.header__dzen-link img {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 8px 0 0;
    width: 18px;
    height: 18px
}

.header__soc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__soc__item {
    display: block;
    margin: 0 5px
}

.header__soc__item:first-child {
    margin-left: 0
}

.header__soc__item:last-child {
    margin-right: 0
}

.header__soc__item .svg-icon {
    display: block;
    fill: white;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    width: 30px;
    height: 30px
}

@media (min-width: 768px) {
    .header__soc__item .svg-icon {
        width:20px;
        height: 20px
    }
}

.header__soc__item:hover .svg-icon {
    fill: #16a883
}

.header__soc__item._dzen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__soc__item._dzen img {
    width: 30px;
    height: 30px
}

.header__search {
    display: block;
    max-width: 680px;
    margin: 0 auto;
    position: relative;
    background: rgba(255,255,255,0.1)
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header__search {
        display:none
    }
}

.header__search input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    display: block;
    width: calc(100% - 60px);
    height: 40px;
    border: none;
    background: none;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    font-size: 14px;
    font-family: inherit
}

.header__search button[type=submit] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background: none;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header__search button[type=submit] .svg-icon {
    display: block;
    width: 18px;
    height: 18px;
    fill: white;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header__search button[type=submit]:hover .svg-icon {
    fill: #16a883
}

.header__search._load button[type=submit] {
    opacity: 0;
    visibility: hidden
}

.header__search__loader {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 18px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header__search__loader__icon {
    display: block;
    min-width: 1em;
    max-width: 1em;
    min-height: 1em;
    max-height: 1em;
    margin: 0;
    border-radius: 100%;
    overflow: hidden;
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    -webkit-animation: buiLoaderRotate 3s linear infinite;
    -o-animation: buiLoaderRotate 3s linear infinite;
    animation: buiLoaderRotate 3s linear infinite
}

.header__search__loader__circle {
    fill: none;
    stroke: #fff;
    stroke-width: 20;
    -webkit-animation: buiLoaderDashOffset 3s linear infinite;
    -o-animation: buiLoaderDashOffset 3s linear infinite;
    animation: buiLoaderDashOffset 3s linear infinite
}

.header__search._load .header__search__loader {
    opacity: 1;
    visibility: visible
}

.header__search__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: white;
    z-index: 9
}

.header__search__dropdown__list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 10px;
    border-top: 1px solid #d8d8d8
}

.header__search__dropdown__list__item__img {
    display: block;
    width: 44px;
    height: 34px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-position: center center;
    background-size: cover
}

.header__search__dropdown__list__item__text {
    padding-left: 20px;
    font-size: 14px;
    color: black;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header__search__dropdown__list__item:hover .header__search__dropdown__list__item__text {
    color: #16a883
}

.header__logo {
    display: block
}

.header__logo img {
    display: block;
    width: 100px
}

@media (max-width: 767px) {
    .header__menu-container {
        padding-top:35px
    }
}

@media (min-width: 768px) {
    .header__menu-container {
        position:absolute;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        top: 25px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width: 1200px) {
    .header__menu-container {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        top: 80px
    }
}

.header__menu {
    margin: 0 auto;
    position: relative
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header__menu {
        margin:0 -20px 0 0
    }
}

@media (min-width: 768px) {
    .header__menu {
        padding-right:105px
    }
}

@media (min-width: 768px) {
    .header__menu__items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        max-width: 750px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header__menu__items {
        max-width:500px
    }
}

@media (min-width: 768px) {
    .header__menu__item {
        margin:0 5px
    }

    .header__menu__item:first-child {
        margin-left: 0
    }

    .header__menu__item:last-child {
        margin-right: 0
    }
}

.header__menu__item__link {
    display: block;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 700;
    padding: 4px 17px;
    border-radius: 20px;
    white-space: nowrap;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 18px
}

@media (max-width: 767px) {
    .header__menu__item__link {
        margin-bottom:28px;
        padding-left: 45px
    }
}

@media (min-width: 768px) {
    .header__menu__item__link {
        font-size:14px
    }
}

.header__menu__item__link:hover {
    color: #16a883
}

@media (max-width: 767px) {
    .header__menu__item._active .header__menu__item__link {
        color:#16a883
    }
}

@media (min-width: 768px) {
    .header__menu__item._active .header__menu__item__link._canals {
        background-color:#129eff
    }

    .header__menu__item._active .header__menu__item__link._serials {
        background-color: #e92200
    }

    .header__menu__item._active .header__menu__item__link._movies {
        background-color: #951ab8
    }

    .header__menu__item._active .header__menu__item__link._stars {
        background-color: #0fa32f
    }

    .header__menu__item._active .header__menu__item__link._sport {
        background-color: #666
    }

    .header__menu__item._active .header__menu__item__link._teleobozrenie {
        background-color: #16a883
    }

    .header__menu__item._active .header__menu__item__link._music {
        background-color: #febf00
    }

    .header__menu__item._active .header__menu__item__link._childs {
        background-color: #a76e36
    }

    .header__menu__item._active .header__menu__item__link._tech {
        background-color: #15c2c3
    }

    .header__menu__item._active .header__menu__item__link._lifestyle {
        background-color: #f96000
    }
}

.header__menu__item._active .header__menu__item__link:hover {
    color: white
}

.header__menu__item._more {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    z-index: 1
}

@media (max-width: 767px) {
    .header__menu__item._more {
        display:none
    }
}

.header__menu__item._more .header__menu__item__link {
    background-color: #16a883
}

.header__menu__item._more .header__menu__item__link:hover {
    color: white
}

.header__menu__item._more .header__menu__item__link:after {
    content: "...";
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    vertical-align: top;
    line-height: 4px
}

.header__menu._open .header__menu__item._more .header__menu__item__link {
    background: none
}

.header__menu__drop {
    position: absolute;
    top: -12px;
    width: 260px;
    -webkit-box-shadow: 0 2px 40px 0 rgba(0,0,0,0.5);
    box-shadow: 0 2px 40px 0 rgba(0,0,0,0.5);
    background-color: #1a1818;
    padding-top: 42px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    right: 0;
    text-align: right
}

@media (min-width: 1200px) {
    .header__menu__drop {
        right:auto;
        left: calc(100% - 96px);
        text-align: left
    }
}

.header__menu__drop .header__menu__item {
    margin: 0 0 5px
}

.header__menu__drop .header__menu__item__link {
    padding: 15px 20px;
    display: block;
    border-radius: 0
}

.header__menu._open .header__menu__drop {
    opacity: 1;
    visibility: visible
}

.header__burger {
    display: block;
    width: 70px;
    height: 70px;
    position: relative;
    outline: none;
    opacity: .7
}

@media (min-width: 768px) {
    .header__burger {
        display:none
    }
}

.header__burger span {
    display: block;
    width: 30px;
    height: 3px;
    background-color: white;
    position: absolute;
    top: 47%;
    left: 50%;
    margin: -1px 0 0 -15px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header__burger span:nth-child(1) {
    margin-top: -9px
}

.header__burger span:nth-child(3) {
    margin-top: 7px
}

.header__burger._active span:nth-child(2) {
    opacity: 0
}

.header__burger._active span:nth-child(1) {
    margin-top: -1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header__burger._active span:nth-child(3) {
    margin-top: -1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@-webkit-keyframes buiLoaderRotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }

    to {
        -webkit-transform: rotate(3turn);
        transform: rotate(3turn)
    }
}

@-o-keyframes buiLoaderRotate {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }

    to {
        -webkit-transform: rotate(3turn);
        -o-transform: rotate(3turn);
        transform: rotate(3turn)
    }
}

@keyframes buiLoaderRotate {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }

    to {
        -webkit-transform: rotate(3turn);
        -o-transform: rotate(3turn);
        transform: rotate(3turn)
    }
}

@-webkit-keyframes buiLoaderDashOffset {
    0% {
        stroke-dashoffset: -66
    }

    50% {
        stroke-dashoffset: -314
    }

    to {
        stroke-dashoffset: -66
    }
}

.item-prev {
    display: block;
    position: relative;
    overflow: hidden;
    height: 430px;
    color: white
}

.item-prev:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(48%, rgba(0,0,0,0.3)), to(#000));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3) 48%, #000);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3) 48%, #000);
    background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.3) 48%, #000)
}

.item-prev._reklama:before {
    display: none
}
.item-prev._mode-pick{
    height:300px;
}
.item-prev._mode-pick:not(:hover):not(:focus-visible):before{
    border:6px solid #16a883;
}
.item-prev._mode-pick:hover:before{

}
.item-prev__bg {
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -o-transform .3s
}

@media (min-width: 768px) {
    .item-prev__bg._mob {
        display:none
    }
}

@media (min-width: 1025px) {
    .item-prev:hover:not(._reklama) .item-prev__bg {
        -webkit-transform:scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.item-prev__info {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px
}

.item-prev__tag {
    padding: 5px 8px;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 20px;
    line-height: 1em;
    display: inline-block
}

.item-prev__tag._canals {
    background-color: #129eff
}

.item-prev__tag._serials {
    background-color: #e92200
}

.item-prev__tag._movies {
    background-color: #951ab8
}

.item-prev__tag._stars {
    background-color: #0fa32f
}

.item-prev__tag._sport {
    background-color: #666
}

.item-prev__tag._teleobozrenie {
    background-color: #16a883
}

.item-prev__tag._music {
    background-color: #febf00
}

.item-prev__tag._childs {
    background-color: #a76e36
}

.item-prev__tag._tech {
    background-color: #15c2c3
}

.item-prev__tag._lifestyle {
    background-color: #f96000
}

.item-prev__title {
    margin: 16px 0 10px;
    font-size: 16px
}
.item-prev__title._m-clean{
    margin:0;
}

.item-prev._main_top_slider .item-prev__title {
    font-size: 24px;
    max-width: 560px;
    margin-bottom: 20px
}

.item-prev__date {
    opacity: .5
}

.item-prev__icons {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item-prev__icon {
    font-size: 14px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px
}

.item-prev__icon:first-child {
    margin-left: 0
}

.item-prev__icon:last-child {
    margin-right: 0
}

.item-prev__icon .svg-icon {
    display: block;
    fill: white;
    margin-right: 8px
}

.item-prev__icon .svg-icon.eye {
    width: 17px;
    height: 17px
}

.item-prev__icon .svg-icon.message {
    width: 14px;
    height: 14px
}

.lazy {
    background-color: #f2f2f2
}

.lazy:not(.loaded) {
    background-image: url("/img/svg/lazy-preloader.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px
}

.lazy.loaded {
    -webkit-animation: 2s loaded;
    -o-animation: 2s loaded;
    animation: 2s loaded
}

@-webkit-keyframes loaded {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes loaded {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes loaded {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.list-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .list-prev {
        margin:0 -10px
    }
}

.list-prev__item {
    width: 100%;
    margin: 0 0 20px 0
}
.list-prev__item._clean-bottom{
    margin-bottom:0;
}
@media (min-width: 768px) {
    .list-prev__item {
        width:50%;
        padding: 0 10px
    }
}

@media (min-width: 1200px) {
    .list-prev__item {
        width:25%
    }
}

.list-prev._horizontal-scroll {
    margin-left: 0;
    margin-right: 0;
    display: block;
    overflow-x: auto;
    white-space: nowrap
}

@media (max-width: 767px) {
    .list-prev._horizontal-scroll {
        margin-left:-20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1025px) {
    .list-prev._horizontal-scroll {
        overflow-x:hidden
    }
}

.list-prev._horizontal-scroll .list-prev__item {
    white-space: normal;
    display: inline-block;
    vertical-align: top;
    width: 255px;
    padding: 0 10px
}

.list-prev._horizontal-scroll .list-prev__item:first-child {
    padding-left: 0
}

.list-prev._horizontal-scroll .list-prev__item:last-child {
    padding-right: 0
}

@media (min-width: 1025px) {
    .list-prev._horizontal-scroll .list-prev__item {
        width:25%
    }
    .list-prev._horizontal-scroll .list-prev__item._type-5{
        width:19.5%;
    }
}

.list-prev._two .list-prev__item {
    width: 100%
}

@media (max-width: 767px) {
    .list-prev._two .list-prev__item {
        margin:5px 0
    }

    .list-prev._two .list-prev__item:first-child {
        margin-top: 0
    }

    .list-prev._two .list-prev__item:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .list-prev._two .list-prev__item {
        width:50%;
        padding: 0 10px
    }
}

.package {
    background: white;
    padding: 30px;
    position: relative;
    border-radius: 2px
}

.package__logo {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 80px;
    height: 80px
}

.package__logo img {
    max-width: 100%;
    max-height: 100%
}

.package__name {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
    padding-left: 100px;
    min-height: 55px
}

.package__price {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;
    color: #16a883;
    padding-left: 100px
}

.package__price small {
    font-size: 14px;
    font-weight: 700;
    color: black;
    vertical-align: baseline;
    text-transform: none;
    opacity: 0.5;
    margin-left: 5px
}

.package__description {
    font-size: 14px;
    line-height: 1.71em;
    height: 93px;
    overflow: hidden;
    margin-bottom: 10px
}

.package__options {
    border-top: 1px solid #b0afaf;
    border-bottom: 1px solid #b0afaf;
    padding: 30px 0;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.package__options-item {
    font-size: 10px;
    margin-right: 30px
}

.package__options-item strong {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px
}

.package__bottom .button {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.package__bottom .button:hover {
    opacity: 0.7
}

.success-popup__title {
    font-size: 24px;
    margin-bottom: 16px;
    text-transform: uppercase;
    font-weight: bold
}

.slider {
    margin: 0 -10px
}

.slider__item {
    padding: 0 10px
}

.slider-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.slider-nav._right-bottom {
    position: absolute;
    bottom: 30px;
    right: 30px
}

.slider-nav__item {
    display: block;
    width: 30px;
    height: 30px;
    background-color: rgba(255,255,255,0.2);
    border: none;
    cursor: pointer;
    vertical-align: top;
    outline: none;
    background-image: url("/img/svg/arrow-right-white.svg");
    background-position: center center;
    background-size: auto 12px;
    background-repeat: no-repeat;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    margin: 0 2px
}

.slider-nav__item:first-child {
    margin-left: 0
}

.slider-nav__item:last-child {
    margin-right: 0
}

@media (min-width: 1025px) {
    .slider-nav__item:hover {
        background-color:#16a883
    }
}

.slider-nav__item._prev {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.slider-nav._block {
    position: absolute;
    top: -80px;
    right: 0
}

.slider-nav._block .slider-nav__item {
    width: 50px;
    height: 50px;
    background-color: #1a1818;
    background-size: auto 15px;
    margin: 0 4px
}

.slider-nav._block .slider-nav__item:first-child {
    margin-left: 0
}

.slider-nav._block .slider-nav__item:last-child {
    margin-right: 0
}

@media (min-width: 1025px) {
    .slider-nav._block .slider-nav__item:hover {
        background-color:#16a883
    }
}

.tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tags__item {
    padding: 0 2px 10px
}

.tags__item a {
    display: block;
    padding: 2px 10px;
    font-size: 12px;
    text-align: center;
    border-radius: 13px;
    background-color: #16a883;
    line-height: 22px;
    color: white;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.tags__item a:hover {
    background-color: #272e33
}

.tests {
    background: #f2f2f2;
    background-size: cover;
    padding: 40px 0 120px;
    color: #000;
    position: relative;
    z-index: 1
}

.tests__container {
    width: 1360px;
    margin: 0 auto;
    text-align: center;
    position: relative
}

@media (min-width: 1200px) and (max-width: 1360px) {
    .tests__container {
        width:100%;
        padding: 10px
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .tests__container {
        width:100%;
        padding: 10px
    }
}

@media (max-width: 1023px) {
    .tests__container {
        width:100%;
        padding: 10px
    }
}

.tests__logo {
    margin-top: 50px;
    width: 63px
}

.tests__spec-logo {
    position: absolute;
    left: 0;
    bottom: -60px
}

@media (max-width: 1023px) {
    .tests__spec-logo {
        position:static;
        margin-top: 40px
    }
}

.tests__spec-logo.no-list {
    bottom: -120px
}

.tests__list {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 90px;
    grid-row-gap: 56px
}

@media (min-width: 1200px) and (max-width: 1360px) {
    .tests__list {
        grid-column-gap:20px;
        grid-row-gap: 20px
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .tests__list {
        grid-column-gap:20px;
        grid-row-gap: 20px
    }
}

@media (max-width: 1023px) {
    .tests__list {
        grid-template-columns:1fr
    }
}

.tests__item {
    font-size: 16px
}

.tests__navigation {
    margin-top: 45px
}

.tests-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 700;
    height: 210px
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .tests-item {
        height:auto;
        min-height: 146px
    }
}

@media (max-width: 767px) {
    .tests-item {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        min-height: 146px
    }
}

.tests-item .tests-item__image {
    position: relative;
    overflow: hidden
}

.tests-item__image {
    min-width: 224px;
    width: 224px;
    height: 100%
}

@media (max-width: 767px) {
    .tests-item__image {
        width:100%
    }
}

.tests-item__image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(48%, rgba(0,0,0,0.3)), to(#000));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3) 48%, #000);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3) 48%, #000);
    background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.3) 48%, #000)
}

.tests-item__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: top;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .5s ease 0s;
    transition: -webkit-transform .5s ease 0s;
    -o-transition: -o-transform .5s ease 0s;
    transition: transform .5s ease 0s;
    transition: transform .5s ease 0s, -webkit-transform .5s ease 0s, -o-transform .5s ease 0s
}

.tests-item__image:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.tests-item__content,.tests-item__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tests-item__content {
    padding: 20px 20px 20px 30px;
    max-width: 300px;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 1200px) and (max-width: 1360px) {
    .tests-item__content {
        padding-left:20px;
        max-width: 280px
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .tests-item__content {
        width:100%;
        max-width: 100%
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .tests-item__content {
        max-width:80%
    }
}

@media (max-width: 767px) {
    .tests-item__content {
        max-width:100%
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .tests-item__wrapper {
        display:block
    }
}

@media (max-width: 767px) {
    .tests-item__wrapper {
        display:block
    }
}

.tests-item__title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.65px
}

.tests-item__description {
    margin-top: 10px;
    text-transform: uppercase
}

.tests-item__button {
    margin-top: 30px;
    width: 190px;
    height: 47px
}

@media (min-width: 1200px) and (max-width: 1360px) {
    .tests-item__button {
        margin-top:10px
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .tests-item__button {
        margin:20px auto 0;
        width: 100%
    }
}

@media (max-width: 767px) {
    .tests-item__button {
        -ms-flex-item-align:center;
        align-self: center;
        min-width: 80%
    }
}

.tests-item__channel-image {
    -ms-flex-item-align: center;
    align-self: center
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .tests-item__channel-image {
        margin-bottom:20px
    }
}

@media (max-width: 767px) {
    .tests-item__channel-image {
        margin-bottom:20px
    }
}

.navigation-list {
    text-align: center;
    list-style-type: none
}

.navigation-list__item {
    display: inline-block;
    margin-right: 20px
}

.navigation-list__item:first-child {
    margin-left: 0
}

.navigation-list__item:last-child {
    margin-right: 0
}

.navigation-list__item a {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #d24a43;
    display: block
}

.navigation-list__item:hover a,.navigation-list__item_active a {
    background-color: #d24a43
}

.test {
    background-position: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
    position: relative
}

.test__container {
    min-height: 100vh;
    position: relative;
    display: table;
    width: 1360px;
    margin: 0 auto;
    text-align: center
}

.test__logo {
    position: absolute;
    margin-top: 80px;
    width: 63px
}

.test__spec-logo {
    position: absolute;
    left: 40px;
    bottom: 40px
}

.test__step {
    display: none;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-color: black;
    background-size: cover;
    background-position: 50% 50%
}

.test__step:first-of-type {
    display: block
}

.test__step-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 100px;
    margin-bottom: 200px
}

@media (min-width: 1200px) and (max-width: 1360px) {
    .test__container {
        width:100%;
        padding: 10px
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .test__container {
        width:100%;
        padding: 10px
    }
}

@media (max-width: 1023px) {
    .test__container {
        width:100%;
        padding: 10px
    }
}

@media (max-width: 767px) {
    .test {
        background:none;
        height: auto
    }

    .test__container {
        width: 100%;
        padding: 10px
    }

    .test__step-wrapper {
        margin-bottom: 50px;
        margin-top: 100px;
        position: static
    }

    .test__spec-logo {
        position: static;
        margin-bottom: 40px
    }
}

.test-step {
    width: 660px;
    -webkit-box-shadow: 24px 23px 45px rgba(0,0,0,0.63);
    box-shadow: 24px 23px 45px rgba(0,0,0,0.63);
    border-radius: 10px;
    background-color: rgba(255,255,255,0.91);
    padding: 24px 0 32px;
    color: #000;
    text-align: center
}

.test-step_info {
    padding: 82px 0 75px
}

.test-step__steps {
    font-size: 21px;
    font-weight: 700;
    line-height: 18.99px;
    letter-spacing: -.52px
}

.test-step__title {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -.74px;
    margin-top: 86px;
    margin-bottom: 76px
}

.test-step__image-wrapper {
    position: relative;
    text-align: center
}

.test-step__step-num {
    color: #e9e9eb;
    font-size: 21px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -.52px;
    position: relative;
    display: inline-block;
    width: 88px;
    height: 32px;
    bottom: 20px
}

.test-step__step-num span {
    z-index: 10;
    position: relative
}

.test-step__step-num:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #14af8c;
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transform: skew(-20deg);
    z-index: 0;
    width: 100%;
    height: 100%
}

.test-step__img {
    margin-top: 20px;
    width: 100%
}

.test-step__content {
    padding: 0 40px
}

.test-step__content_result {
    max-width: 550px;
    margin: 0 auto;
    text-align: left
}

.test-step__question {
    margin-top: 20px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.42px
}

.test-step__form {
    margin-top: 20px
}

.test-step__result-level {
    font-size: 18px
}

.test-step__result-level,.test-step__result-title {
    font-weight: 700;
    text-transform: uppercase
}

.test-step__result-title {
    margin-top: 30px;
    margin-bottom: 10px;
    color: #14af8c;
    font-size: 58px;
    line-height: 57.54px;
    letter-spacing: -.66px
}

.test-step__text {
    margin-top: 30px
}

.test-step__score {
    margin-top: -5px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #14af8c;
    color: #e9e9eb;
    font-size: 16px;
    font-weight: 500;
    line-height: 15.72px;
    letter-spacing: -.16px
}

.test-step__score div {
    font-size: 39px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: -.52px
}

.test-step__level-header {
    margin-top: 45px;
    font-size: 18px;
    font-weight: 700
}

.test-step__level {
    margin-top: 20px;
    font-size: 60px;
    font-weight: 700;
    line-height: 66.03px;
    text-transform: uppercase;
    letter-spacing: -.43px
}

.test-step__buttons {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.test-step__buttons a {
    width: calc(50% - 20px);
    padding-left: 4px;
    padding-right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.test-step__buttons a img {
    margin-left: 5px
}

.test-step__next {
    min-width: 193px
}

.test-step__prev {
    margin-right: 40px
}

.test-step__bottom {
    margin-top: 50px;
    font-size: 18px;
    font-weight: 700
}

.test-step__social {
    margin-top: 40px
}

.test-step__start {
    min-width: 280px
}

@media (max-width: 767px) {
    .test-step {
        width:100%;
        opacity: 1;
        border-radius: 0
    }

    .test-step__buttons {
        display: block
    }

    .test-step__buttons a {
        width: 100%
    }

    .test-step__prev {
        margin-right: 0
    }

    .test-step__next {
        margin-top: 10px
    }

    .test-step__social a {
        width: 50%;
        margin-top: 10px;
        margin-left: 0
    }
}

.test-form-radio {
    position: relative;
    padding-left: 40px;
    color: #000;
    border-bottom: 1px solid rgba(0,0,0,0.4);
    display: block;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -.42px
}

.test-form-radio:hover {
    cursor: pointer
}

.test-form-radio:last-of-type {
    border-bottom: 0
}

.test-form-radio input {
    position: absolute;
    opacity: 0
}

.test-form-radio span:before {
    content: "";
    width: 17px;
    height: 17px;
    border: 2px solid rgba(0,0,0,0.4);
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 7px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.test-form-radio input:checked+span:before {
    background-color: #16a883;
    border-color: rgba(0,0,0,0)
}

.test-form-radio input:checked+span:after {
    content: "";
    width: 17px;
    height: 17px;
    position: absolute;
    z-index: 1;
    left: -1px;
    top: 6px;
    background: url(/local/templates/tricolortvmag/components/bitrix/voting.form/test/fonts/ef82e4d9b56c0a11a741098cbc660d19.svg) no-repeat 3px 3px;
    background-size: 17px 17px
}

.social-link {
    width: 134px;
    border-radius: 15px;
    display: inline-block;
    text-decoration: none;
    line-height: 30px;
    color: #fefefe;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -.12px;
    margin-left: 10px
}

.social-link__icon {
    margin-left: -10px;
    margin-right: 5px;
    vertical-align: -10px;
    display: inline
}

.social-link:first-of-type {
    margin-left: 0
}

.social-link_twitter {
    background-color: #00aced
}

.social-link_facebook {
    background-color: #3b5998
}

.social-link_ok {
    background-color: #eb722e
}

.social-link_vk {
    background-color: #48729e
}

.social-link:hover {
    text-decoration: underline
}

@media (max-width: 767px) {
    .social-link {
        font-size:14px
    }
}

.up-btn {
    display: none
}

@media (min-width: 1200px) {
    .up-btn {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 50px;
        height: 50px;
        border-radius: 2px;
        -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.5);
        box-shadow: 0 2px 8px 0 rgba(0,0,0,0.5);
        background-color: #1a1818;
        color: #fff;
        font-size: 8px;
        -webkit-transition: background-color .3s,opacity .3s;
        -o-transition: background-color .3s,opacity .3s;
        transition: background-color .3s,opacity .3s;
        opacity: 0;
        visibility: hidden;
        z-index: 100
    }

    .up-btn:hover {
        background-color: #16a883
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .up-btn._fix {
        opacity:1;
        visibility: visible
    }
}

@media (min-width: 1200px) {
    .up-btn._fix-bottom {
        position:absolute;
        bottom: 204px
    }

    .up-btn .svg-icon {
        display: block;
        width: 16px;
        height: 16px;
        fill: white;
        margin-bottom: 5px
    }
}

.h-0-rem {
    height: 0rem;
    width: 100%
}

.h-0_5-rem {
    height: .5rem;
    width: 100%
}

.h-1-rem {
    height: 1rem;
    width: 100%
}

.h-1_5-rem {
    height: 1.5rem;
    width: 100%
}

.h-2-rem {
    height: 2rem;
    width: 100%
}

.h-2_5-rem {
    height: 2.5rem;
    width: 100%
}

.h-3-rem {
    height: 3rem;
    width: 100%
}

.h-3_5-rem {
    height: 3.5rem;
    width: 100%
}

.h-4-rem {
    height: 4rem;
    width: 100%
}

.h-4_5-rem {
    height: 4.5rem;
    width: 100%
}

.h-5-rem {
    height: 5rem;
    width: 100%
}

.h-5_5-rem {
    height: 5.5rem;
    width: 100%
}

.h-6-rem {
    height: 6rem;
    width: 100%
}

.h-6_5-rem {
    height: 6.5rem;
    width: 100%
}

.h-7-rem {
    height: 7rem;
    width: 100%
}

.h-7_5-rem {
    height: 7.5rem;
    width: 100%
}

.h-8-rem {
    height: 8rem;
    width: 100%
}

.h-8_5-rem {
    height: 8.5rem;
    width: 100%
}

.h-9-rem {
    height: 9rem;
    width: 100%
}

.h-9_5-rem {
    height: 9.5rem;
    width: 100%
}

.h-10-rem {
    height: 10rem;
    width: 100%
}

.mt-0-rem {
    margin-top: 0rem
}

.mt-0_5-rem {
    margin-top: .5rem
}

.mt-1-rem {
    margin-top: 1rem
}

.mt-1_5-rem {
    margin-top: 1.5rem
}

.mt-2-rem {
    margin-top: 2rem
}

.mt-2_5-rem {
    margin-top: 2.5rem
}

.mt-3-rem {
    margin-top: 3rem
}

.mt-3_5-rem {
    margin-top: 3.5rem
}

.mt-4-rem {
    margin-top: 4rem
}

.mt-4_5-rem {
    margin-top: 4.5rem
}

.mt-5-rem {
    margin-top: 5rem
}

.mt-5_5-rem {
    margin-top: 5.5rem
}

.mt-6-rem {
    margin-top: 6rem
}

.mt-6_5-rem {
    margin-top: 6.5rem
}

.mt-7-rem {
    margin-top: 7rem
}

.mt-7_5-rem {
    margin-top: 7.5rem
}

.mt-8-rem {
    margin-top: 8rem
}

.mt-8_5-rem {
    margin-top: 8.5rem
}

.mt-9-rem {
    margin-top: 9rem
}

.mt-9_5-rem {
    margin-top: 9.5rem
}

.mt-10-rem {
    margin-top: 10rem
}

.mb-0-rem {
    margin-bottom: 0rem
}

.mb-0_5-rem {
    margin-bottom: .5rem
}

.mb-1-rem {
    margin-bottom: 1rem
}

.mb-1_5-rem {
    margin-bottom: 1.5rem
}

.mb-2-rem {
    margin-bottom: 2rem
}

.mb-2_5-rem {
    margin-bottom: 2.5rem
}

.mb-3-rem {
    margin-bottom: 3rem
}

.mb-3_5-rem {
    margin-bottom: 3.5rem
}

.mb-4-rem {
    margin-bottom: 4rem
}

.mb-4_5-rem {
    margin-bottom: 4.5rem
}

.mb-5-rem {
    margin-bottom: 5rem
}

.mb-5_5-rem {
    margin-bottom: 5.5rem
}

.mb-6-rem {
    margin-bottom: 6rem
}

.mb-6_5-rem {
    margin-bottom: 6.5rem
}

.mb-7-rem {
    margin-bottom: 7rem
}

.mb-7_5-rem {
    margin-bottom: 7.5rem
}

.mb-8-rem {
    margin-bottom: 8rem
}

.mb-8_5-rem {
    margin-bottom: 8.5rem
}

.mb-9-rem {
    margin-bottom: 9rem
}

.mb-9_5-rem {
    margin-bottom: 9.5rem
}

.mb-10-rem {
    margin-bottom: 10rem
}

.mr-0-rem {
    margin-right: 0rem
}

.mr-0_5-rem {
    margin-right: .5rem
}

.mr-1-rem {
    margin-right: 1rem
}

.mr-1_5-rem {
    margin-right: 1.5rem
}

.mr-2-rem {
    margin-right: 2rem
}

.mr-2_5-rem {
    margin-right: 2.5rem
}

.mr-3-rem {
    margin-right: 3rem
}

.mr-3_5-rem {
    margin-right: 3.5rem
}

.mr-4-rem {
    margin-right: 4rem
}

.mr-4_5-rem {
    margin-right: 4.5rem
}

.mr-5-rem {
    margin-right: 5rem
}

.mr-5_5-rem {
    margin-right: 5.5rem
}

.mr-6-rem {
    margin-right: 6rem
}

.mr-6_5-rem {
    margin-right: 6.5rem
}

.mr-7-rem {
    margin-right: 7rem
}

.mr-7_5-rem {
    margin-right: 7.5rem
}

.mr-8-rem {
    margin-right: 8rem
}

.mr-8_5-rem {
    margin-right: 8.5rem
}

.mr-9-rem {
    margin-right: 9rem
}

.mr-9_5-rem {
    margin-right: 9.5rem
}

.mr-10-rem {
    margin-right: 10rem
}

.ml-0-rem {
    margin-left: 0rem
}

.ml-0_5-rem {
    margin-left: .5rem
}

.ml-1-rem {
    margin-left: 1rem
}

.ml-1_5-rem {
    margin-left: 1.5rem
}

.ml-2-rem {
    margin-left: 2rem
}

.ml-2_5-rem {
    margin-left: 2.5rem
}

.ml-3-rem {
    margin-left: 3rem
}

.ml-3_5-rem {
    margin-left: 3.5rem
}

.ml-4-rem {
    margin-left: 4rem
}

.ml-4_5-rem {
    margin-left: 4.5rem
}

.ml-5-rem {
    margin-left: 5rem
}

.ml-5_5-rem {
    margin-left: 5.5rem
}

.ml-6-rem {
    margin-left: 6rem
}

.ml-6_5-rem {
    margin-left: 6.5rem
}

.ml-7-rem {
    margin-left: 7rem
}

.ml-7_5-rem {
    margin-left: 7.5rem
}

.ml-8-rem {
    margin-left: 8rem
}

.ml-8_5-rem {
    margin-left: 8.5rem
}

.ml-9-rem {
    margin-left: 9rem
}

.ml-9_5-rem {
    margin-left: 9.5rem
}

.ml-10-rem {
    margin-left: 10rem
}

.pt-0-rem {
    padding-top: 0rem
}

.pt-0_5-rem {
    padding-top: .5rem
}

.pt-1-rem {
    padding-top: 1rem
}

.pt-1_5-rem {
    padding-top: 1.5rem
}

.pt-2-rem {
    padding-top: 2rem
}

.pt-2_5-rem {
    padding-top: 2.5rem
}

.pt-3-rem {
    padding-top: 3rem
}

.pt-3_5-rem {
    padding-top: 3.5rem
}

.pt-4-rem {
    padding-top: 4rem
}

.pt-4_5-rem {
    padding-top: 4.5rem
}

.pt-5-rem {
    padding-top: 5rem
}

.pt-5_5-rem {
    padding-top: 5.5rem
}

.pt-6-rem {
    padding-top: 6rem
}

.pt-6_5-rem {
    padding-top: 6.5rem
}

.pt-7-rem {
    padding-top: 7rem
}

.pt-7_5-rem {
    padding-top: 7.5rem
}

.pt-8-rem {
    padding-top: 8rem
}

.pt-8_5-rem {
    padding-top: 8.5rem
}

.pt-9-rem {
    padding-top: 9rem
}

.pt-9_5-rem {
    padding-top: 9.5rem
}

.pt-10-rem {
    padding-top: 10rem
}

.pb-0-rem {
    padding-bottom: 0rem
}

.pb-0_5-rem {
    padding-bottom: .5rem
}

.pb-1-rem {
    padding-bottom: 1rem
}

.pb-1_5-rem {
    padding-bottom: 1.5rem
}

.pb-2-rem {
    padding-bottom: 2rem
}

.pb-2_5-rem {
    padding-bottom: 2.5rem
}

.pb-3-rem {
    padding-bottom: 3rem
}

.pb-3_5-rem {
    padding-bottom: 3.5rem
}

.pb-4-rem {
    padding-bottom: 4rem
}

.pb-4_5-rem {
    padding-bottom: 4.5rem
}

.pb-5-rem {
    padding-bottom: 5rem
}

.pb-5_5-rem {
    padding-bottom: 5.5rem
}

.pb-6-rem {
    padding-bottom: 6rem
}

.pb-6_5-rem {
    padding-bottom: 6.5rem
}

.pb-7-rem {
    padding-bottom: 7rem
}

.pb-7_5-rem {
    padding-bottom: 7.5rem
}

.pb-8-rem {
    padding-bottom: 8rem
}

.pb-8_5-rem {
    padding-bottom: 8.5rem
}

.pb-9-rem {
    padding-bottom: 9rem
}

.pb-9_5-rem {
    padding-bottom: 9.5rem
}

.pb-10-rem {
    padding-bottom: 10rem
}

.pr-0-rem {
    padding-right: 0rem
}

.pr-0_5-rem {
    padding-right: .5rem
}

.pr-1-rem {
    padding-right: 1rem
}

.pr-1_5-rem {
    padding-right: 1.5rem
}

.pr-2-rem {
    padding-right: 2rem
}

.pr-2_5-rem {
    padding-right: 2.5rem
}

.pr-3-rem {
    padding-right: 3rem
}

.pr-3_5-rem {
    padding-right: 3.5rem
}

.pr-4-rem {
    padding-right: 4rem
}

.pr-4_5-rem {
    padding-right: 4.5rem
}

.pr-5-rem {
    padding-right: 5rem
}

.pr-5_5-rem {
    padding-right: 5.5rem
}

.pr-6-rem {
    padding-right: 6rem
}

.pr-6_5-rem {
    padding-right: 6.5rem
}

.pr-7-rem {
    padding-right: 7rem
}

.pr-7_5-rem {
    padding-right: 7.5rem
}

.pr-8-rem {
    padding-right: 8rem
}

.pr-8_5-rem {
    padding-right: 8.5rem
}

.pr-9-rem {
    padding-right: 9rem
}

.pr-9_5-rem {
    padding-right: 9.5rem
}

.pr-10-rem {
    padding-right: 10rem
}

.pl-0-rem {
    padding-left: 0rem
}

.pl-0_5-rem {
    padding-left: .5rem
}

.pl-1-rem {
    padding-left: 1rem
}

.pl-1_5-rem {
    padding-left: 1.5rem
}

.pl-2-rem {
    padding-left: 2rem
}

.pl-2_5-rem {
    padding-left: 2.5rem
}

.pl-3-rem {
    padding-left: 3rem
}

.pl-3_5-rem {
    padding-left: 3.5rem
}

.pl-4-rem {
    padding-left: 4rem
}

.pl-4_5-rem {
    padding-left: 4.5rem
}

.pl-5-rem {
    padding-left: 5rem
}

.pl-5_5-rem {
    padding-left: 5.5rem
}

.pl-6-rem {
    padding-left: 6rem
}

.pl-6_5-rem {
    padding-left: 6.5rem
}

.pl-7-rem {
    padding-left: 7rem
}

.pl-7_5-rem {
    padding-left: 7.5rem
}

.pl-8-rem {
    padding-left: 8rem
}

.pl-8_5-rem {
    padding-left: 8.5rem
}

.pl-9-rem {
    padding-left: 9rem
}

.pl-9_5-rem {
    padding-left: 9.5rem
}

.pl-10-rem {
    padding-left: 10rem
}

.p-r {
    position: relative
}

.c-i {
    color: inherit !important
}

.ta-c {
    text-align: center
}

/* End */
/* Start:/assets/font-google.css?16526880328658*/
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* End */
/* Start:/local/templates/tricolortvmag/components/bitrix/advertising.banner/home.top/style.css?159255649565*/
.banner__home_top {
    background: #f2f2f2;
    margin: 15px 0;
}

/* End */
/* Start:/local/templates/tricolortvmag/styles.css?16691269492394*/
.footer {
    align-items: flex-start;
    justify-content: space-between;
    color: rgba(255, 255, 255, 0.5);
}

.footer a {
    text-decoration-line: underline;
    color: inherit;
    transition: .3s ease-out;
}

.footer a:hover {
    color: #16a883;
}

.footer__left, .footer__right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.footer__limit {
    min-width: 76px;
    opacity: 1;
}

.footer__row {
    display: flex;
}

.footer__descr {
    width: auto;
    opacity: 1;
}

.footer__menu {
    margin: 40px -15px 20px
}

.footer__menu a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 15px 20px;
}

.footer__links a + a {
    margin-left: 30px;
}

.footer__soc {
    margin-bottom: 40px
}

.footer__soc a {
    display: inline-block;
    vertical-align: middle;
    opacity: 1;
}

.footer__soc a:hover svg {
    fill: #16a883;
}

.footer__soc a + a {
    margin-left: 20px;
}

.footer__soc svg {
    width: 50px;
    height: 50px;
    fill: #fff;
    transition: 0.3s ease-out;
}

.footer__typo-form {
    opacity: 1;
}

.footer__subscribe {
    max-width: 450px;
}

.footer__subscribe .form-row {
    display: flex;
}

.footer__subscribe .form-item {
    flex-grow: 1;
    margin: 0;
}

.footer__subscribe .form-item input {
    height: 50px;
    font-size: 14px;
}

.footer__subscribe button {
    height: 50px;
    font-size: 14px;
    max-width: 50px;
    min-width: 50px;
    width: 50px;
    padding: 0;
    margin-left: 8px
}

.footer__subscribe .form-caption {
    margin-top: 8px
}

.footer__caption {
    margin-top: 40px
}

.up-btn._fix-bottom {
    bottom: 446px
}

@media (min-width: 1200px) {
    .footer {
        height: 436px
    }

    .footer__left {
        padding-left: 88px;
        width: 50%
    }

    .footer__right {
        width: 25%
    }

    .footer__row {
        margin-left: -78px;
    }

    .footer__subscribe {
        margin-left: auto;
    }

    .footer__subscribe .form-row {
        justify-content: flex-end;
    }
}

@media (max-width: 1199px) {
    .footer__left, .footer__right {
        display: block;
        height: auto;
        width: 100%
    }
}

@media (max-width: 350px) {
    .footer__links a {
        display: block;
    }

    .footer__links a + a {
        margin-top: 16px;
        margin-left: 0;
    }
}

/* End */
/* Start:/local/templates/tricolortvmag/template_styles.css?1669126949935*/
.pagination-wrapp {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination-st {
    display: none;
}

@media only screen and (min-width: 740px) {
    .pagination-wrapp {
        justify-content: space-between;
    }

    .pagination-wrapp .btn {
        margin-left: auto;
        margin-right: auto;
    }

    .pagination-st {
        display: flex;
        align-items: center;
        padding-left: 1px;
    }

    .pagination-st li {
        min-width: 40px;
        line-height: 40px;
        text-align: center;
        color: #000;
    }

    .pagination-st a {
        position: relative;
        display: block;
        text-decoration: none;
        color: #000;
        border: 1px solid #f2f2f2;
        border-radius: 1px;
        padding: 0 4px;
        transition: border-color 0.2s;
    }

    .pagination-st a:hover {
        border-color: #dcdcdc;
        z-index: 3;
    }
}

.active {
    border-color: #16a883 !important;
}

.detail-top-banner__title, .detail-top-banner__date {
    color: white;
}
.footer__descr{
    font-size: 13px ;
}
/* .author */
.author{
    display:grid;
    grid-template-columns:100px 1fr;
    align-items:start;
    gap:16px;
}
.author__image{
    width:100px;
    height:auto;
    border-radius:50%;
}
.author__content{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:12px;
    max-width:460px;
}
.author__title{
    font-family:"Attentica4F", Arial, Helvetica, sans-serif;
    font-size:32px;
    line-height:40px;
}
.author__descr{
    font-size:16px;
    line-height:24px;
}
@media screen and (max-width:540px){
    .author{
        grid-template-columns:1fr;
        gap:12px;
    }
}
/* End */
/* /assets/libs.min.css?162644204914572 */
/* /assets/style.min.css?1669122289102766 */
/* /assets/font-google.css?16526880328658 */
/* /local/templates/tricolortvmag/components/bitrix/advertising.banner/home.top/style.css?159255649565 */
/* /local/templates/tricolortvmag/styles.css?16691269492394 */
/* /local/templates/tricolortvmag/template_styles.css?1669126949935 */