@charset "UTF-8";

.clearfix {
    clear: both;
}

.full-width {
    width: 100% !important;
}

.width-400 {
    width: 300px !important;
}

.height-190 {
    height: 190px !important;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    padding-left: 30px;
    position: relative;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-warning {
    color: #ed952e;
    background-color: #fbead5;
    border-color: #f4bf82;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.faq-block {
    margin-top: 30px;
    margin-bottom: 20px;
}

.faq-block .back-link {
    display: inline-block;
    font-size: 16px;
}

.faq-block .back-link:hover {
    color: #909090;
    text-decoration: underline;
}

#ask-question.btn {
    font-size: 14px;
    display: inline-block;
    padding: 7px 9px;
}

.head-news a {
    color: initial;
}

#ask-question-parent {
    margin-top: 20px;
}

.faq-item {
    margin-bottom: 10px;
}

.mCustomScrollbar {
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    touch-action: auto
}

.mCustomScrollBox {
    direction: ltr;
    height: 100%;
    max-width: 100%;
    outline: 0;
    overflow: hidden;
    position: relative
}

.mCSB_container {
    height: auto;
    overflow: hidden;
    width: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-left: 30px;
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    bottom: 0;
    height: auto;
    left: auto;
    opacity: .75;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: 0;
    right: auto
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 16px;
    height: 100%;
    margin: 0 auto;
    width: 2px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    height: 30px;
    width: 100%;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 16px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 4px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    cursor: pointer;
    display: block;
    height: 20px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 30px;
    margin-right: 0
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    height: 16px;
    left: 0;
    right: 0;
    top: auto;
    width: auto
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 2px;
    margin: 7px 0;
    width: 100%
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    height: 100%;
    left: 0;
    width: 30px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 4px;
    margin: 6px auto;
    width: 100%
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    cursor: pointer;
    display: block;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    width: 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    bottom: 0;
    height: auto;
    left: 0;
    margin-bottom: 30px;
    margin-right: 30px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.mCSB_container_wrapper > .mCSB_container {
    box-sizing: border-box;
    padding-bottom: 30px;
    padding-right: 30px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-left: 30px;
    margin-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
    margin-right: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools {
    opacity: 1
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75);
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85);
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9);
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-repeat: no-repeat;
    opacity: .4
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 1px;
    width: 4px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75);
    border-radius: 1px;
    width: 4px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px auto;
    width: 100%
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 2px;
    width: 4px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75);
    border-radius: 2px;
    width: 6px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    width: 100%
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px auto;
    width: 100%
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 2px;
    margin: 7px auto;
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    margin: 0 1px;
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    margin: -1px 0;
    width: 16px
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    margin: 0 -1px;
    width: 16px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: 50%
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-repeat: repeat-x;
    height: 4px;
    margin: 6px 0
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0));
    background-repeat: repeat-y
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0));
    background-repeat: repeat-x
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px hsla(0, 0%, 100%, .2);
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px hsla(0, 0%, 100%, .2);
    height: 8px;
    margin: 4px 0;
    width: 100%
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 8px;
    margin: 4px auto;
    width: 100%
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    border-radius: 7px
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px;
    bottom: 0;
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4);
    height: auto;
    left: 0;
    margin: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 12px
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    margin: 12px 0;
    right: 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .2);
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .5);
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 6px;
    margin: 5px 0;
    width: 100%
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    width: 12px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    bottom: 0;
    height: auto;
    left: 0;
    margin: 3px 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 6px
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    bottom: 0;
    height: 6px;
    left: 0;
    margin: 5px 3px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
    width: 100%
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border: 1px solid hsla(0, 0%, 100%, .2);
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9)
}

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

.pages-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 12px;
    margin-left: -5px;
}

.pages-nav .prev,
.pages-nav .next {
    border: 1px solid #000000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 9.01173px;
    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;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}

.pages-nav .prev a,
.pages-nav .next a {
    color: #000;
    display: flex;
}

.pages-nav .prev:hover a,
.pages-nav .next:hover a {
    color: #7CBC0A;
}

.pages-nav .prev img,
.pages-nav .next img,
.pages-nav .prev svg,
.pages-nav .next svg {
    margin-right: 5px;
    display: block;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.pages-nav .prev .prev-in,
.pages-nav .next .prev-in,
.pages-nav .prev .next-in,
.pages-nav .next .next-in {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    color: #000000;
    -webkit-transition: 0.25s;
    transition: 0.25s;

    padding: 0 10px;
    height: 44px;
    line-height: 44px;

    background-repeat: no-repeat;
    background-size: 10px auto;
}

.pages-nav .prev:hover,
.pages-nav .next:hover {
    border-color: #7CBC0A;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.pages-nav .prev:hover .prev-in,
.pages-nav .next:hover .prev-in,
.pages-nav .prev:hover .next-in,
.pages-nav .next:hover .next-in,
.pages-nav .prev:hover svg path,
.pages-nav .next:hover svg path {
    color: #7CBC0A;
    stroke: #7CBC0A;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.pages-nav .next img,
.pages-nav .next svg {
    margin-right: 0;
    margin-left: 5px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pages-nav .prev .prev-in,
.pages-nav .next .prev-in {
    padding-left: 26px;
    background-position: left 8px center;
    background-image: url(../img/svg/nav-prev.svg)
}

.pages-nav .prev .next-in,
.pages-nav .next .next-in {
    padding-right: 26px;
    background-position: right 8px center;
    background-image: url(../img/svg/nav-next.svg)
}

.pages-nav .num {
    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: 1px solid #000;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    color: #000000;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    border-radius: 9px;
    margin-left: 7px;
    margin-right: 7px;
    cursor: pointer;
}

.pages-nav .num:hover {
    border-color: #7CBC0A;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.pages-nav .num:hover a {
    color: #7CBC0A;
}

.pages-nav .num a {
    display: block;
    height: 44px;
    line-height: 44px;
    width: 43px;
    text-align: center;

    color: #000000;
}

.pages-nav .num.current {
    border-color: #7CBC0A;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.pages-nav .num.current a {
    color: #7CBC0A;
}

.pages-nav .prev.disabled,
.pages-nav .next.disabled {
    display: none;
}

.fancybox-active {
    height: auto
}

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

.fancybox-container {
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    top: 0;
    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 {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    color: #ccc;
    font-size: 13px;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    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;
    -webkit-overflow-scrolling: touch;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    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 {
    -webkit-overflow-scrolling: touch;
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-backface-visibility: hidden;
    -webkit-user-select: none;
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    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;
    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: -webkit-grab;
    cursor: grab
}

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

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    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;
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85), 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
}

.feedback {
    background-color: #eee;
    padding: 30px 15px 15px;
}

.feedback .page-text p {
    margin-top: 10px;
}

.leave-review-form .form-control {
    display: inline-block;
    width: 48%;
    margin-bottom: 10px;
}

.leave-review-form .form-control label {
    display: block;
    color: #373839;
    font-family: "Conv_parangon_420c";
    font-size: 16px;
}

.leave-review-form .form-control input {
    display: block;
    font-size: 16px;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.leave-review-form .form-control:nth-child(2) {
    float: right;
}

.leave-review-form .form-control.textarea {
    display: block;
    width: 100%;
}

.leave-review-form .form-control.textarea textarea {
    width: 100%;
    height: 100px;
    resize: none;
    font-size: 16px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.leave-review-form .form-control.button {
    width: 100%;
    display: block;
}

.leave-review-form .form-control input[type="submit"] {
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    cursor: pointer;
    width: 150px;
    position: relative;
    left: 50%;
    margin-left: -75px;
}

.leave-form-question,
.leave-review-form {
    display: none;
}

.answer {
    padding-left: 70px;
}

.review {
    width: 100%;
}

.review h2 {
    color: #373839;
    font-family: "Conv_parangon_420c";
    font-size: 16px;
}

.review .comment {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 15px;
    margin: 20px 0;
}

.review .comment .author {
    font-family: Roboto-bold;
}

.review .comment .comment-date {
    font-family: Roboto-Light;
    font-size: 14px;
}

.review .comment .comment-images {
    display: flex;
}

.review .comment .comment-images .comment-images-img {
    margin: 0 5px;
    width: 120px;
    height: 120px;
    border-radius: 7px;
    overflow: hidden;
}

.review .comment .comment-images .comment-images-img a {
    width: 100%;
    height: 100%;
}

.review .comment .comment-images .comment-images-img a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form_comment {
    margin-top: 20px;
}

.dropzone .dz-preview.dz-error .dropzone-delete-file {
    display: block;
}

.dropzone-delete-file {
    position: absolute;
    top: 0;
    z-index: 99;
    display: none;
    padding: 3px 10px;
    background: #7CBC0A;
    color: #FFF;
    border: none;
    border-radius: 7px 0 7px 0;
    cursor: pointer !important;
}

@media (min-width: 0px) and (max-width: 767px) {
    .review .comment {
        display: block;
    }

    .review .comment .comment-images {
        margin-top: 20px;
        justify-content: left;
    }
}

@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;
    border-color: #888 #888 #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 (min-width: 0px) and (max-width: 992px) {
    .pages-nav .num:nth-of-type(n+6) {
        display: none;
    }

    .pages-nav .prev .prev-in,
    .pages-nav .next .prev-in,
    .pages-nav .prev .next-in,
    .pages-nav .next .next-in {
        font-size: 0;
        background-position: center center;
        background-size: 12px auto;
    }

    .pages-nav .prev,
    .pages-nav .next {
        width: 40px;
        font-weight: 700;
    }
}

@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 {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    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;
    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 {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    padding: 2px 2px 4px;
    position: absolute;
    right: 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;
    -webkit-tap-highlight-color: transparent;
    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;
    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)
    }
}

/*!
 * Bootstrap Grid v4.1.3 (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 {
    box-sizing: border-box
}

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

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

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

@media (min-width: 768px) and (max-width: 1024px) {
    .pages-nav {
        margin-bottom: 10px;
    }

    .pages-nav .prev,
    .pages-nav .next {
        height: 37px;
        width: 134px;
    }

    .pages-nav .prev .prev-in,
    .pages-nav .next .prev-in,
    .pages-nav .prev .next-in,
    .pages-nav .next .next-in {
        font-size: 16px;
        line-height: 19px;
    }

    .pages-nav .prev svg,
    .pages-nav .next svg {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    .pages-nav .num {
        width: 36px;
        height: 36px;
        border-radius: 7px;
        font-size: 16px;
        line-height: 19px;
    }
}

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

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

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

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

.col, .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-auto, .col-lg, .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-auto, .col-md, .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-auto, .col-sm, .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-auto, .col-xl, .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-auto {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

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

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

.d-flex {
    display: flex !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zmdi {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: inherit;
    text-rendering: auto
}

.zmdi-hc-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.zmdi-hc-2x {
    font-size: 2em
}

.zmdi-hc-3x {
    font-size: 3em
}

.zmdi-hc-4x {
    font-size: 4em
}

.zmdi-hc-5x {
    font-size: 5em
}

.zmdi-hc-fw {
    text-align: center;
    width: 1.28571em
}

.zmdi-hc-ul {
    list-style-type: none;
    margin-left: 2.14286em;
    padding-left: 0
}

.zmdi-hc-ul > li {
    position: relative
}

.zmdi-hc-li {
    left: -2.14286em;
    position: absolute;
    text-align: center;
    top: .14286em;
    width: 2.14286em
}

.zmdi-hc-li.zmdi-hc-lg {
    left: -1.85714em
}

.zmdi-hc-border {
    border: .1em solid #9e9e9e;
    border-radius: 2px;
    padding: .1em .25em
}

.zmdi-hc-border-circle {
    border: .1em solid #9e9e9e;
    border-radius: 50%;
    padding: .1em .25em
}

.zmdi.pull-left {
    float: left;
    margin-right: .15em
}

.zmdi.pull-right {
    float: right;
    margin-left: .15em
}

.zmdi-hc-spin {
    animation: zmdi-spin 1.5s infinite linear
}

.zmdi-hc-spin-reverse {
    animation: zmdi-spin-reverse 1.5s infinite linear
}

@keyframes zmdi-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

@keyframes zmdi-spin-reverse {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-359deg)
    }
}

.zmdi-hc-rotate-90 {
    transform: rotate(90deg)
}

.zmdi-hc-rotate-180 {
    transform: rotate(180deg)
}

.zmdi-hc-rotate-270 {
    transform: rotate(270deg)
}

.zmdi-hc-flip-horizontal {
    transform: scaleX(-1)
}

.zmdi-hc-flip-vertical {
    transform: scaleY(-1)
}

.zmdi-hc-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2em
}

.zmdi-hc-stack-1x, .zmdi-hc-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.zmdi-hc-stack-1x {
    line-height: inherit
}

.zmdi-hc-stack-2x {
    font-size: 2em
}

.zmdi-hc-inverse {
    color: #fff
}

.zmdi-3d-rotation:before {
    content: ""
}

.zmdi-airplane-off:before {
    content: ""
}

.zmdi-airplane:before {
    content: ""
}

.zmdi-album:before {
    content: ""
}

.zmdi-archive:before {
    content: ""
}

.zmdi-assignment-account:before {
    content: ""
}

.zmdi-assignment-alert:before {
    content: ""
}

.zmdi-assignment-check:before {
    content: ""
}

.zmdi-assignment-o:before {
    content: ""
}

.zmdi-assignment-return:before {
    content: ""
}

.zmdi-assignment-returned:before {
    content: ""
}

.zmdi-assignment:before {
    content: ""
}

.zmdi-attachment-alt:before {
    content: ""
}

.zmdi-attachment:before {
    content: ""
}

.zmdi-audio:before {
    content: ""
}

.zmdi-badge-check:before {
    content: ""
}

.zmdi-balance-wallet:before {
    content: ""
}

.zmdi-balance:before {
    content: ""
}

.zmdi-battery-alert:before {
    content: ""
}

.zmdi-battery-flash:before {
    content: ""
}

.zmdi-battery-unknown:before {
    content: ""
}

.zmdi-battery:before {
    content: ""
}

.zmdi-bike:before {
    content: ""
}

.zmdi-block-alt:before {
    content: ""
}

.zmdi-block:before {
    content: ""
}

.zmdi-boat:before {
    content: ""
}

.zmdi-book-image:before {
    content: ""
}

.zmdi-book:before {
    content: ""
}

.zmdi-bookmark-outline:before {
    content: ""
}

.zmdi-bookmark:before {
    content: ""
}

.zmdi-brush:before {
    content: ""
}

.zmdi-bug:before {
    content: ""
}

.zmdi-bus:before {
    content: ""
}

.zmdi-cake:before {
    content: ""
}

.zmdi-car-taxi:before {
    content: ""
}

.zmdi-car-wash:before {
    content: ""
}

.zmdi-car:before {
    content: ""
}

.zmdi-card-giftcard:before {
    content: ""
}

.zmdi-card-membership:before {
    content: ""
}

.zmdi-card-travel:before {
    content: ""
}

.zmdi-card:before {
    content: ""
}

.zmdi-case-check:before {
    content: ""
}

.zmdi-case-download:before {
    content: ""
}

.zmdi-case-play:before {
    content: ""
}

.zmdi-case:before {
    content: ""
}

.zmdi-cast-connected:before {
    content: ""
}

.zmdi-cast:before {
    content: ""
}

.zmdi-chart-donut:before {
    content: ""
}

.zmdi-chart:before {
    content: ""
}

.zmdi-city-alt:before {
    content: ""
}

.zmdi-city:before {
    content: ""
}

.zmdi-close-circle-o:before {
    content: ""
}

.zmdi-close-circle:before {
    content: ""
}

.zmdi-close:before {
    content: ""
}

.zmdi-cocktail:before {
    content: ""
}

.zmdi-code-setting:before {
    content: ""
}

.zmdi-code-smartphone:before {
    content: ""
}

.zmdi-code:before {
    content: ""
}

.zmdi-coffee:before {
    content: ""
}

.zmdi-collection-bookmark:before {
    content: ""
}

.zmdi-collection-case-play:before {
    content: ""
}

.zmdi-collection-folder-image:before {
    content: ""
}

.zmdi-collection-image-o:before {
    content: ""
}

.zmdi-collection-image:before {
    content: ""
}

.zmdi-collection-item-1:before {
    content: ""
}

.zmdi-collection-item-2:before {
    content: ""
}

.zmdi-collection-item-3:before {
    content: ""
}

.zmdi-collection-item-4:before {
    content: ""
}

.zmdi-collection-item-5:before {
    content: ""
}

.zmdi-collection-item-6:before {
    content: ""
}

.zmdi-collection-item-7:before {
    content: ""
}

.zmdi-collection-item-8:before {
    content: ""
}

.zmdi-collection-item-9-plus:before {
    content: ""
}

.zmdi-collection-item-9:before {
    content: ""
}

.zmdi-collection-item:before {
    content: ""
}

.zmdi-collection-music:before {
    content: ""
}

.zmdi-collection-pdf:before {
    content: ""
}

.zmdi-collection-plus:before {
    content: ""
}

.zmdi-collection-speaker:before {
    content: ""
}

.zmdi-collection-text:before {
    content: ""
}

.zmdi-collection-video:before {
    content: ""
}

.zmdi-compass:before {
    content: ""
}

.zmdi-cutlery:before {
    content: ""
}

.zmdi-delete:before {
    content: ""
}

.zmdi-dialpad:before {
    content: ""
}

.zmdi-dns:before {
    content: ""
}

.zmdi-drink:before {
    content: ""
}

.zmdi-edit:before {
    content: ""
}

.zmdi-email-open:before {
    content: ""
}

.zmdi-email:before {
    content: ""
}

.zmdi-eye-off:before {
    content: ""
}

.zmdi-eye:before {
    content: ""
}

.zmdi-eyedropper:before {
    content: ""
}

.zmdi-favorite-outline:before {
    content: ""
}

.zmdi-favorite:before {
    content: ""
}

.zmdi-filter-list:before {
    content: ""
}

.zmdi-fire:before {
    content: ""
}

.zmdi-flag:before {
    content: ""
}

.zmdi-flare:before {
    content: ""
}

.zmdi-flash-auto:before {
    content: ""
}

.zmdi-flash-off:before {
    content: ""
}

.zmdi-flash:before {
    content: ""
}

.zmdi-flip:before {
    content: ""
}

.zmdi-flower-alt:before {
    content: ""
}

.zmdi-flower:before {
    content: ""
}

.zmdi-font:before {
    content: ""
}

.zmdi-fullscreen-alt:before {
    content: ""
}

.zmdi-fullscreen-exit:before {
    content: ""
}

.zmdi-fullscreen:before {
    content: ""
}

.zmdi-functions:before {
    content: ""
}

.zmdi-gas-station:before {
    content: ""
}

.zmdi-gesture:before {
    content: ""
}

.zmdi-globe-alt:before {
    content: ""
}

.zmdi-globe-lock:before {
    content: ""
}

.zmdi-globe:before {
    content: ""
}

.zmdi-graduation-cap:before {
    content: ""
}

.zmdi-home:before {
    content: ""
}

.zmdi-hospital-alt:before {
    content: ""
}

.zmdi-hospital:before {
    content: ""
}

.zmdi-hotel:before {
    content: ""
}

.zmdi-hourglass-alt:before {
    content: ""
}

.zmdi-hourglass-outline:before {
    content: ""
}

.zmdi-hourglass:before {
    content: ""
}

.zmdi-http:before {
    content: ""
}

.zmdi-image-alt:before {
    content: ""
}

.zmdi-image-o:before {
    content: ""
}

.zmdi-image:before {
    content: ""
}

.zmdi-inbox:before {
    content: ""
}

.zmdi-invert-colors-off:before {
    content: ""
}

.zmdi-invert-colors:before {
    content: ""
}

.zmdi-key:before {
    content: ""
}

.zmdi-label-alt-outline:before {
    content: ""
}

.zmdi-label-alt:before {
    content: ""
}

.zmdi-label-heart:before {
    content: ""
}

.zmdi-label:before {
    content: ""
}

.zmdi-labels:before {
    content: ""
}

.zmdi-lamp:before {
    content: ""
}

.zmdi-landscape:before {
    content: ""
}

.zmdi-layers-off:before {
    content: ""
}

.zmdi-layers:before {
    content: ""
}

.zmdi-library:before {
    content: ""
}

.zmdi-link:before {
    content: ""
}

.zmdi-lock-open:before {
    content: ""
}

.zmdi-lock-outline:before {
    content: ""
}

.zmdi-lock:before {
    content: ""
}

.zmdi-mail-reply-all:before {
    content: ""
}

.zmdi-mail-reply:before {
    content: ""
}

.zmdi-mail-send:before {
    content: ""
}

.zmdi-mall:before {
    content: ""
}

.zmdi-map:before {
    content: ""
}

.zmdi-menu:before {
    content: ""
}

.zmdi-money-box:before {
    content: ""
}

.zmdi-money-off:before {
    content: ""
}

.zmdi-money:before {
    content: ""
}

.zmdi-more-vert:before {
    content: ""
}

.zmdi-more:before {
    content: ""
}

.zmdi-movie-alt:before {
    content: ""
}

.zmdi-movie:before {
    content: ""
}

.zmdi-nature-people:before {
    content: ""
}

.zmdi-nature:before {
    content: ""
}

.zmdi-navigation:before {
    content: ""
}

.zmdi-open-in-browser:before {
    content: ""
}

.zmdi-open-in-new:before {
    content: ""
}

.zmdi-palette:before {
    content: ""
}

.zmdi-parking:before {
    content: ""
}

.zmdi-pin-account:before {
    content: ""
}

.zmdi-pin-assistant:before {
    content: ""
}

.zmdi-pin-drop:before {
    content: ""
}

.zmdi-pin-help:before {
    content: ""
}

.zmdi-pin-off:before {
    content: ""
}

.zmdi-pin:before {
    content: ""
}

.zmdi-pizza:before {
    content: ""
}

.zmdi-plaster:before {
    content: ""
}

.zmdi-power-setting:before {
    content: ""
}

.zmdi-power:before {
    content: ""
}

.zmdi-print:before {
    content: ""
}

.zmdi-puzzle-piece:before {
    content: ""
}

.zmdi-quote:before {
    content: ""
}

.zmdi-railway:before {
    content: ""
}

.zmdi-receipt:before {
    content: ""
}

.zmdi-refresh-alt:before {
    content: ""
}

.zmdi-refresh-sync-alert:before {
    content: ""
}

.zmdi-refresh-sync-off:before {
    content: ""
}

.zmdi-refresh-sync:before {
    content: ""
}

.zmdi-refresh:before {
    content: ""
}

.zmdi-roller:before {
    content: ""
}

.zmdi-ruler:before {
    content: ""
}

.zmdi-scissors:before {
    content: ""
}

.zmdi-screen-rotation-lock:before {
    content: ""
}

.zmdi-screen-rotation:before {
    content: ""
}

.zmdi-search-for:before {
    content: ""
}

.zmdi-search-in-file:before {
    content: ""
}

.zmdi-search-in-page:before {
    content: ""
}

.zmdi-search-replace:before {
    content: ""
}

.zmdi-search:before {
    content: ""
}

.zmdi-seat:before {
    content: ""
}

.zmdi-settings-square:before {
    content: ""
}

.zmdi-settings:before {
    content: ""
}

.zmdi-shield-check:before {
    content: ""
}

.zmdi-shield-security:before {
    content: ""
}

.zmdi-shopping-basket:before {
    content: ""
}

.zmdi-shopping-cart-plus:before {
    content: ""
}

.zmdi-shopping-cart:before {
    content: ""
}

.zmdi-sign-in:before {
    content: ""
}

.zmdi-sort-amount-asc:before {
    content: ""
}

.zmdi-sort-amount-desc:before {
    content: ""
}

.zmdi-sort-asc:before {
    content: ""
}

.zmdi-sort-desc:before {
    content: ""
}

.zmdi-spellcheck:before {
    content: ""
}

.zmdi-storage:before {
    content: ""
}

.zmdi-store-24:before {
    content: ""
}

.zmdi-store:before {
    content: ""
}

.zmdi-subway:before {
    content: ""
}

.zmdi-sun:before {
    content: ""
}

.zmdi-tab-unselected:before {
    content: ""
}

.zmdi-tab:before {
    content: ""
}

.zmdi-tag-close:before {
    content: ""
}

.zmdi-tag-more:before {
    content: ""
}

.zmdi-tag:before {
    content: ""
}

.zmdi-thumb-down:before {
    content: ""
}

.zmdi-thumb-up-down:before {
    content: ""
}

.zmdi-thumb-up:before {
    content: ""
}

.zmdi-ticket-star:before {
    content: ""
}

.zmdi-toll:before {
    content: ""
}

.zmdi-toys:before {
    content: ""
}

.zmdi-traffic:before {
    content: ""
}

.zmdi-translate:before {
    content: ""
}

.zmdi-triangle-down:before {
    content: ""
}

.zmdi-triangle-up:before {
    content: ""
}

.zmdi-truck:before {
    content: ""
}

.zmdi-turning-sign:before {
    content: ""
}

.zmdi-wallpaper:before {
    content: ""
}

.zmdi-washing-machine:before {
    content: ""
}

.zmdi-window-maximize:before {
    content: ""
}

.zmdi-window-minimize:before {
    content: ""
}

.zmdi-window-restore:before {
    content: ""
}

.zmdi-wrench:before {
    content: ""
}

.zmdi-zoom-in:before {
    content: ""
}

.zmdi-zoom-out:before {
    content: ""
}

.zmdi-alert-circle-o:before {
    content: ""
}

.zmdi-alert-circle:before {
    content: ""
}

.zmdi-alert-octagon:before {
    content: ""
}

.zmdi-alert-polygon:before {
    content: ""
}

.zmdi-alert-triangle:before {
    content: ""
}

.zmdi-help-outline:before {
    content: ""
}

.zmdi-help:before {
    content: ""
}

.zmdi-info-outline:before {
    content: ""
}

.zmdi-info:before {
    content: ""
}

.zmdi-notifications-active:before {
    content: ""
}

.zmdi-notifications-add:before {
    content: ""
}

.zmdi-notifications-none:before {
    content: ""
}

.zmdi-notifications-off:before {
    content: ""
}

.zmdi-notifications-paused:before {
    content: ""
}

.zmdi-notifications:before {
    content: ""
}

.zmdi-account-add:before {
    content: ""
}

.zmdi-account-box-mail:before {
    content: ""
}

.zmdi-account-box-o:before {
    content: ""
}

.zmdi-account-box-phone:before {
    content: ""
}

.zmdi-account-box:before {
    content: ""
}

.zmdi-account-calendar:before {
    content: ""
}

.zmdi-account-circle:before {
    content: ""
}

.zmdi-account-o:before {
    content: ""
}

.zmdi-account:before {
    content: ""
}

.zmdi-accounts-add:before {
    content: ""
}

.zmdi-accounts-alt:before {
    content: ""
}

.zmdi-accounts-list-alt:before {
    content: ""
}

.zmdi-accounts-list:before {
    content: ""
}

.zmdi-accounts-outline:before {
    content: ""
}

.zmdi-accounts:before {
    content: ""
}

.zmdi-face:before {
    content: ""
}

.zmdi-female:before {
    content: ""
}

.zmdi-male-alt:before {
    content: ""
}

.zmdi-male-female:before {
    content: ""
}

.zmdi-male:before {
    content: ""
}

.zmdi-mood-bad:before {
    content: ""
}

.zmdi-mood:before {
    content: ""
}

.zmdi-run:before {
    content: ""
}

.zmdi-walk:before {
    content: ""
}

.zmdi-cloud-box:before {
    content: ""
}

.zmdi-cloud-circle:before {
    content: ""
}

.zmdi-cloud-done:before {
    content: ""
}

.zmdi-cloud-download:before {
    content: ""
}

.zmdi-cloud-off:before {
    content: ""
}

.zmdi-cloud-outline-alt:before {
    content: ""
}

.zmdi-cloud-outline:before {
    content: ""
}

.zmdi-cloud-upload:before {
    content: ""
}

.zmdi-cloud:before {
    content: ""
}

.zmdi-download:before {
    content: ""
}

.zmdi-file-plus:before {
    content: ""
}

.zmdi-file-text:before {
    content: ""
}

.zmdi-file:before {
    content: ""
}

.zmdi-folder-outline:before {
    content: ""
}

.zmdi-folder-person:before {
    content: ""
}

.zmdi-folder-star-alt:before {
    content: ""
}

.zmdi-folder-star:before {
    content: ""
}

.zmdi-folder:before {
    content: ""
}

.zmdi-gif:before {
    content: ""
}

.zmdi-upload:before {
    content: ""
}

.zmdi-border-all:before {
    content: ""
}

.zmdi-border-bottom:before {
    content: ""
}

.zmdi-border-clear:before {
    content: ""
}

.zmdi-border-color:before {
    content: ""
}

.zmdi-border-horizontal:before {
    content: ""
}

.zmdi-border-inner:before {
    content: ""
}

.zmdi-border-left:before {
    content: ""
}

.zmdi-border-outer:before {
    content: ""
}

.zmdi-border-right:before {
    content: ""
}

.zmdi-border-style:before {
    content: ""
}

.zmdi-border-top:before {
    content: ""
}

.zmdi-border-vertical:before {
    content: ""
}

.zmdi-copy:before {
    content: ""
}

.zmdi-crop:before {
    content: ""
}

.zmdi-format-align-center:before {
    content: ""
}

.zmdi-format-align-justify:before {
    content: ""
}

.zmdi-format-align-left:before {
    content: ""
}

.zmdi-format-align-right:before {
    content: ""
}

.zmdi-format-bold:before {
    content: ""
}

.zmdi-format-clear-all:before {
    content: ""
}

.zmdi-format-clear:before {
    content: ""
}

.zmdi-format-color-fill:before {
    content: ""
}

.zmdi-format-color-reset:before {
    content: ""
}

.zmdi-format-color-text:before {
    content: ""
}

.zmdi-format-indent-decrease:before {
    content: ""
}

.zmdi-format-indent-increase:before {
    content: ""
}

.zmdi-format-italic:before {
    content: ""
}

.zmdi-format-line-spacing:before {
    content: ""
}

.zmdi-format-list-bulleted:before {
    content: ""
}

.zmdi-format-list-numbered:before {
    content: ""
}

.zmdi-format-ltr:before {
    content: ""
}

.zmdi-format-rtl:before {
    content: ""
}

.zmdi-format-size:before {
    content: ""
}

.zmdi-format-strikethrough-s:before {
    content: ""
}

.zmdi-format-strikethrough:before {
    content: ""
}

.zmdi-format-subject:before {
    content: ""
}

.zmdi-format-underlined:before {
    content: ""
}

.zmdi-format-valign-bottom:before {
    content: ""
}

.zmdi-format-valign-center:before {
    content: ""
}

.zmdi-format-valign-top:before {
    content: ""
}

.zmdi-redo:before {
    content: ""
}

.zmdi-select-all:before {
    content: ""
}

.zmdi-space-bar:before {
    content: ""
}

.zmdi-text-format:before {
    content: ""
}

.zmdi-transform:before {
    content: ""
}

.zmdi-undo:before {
    content: ""
}

.zmdi-wrap-text:before {
    content: ""
}

.zmdi-comment-alert:before {
    content: ""
}

.zmdi-comment-alt-text:before {
    content: ""
}

.zmdi-comment-alt:before {
    content: ""
}

.zmdi-comment-edit:before {
    content: ""
}

.zmdi-comment-image:before {
    content: ""
}

.zmdi-comment-list:before {
    content: ""
}

.zmdi-comment-more:before {
    content: ""
}

.zmdi-comment-outline:before {
    content: ""
}

.zmdi-comment-text-alt:before {
    content: ""
}

.zmdi-comment-text:before {
    content: ""
}

.zmdi-comment-video:before {
    content: ""
}

.zmdi-comment:before {
    content: ""
}

.zmdi-comments:before {
    content: ""
}

.zmdi-check-all:before {
    content: ""
}

.zmdi-check-circle-u:before {
    content: ""
}

.zmdi-check-circle:before {
    content: ""
}

.zmdi-check-square:before {
    content: ""
}

.zmdi-check:before {
    content: ""
}

.zmdi-circle-o:before {
    content: ""
}

.zmdi-circle:before {
    content: ""
}

.zmdi-dot-circle-alt:before {
    content: ""
}

.zmdi-dot-circle:before {
    content: ""
}

.zmdi-minus-circle-outline:before {
    content: ""
}

.zmdi-minus-circle:before {
    content: ""
}

.zmdi-minus-square:before {
    content: ""
}

.zmdi-minus:before {
    content: ""
}

.zmdi-plus-circle-o-duplicate:before {
    content: ""
}

.zmdi-plus-circle-o:before {
    content: ""
}

.zmdi-plus-circle:before {
    content: ""
}

.zmdi-plus-square:before {
    content: ""
}

.zmdi-plus:before {
    content: ""
}

.zmdi-square-o:before {
    content: ""
}

.zmdi-star-circle:before {
    content: ""
}

.zmdi-star-half:before {
    content: ""
}

.zmdi-star-outline:before {
    content: ""
}

.zmdi-star:before {
    content: ""
}

.zmdi-bluetooth-connected:before {
    content: ""
}

.zmdi-bluetooth-off:before {
    content: ""
}

.zmdi-bluetooth-search:before {
    content: ""
}

.zmdi-bluetooth-setting:before {
    content: ""
}

.zmdi-bluetooth:before {
    content: ""
}

.zmdi-camera-add:before {
    content: ""
}

.zmdi-camera-alt:before {
    content: ""
}

.zmdi-camera-bw:before {
    content: ""
}

.zmdi-camera-front:before {
    content: ""
}

.zmdi-camera-mic:before {
    content: ""
}

.zmdi-camera-party-mode:before {
    content: ""
}

.zmdi-camera-rear:before {
    content: ""
}

.zmdi-camera-roll:before {
    content: ""
}

.zmdi-camera-switch:before {
    content: ""
}

.zmdi-camera:before {
    content: ""
}

.zmdi-card-alert:before {
    content: ""
}

.zmdi-card-off:before {
    content: ""
}

.zmdi-card-sd:before {
    content: ""
}

.zmdi-card-sim:before {
    content: ""
}

.zmdi-desktop-mac:before {
    content: ""
}

.zmdi-desktop-windows:before {
    content: ""
}

.zmdi-device-hub:before {
    content: ""
}

.zmdi-devices-off:before {
    content: ""
}

.zmdi-devices:before {
    content: ""
}

.zmdi-dock:before {
    content: ""
}

.zmdi-floppy:before {
    content: ""
}

.zmdi-gamepad:before {
    content: ""
}

.zmdi-gps-dot:before {
    content: ""
}

.zmdi-gps-off:before {
    content: ""
}

.zmdi-gps:before {
    content: ""
}

.zmdi-headset-mic:before {
    content: ""
}

.zmdi-headset:before {
    content: ""
}

.zmdi-input-antenna:before {
    content: ""
}

.zmdi-input-composite:before {
    content: ""
}

.zmdi-input-hdmi:before {
    content: ""
}

.zmdi-input-power:before {
    content: ""
}

.zmdi-input-svideo:before {
    content: ""
}

.zmdi-keyboard-hide:before {
    content: ""
}

.zmdi-keyboard:before {
    content: ""
}

.zmdi-laptop-chromebook:before {
    content: ""
}

.zmdi-laptop-mac:before {
    content: ""
}

.zmdi-laptop:before {
    content: ""
}

.zmdi-mic-off:before {
    content: ""
}

.zmdi-mic-outline:before {
    content: ""
}

.zmdi-mic-setting:before {
    content: ""
}

.zmdi-mic:before {
    content: ""
}

.zmdi-mouse:before {
    content: ""
}

.zmdi-network-alert:before {
    content: ""
}

.zmdi-network-locked:before {
    content: ""
}

.zmdi-network-off:before {
    content: ""
}

.zmdi-network-outline:before {
    content: ""
}

.zmdi-network-setting:before {
    content: ""
}

.zmdi-network:before {
    content: ""
}

.zmdi-phone-bluetooth:before {
    content: ""
}

.zmdi-phone-end:before {
    content: ""
}

.zmdi-phone-forwarded:before {
    content: ""
}

.zmdi-phone-in-talk:before {
    content: ""
}

.zmdi-phone-locked:before {
    content: ""
}

.zmdi-phone-missed:before {
    content: ""
}

.zmdi-phone-msg:before {
    content: ""
}

.zmdi-phone-paused:before {
    content: ""
}

.zmdi-phone-ring:before {
    content: ""
}

.zmdi-phone-setting:before {
    content: ""
}

.zmdi-phone-sip:before {
    content: ""
}

.zmdi-phone:before {
    content: ""
}

.zmdi-portable-wifi-changes:before {
    content: ""
}

.zmdi-portable-wifi-off:before {
    content: ""
}

.zmdi-portable-wifi:before {
    content: ""
}

.zmdi-radio:before {
    content: ""
}

.zmdi-reader:before {
    content: ""
}

.zmdi-remote-control-alt:before {
    content: ""
}

.zmdi-remote-control:before {
    content: ""
}

.zmdi-router:before {
    content: ""
}

.zmdi-scanner:before {
    content: ""
}

.zmdi-smartphone-android:before {
    content: ""
}

.zmdi-smartphone-download:before {
    content: ""
}

.zmdi-smartphone-erase:before {
    content: ""
}

.zmdi-smartphone-info:before {
    content: ""
}

.zmdi-smartphone-iphone:before {
    content: ""
}

.zmdi-smartphone-landscape-lock:before {
    content: ""
}

.zmdi-smartphone-landscape:before {
    content: ""
}

.zmdi-smartphone-lock:before {
    content: ""
}

.zmdi-smartphone-portrait-lock:before {
    content: ""
}

.zmdi-smartphone-ring:before {
    content: ""
}

.zmdi-smartphone-setting:before {
    content: ""
}

.zmdi-smartphone-setup:before {
    content: ""
}

.zmdi-smartphone:before {
    content: ""
}

.zmdi-speaker:before {
    content: ""
}

.zmdi-tablet-android:before {
    content: ""
}

.zmdi-tablet-mac:before {
    content: ""
}

.zmdi-tablet:before {
    content: ""
}

.zmdi-tv-alt-play:before {
    content: ""
}

.zmdi-tv-list:before {
    content: ""
}

.zmdi-tv-play:before {
    content: ""
}

.zmdi-tv:before {
    content: ""
}

.zmdi-usb:before {
    content: ""
}

.zmdi-videocam-off:before {
    content: ""
}

.zmdi-videocam-switch:before {
    content: ""
}

.zmdi-videocam:before {
    content: ""
}

.zmdi-watch:before {
    content: ""
}

.zmdi-wifi-alt-2:before {
    content: ""
}

.zmdi-wifi-alt:before {
    content: ""
}

.zmdi-wifi-info:before {
    content: ""
}

.zmdi-wifi-lock:before {
    content: ""
}

.zmdi-wifi-off:before {
    content: ""
}

.zmdi-wifi-outline:before {
    content: ""
}

.zmdi-wifi:before {
    content: ""
}

.zmdi-arrow-left-bottom:before {
    content: ""
}

.zmdi-arrow-left:before {
    content: ""
}

.zmdi-arrow-merge:before {
    content: ""
}

.zmdi-arrow-missed:before {
    content: ""
}

.zmdi-arrow-right-top:before {
    content: ""
}

.zmdi-arrow-right:before {
    content: ""
}

.zmdi-arrow-split:before {
    content: ""
}

.zmdi-arrows:before {
    content: ""
}

.zmdi-caret-down-circle:before {
    content: ""
}

.zmdi-caret-down:before {
    content: ""
}

.zmdi-caret-left-circle:before {
    content: ""
}

.zmdi-caret-left:before {
    content: ""
}

.zmdi-caret-right-circle:before {
    content: ""
}

.zmdi-caret-right:before {
    content: ""
}

.zmdi-caret-up-circle:before {
    content: ""
}

.zmdi-caret-up:before {
    content: ""
}

.zmdi-chevron-down:before {
    content: ""
}

.zmdi-chevron-left:before {
    content: ""
}

.zmdi-chevron-right:before {
    content: ""
}

.zmdi-chevron-up:before {
    content: ""
}

.zmdi-forward:before {
    content: ""
}

.zmdi-long-arrow-down:before {
    content: ""
}

.zmdi-long-arrow-left:before {
    content: ""
}

.zmdi-long-arrow-return:before {
    content: ""
}

.zmdi-long-arrow-right:before {
    content: ""
}

.zmdi-long-arrow-tab:before {
    content: ""
}

.zmdi-long-arrow-up:before {
    content: ""
}

.zmdi-rotate-ccw:before {
    content: ""
}

.zmdi-rotate-cw:before {
    content: ""
}

.zmdi-rotate-left:before {
    content: ""
}

.zmdi-rotate-right:before {
    content: ""
}

.zmdi-square-down:before {
    content: ""
}

.zmdi-square-right:before {
    content: ""
}

.zmdi-swap-alt:before {
    content: ""
}

.zmdi-swap-vertical-circle:before {
    content: ""
}

.zmdi-swap-vertical:before {
    content: ""
}

.zmdi-swap:before {
    content: ""
}

.zmdi-trending-down:before {
    content: ""
}

.zmdi-trending-flat:before {
    content: ""
}

.zmdi-trending-up:before {
    content: ""
}

.zmdi-unfold-less:before {
    content: ""
}

.zmdi-unfold-more:before {
    content: ""
}

.zmdi-apps:before {
    content: ""
}

.zmdi-grid-off:before {
    content: ""
}

.zmdi-grid:before {
    content: ""
}

.zmdi-view-agenda:before {
    content: ""
}

.zmdi-view-array:before {
    content: ""
}

.zmdi-view-carousel:before {
    content: ""
}

.zmdi-view-column:before {
    content: ""
}

.zmdi-view-comfy:before {
    content: ""
}

.zmdi-view-compact:before {
    content: ""
}

.zmdi-view-dashboard:before {
    content: ""
}

.zmdi-view-day:before {
    content: ""
}

.zmdi-view-headline:before {
    content: ""
}

.zmdi-view-list-alt:before {
    content: ""
}

.zmdi-view-list:before {
    content: ""
}

.zmdi-view-module:before {
    content: ""
}

.zmdi-view-quilt:before {
    content: ""
}

.zmdi-view-stream:before {
    content: ""
}

.zmdi-view-subtitles:before {
    content: ""
}

.zmdi-view-toc:before {
    content: ""
}

.zmdi-view-web:before {
    content: ""
}

.zmdi-view-week:before {
    content: ""
}

.zmdi-widgets:before {
    content: ""
}

.zmdi-alarm-check:before {
    content: ""
}

.zmdi-alarm-off:before {
    content: ""
}

.zmdi-alarm-plus:before {
    content: ""
}

.zmdi-alarm-snooze:before {
    content: ""
}

.zmdi-alarm:before {
    content: ""
}

.zmdi-calendar-alt:before {
    content: ""
}

.zmdi-calendar-check:before {
    content: ""
}

.zmdi-calendar-close:before {
    content: ""
}

.zmdi-calendar-note:before {
    content: ""
}

.zmdi-calendar:before {
    content: ""
}

.zmdi-time-countdown:before {
    content: ""
}

.zmdi-time-interval:before {
    content: ""
}

.zmdi-time-restore-setting:before {
    content: ""
}

.zmdi-time-restore:before {
    content: ""
}

.zmdi-time:before {
    content: ""
}

.zmdi-timer-off:before {
    content: ""
}

.zmdi-timer:before {
    content: ""
}

.zmdi-android-alt:before {
    content: ""
}

.zmdi-android:before {
    content: ""
}

.zmdi-apple:before {
    content: ""
}

.zmdi-behance:before {
    content: ""
}

.zmdi-codepen:before {
    content: ""
}

.zmdi-dribbble:before {
    content: ""
}

.zmdi-dropbox:before {
    content: ""
}

.zmdi-evernote:before {
    content: ""
}

.zmdi-facebook-box:before {
    content: ""
}

.zmdi-facebook:before {
    content: ""
}

.zmdi-github-box:before {
    content: ""
}

.zmdi-github:before {
    content: ""
}

.zmdi-google-drive:before {
    content: ""
}

.zmdi-google-earth:before {
    content: ""
}

.zmdi-google-glass:before {
    content: ""
}

.zmdi-google-maps:before {
    content: ""
}

.zmdi-google-pages:before {
    content: ""
}

.zmdi-google-play:before {
    content: ""
}

.zmdi-google-plus-box:before {
    content: ""
}

.zmdi-google-plus:before {
    content: ""
}

.zmdi-google:before {
    content: ""
}

.zmdi-instagram:before {
    content: ""
}

.zmdi-language-css3:before {
    content: ""
}

.zmdi-language-html5:before {
    content: ""
}

.zmdi-language-javascript:before {
    content: ""
}

.zmdi-language-python-alt:before {
    content: ""
}

.zmdi-language-python:before {
    content: ""
}

.zmdi-lastfm:before {
    content: ""
}

.zmdi-linkedin-box:before {
    content: ""
}

.zmdi-paypal:before {
    content: ""
}

.zmdi-pinterest-box:before {
    content: ""
}

.zmdi-pocket:before {
    content: ""
}

.zmdi-polymer:before {
    content: ""
}

.zmdi-share:before {
    content: ""
}

.zmdi-stackoverflow:before {
    content: ""
}

.zmdi-steam-square:before {
    content: ""
}

.zmdi-steam:before {
    content: ""
}

.zmdi-twitter-box:before {
    content: ""
}

.zmdi-twitter:before {
    content: ""
}

.zmdi-vk:before {
    content: ""
}

.zmdi-wikipedia:before {
    content: ""
}

.zmdi-windows:before {
    content: ""
}

.zmdi-aspect-ratio-alt:before {
    content: ""
}

.zmdi-aspect-ratio:before {
    content: ""
}

.zmdi-blur-circular:before {
    content: ""
}

.zmdi-blur-linear:before {
    content: ""
}

.zmdi-blur-off:before {
    content: ""
}

.zmdi-blur:before {
    content: ""
}

.zmdi-brightness-2:before {
    content: ""
}

.zmdi-brightness-3:before {
    content: ""
}

.zmdi-brightness-4:before {
    content: ""
}

.zmdi-brightness-5:before {
    content: ""
}

.zmdi-brightness-6:before {
    content: ""
}

.zmdi-brightness-7:before {
    content: ""
}

.zmdi-brightness-auto:before {
    content: ""
}

.zmdi-brightness-setting:before {
    content: ""
}

.zmdi-broken-image:before {
    content: ""
}

.zmdi-center-focus-strong:before {
    content: ""
}

.zmdi-center-focus-weak:before {
    content: ""
}

.zmdi-compare:before {
    content: ""
}

.zmdi-crop-16-9:before {
    content: ""
}

.zmdi-crop-3-2:before {
    content: ""
}

.zmdi-crop-5-4:before {
    content: ""
}

.zmdi-crop-7-5:before {
    content: ""
}

.zmdi-crop-din:before {
    content: ""
}

.zmdi-crop-free:before {
    content: ""
}

.zmdi-crop-landscape:before {
    content: ""
}

.zmdi-crop-portrait:before {
    content: ""
}

.zmdi-crop-square:before {
    content: ""
}

.zmdi-exposure-alt:before {
    content: ""
}

.zmdi-exposure:before {
    content: ""
}

.zmdi-filter-b-and-w:before {
    content: ""
}

.zmdi-filter-center-focus:before {
    content: ""
}

.zmdi-filter-frames:before {
    content: ""
}

.zmdi-filter-tilt-shift:before {
    content: ""
}

.zmdi-gradient:before {
    content: ""
}

.zmdi-grain:before {
    content: ""
}

.zmdi-graphic-eq:before {
    content: ""
}

.zmdi-hdr-off:before {
    content: ""
}

.zmdi-hdr-strong:before {
    content: ""
}

.zmdi-hdr-weak:before {
    content: ""
}

.zmdi-hdr:before {
    content: ""
}

.zmdi-iridescent:before {
    content: ""
}

.zmdi-leak-off:before {
    content: ""
}

.zmdi-leak:before {
    content: ""
}

.zmdi-looks:before {
    content: ""
}

.zmdi-loupe:before {
    content: ""
}

.zmdi-panorama-horizontal:before {
    content: ""
}

.zmdi-panorama-vertical:before {
    content: ""
}

.zmdi-panorama-wide-angle:before {
    content: ""
}

.zmdi-photo-size-select-large:before {
    content: ""
}

.zmdi-photo-size-select-small:before {
    content: ""
}

.zmdi-picture-in-picture:before {
    content: ""
}

.zmdi-slideshow:before {
    content: ""
}

.zmdi-texture:before {
    content: ""
}

.zmdi-tonality:before {
    content: ""
}

.zmdi-vignette:before {
    content: ""
}

.zmdi-wb-auto:before {
    content: ""
}

.zmdi-eject-alt:before {
    content: ""
}

.zmdi-eject:before {
    content: ""
}

.zmdi-equalizer:before {
    content: ""
}

.zmdi-fast-forward:before {
    content: ""
}

.zmdi-fast-rewind:before {
    content: ""
}

.zmdi-forward-10:before {
    content: ""
}

.zmdi-forward-30:before {
    content: ""
}

.zmdi-forward-5:before {
    content: ""
}

.zmdi-hearing:before {
    content: ""
}

.zmdi-pause-circle-outline:before {
    content: ""
}

.zmdi-pause-circle:before {
    content: ""
}

.zmdi-pause:before {
    content: ""
}

.zmdi-play-circle-outline:before {
    content: ""
}

.zmdi-play-circle:before {
    content: ""
}

.zmdi-play:before {
    content: ""
}

.zmdi-playlist-audio:before {
    content: ""
}

.zmdi-playlist-plus:before {
    content: ""
}

.zmdi-repeat-one:before {
    content: ""
}

.zmdi-repeat:before {
    content: ""
}

.zmdi-replay-10:before {
    content: ""
}

.zmdi-replay-30:before {
    content: ""
}

.zmdi-replay-5:before {
    content: ""
}

.zmdi-replay:before {
    content: ""
}

.zmdi-shuffle:before {
    content: ""
}

.zmdi-skip-next:before {
    content: ""
}

.zmdi-skip-previous:before {
    content: ""
}

.zmdi-stop:before {
    content: ""
}

.zmdi-surround-sound:before {
    content: ""
}

.zmdi-tune:before {
    content: ""
}

.zmdi-volume-down:before {
    content: ""
}

.zmdi-volume-mute:before {
    content: ""
}

.zmdi-volume-off:before {
    content: ""
}

.zmdi-volume-up:before {
    content: ""
}

.zmdi-n-1-square:before {
    content: ""
}

.zmdi-n-2-square:before {
    content: ""
}

.zmdi-n-3-square:before {
    content: ""
}

.zmdi-n-4-square:before {
    content: ""
}

.zmdi-n-5-square:before {
    content: ""
}

.zmdi-n-6-square:before {
    content: ""
}

.zmdi-neg-1:before {
    content: ""
}

.zmdi-neg-2:before {
    content: ""
}

.zmdi-plus-1:before {
    content: ""
}

.zmdi-plus-2:before {
    content: ""
}

.zmdi-sec-10:before {
    content: ""
}

.zmdi-sec-3:before {
    content: ""
}

.zmdi-zero:before {
    content: ""
}

.zmdi-airline-seat-flat-angled:before {
    content: ""
}

.zmdi-airline-seat-flat:before {
    content: ""
}

.zmdi-airline-seat-individual-suite:before {
    content: ""
}

.zmdi-airline-seat-legroom-extra:before {
    content: ""
}

.zmdi-airline-seat-legroom-normal:before {
    content: ""
}

.zmdi-airline-seat-legroom-reduced:before {
    content: ""
}

.zmdi-airline-seat-recline-extra:before {
    content: ""
}

.zmdi-airline-seat-recline-normal:before {
    content: ""
}

.zmdi-airplay:before {
    content: ""
}

.zmdi-closed-caption:before {
    content: ""
}

.zmdi-confirmation-number:before {
    content: ""
}

.zmdi-developer-board:before {
    content: ""
}

.zmdi-disc-full:before {
    content: ""
}

.zmdi-explicit:before {
    content: ""
}

.zmdi-flight-land:before {
    content: ""
}

.zmdi-flight-takeoff:before {
    content: ""
}

.zmdi-flip-to-back:before {
    content: ""
}

.zmdi-flip-to-front:before {
    content: ""
}

.zmdi-group-work:before {
    content: ""
}

.zmdi-hd:before {
    content: ""
}

.zmdi-hq:before {
    content: ""
}

.zmdi-markunread-mailbox:before {
    content: ""
}

.zmdi-memory:before {
    content: ""
}

.zmdi-nfc:before {
    content: ""
}

.zmdi-play-for-work:before {
    content: ""
}

.zmdi-power-input:before {
    content: ""
}

.zmdi-present-to-all:before {
    content: ""
}

.zmdi-satellite:before {
    content: ""
}

.zmdi-tap-and-play:before {
    content: ""
}

.zmdi-vibration:before {
    content: ""
}

.zmdi-voicemail:before {
    content: ""
}

.zmdi-group:before {
    content: ""
}

.zmdi-rss:before {
    content: ""
}

.zmdi-shape:before {
    content: ""
}

.zmdi-spinner:before {
    content: ""
}

.zmdi-ungroup:before {
    content: ""
}

.zmdi-500px:before {
    content: ""
}

.zmdi-8tracks:before {
    content: ""
}

.zmdi-amazon:before {
    content: ""
}

.zmdi-blogger:before {
    content: ""
}

.zmdi-delicious:before {
    content: ""
}

.zmdi-disqus:before {
    content: ""
}

.zmdi-flattr:before {
    content: ""
}

.zmdi-flickr:before {
    content: ""
}

.zmdi-github-alt:before {
    content: ""
}

.zmdi-google-old:before {
    content: ""
}

.zmdi-linkedin:before {
    content: ""
}

.zmdi-odnoklassniki:before {
    content: ""
}

.zmdi-outlook:before {
    content: ""
}

.zmdi-paypal-alt:before {
    content: ""
}

.zmdi-pinterest:before {
    content: ""
}

.zmdi-playstation:before {
    content: ""
}

.zmdi-reddit:before {
    content: ""
}

.zmdi-skype:before {
    content: ""
}

.zmdi-slideshare:before {
    content: ""
}

.zmdi-soundcloud:before {
    content: ""
}

.zmdi-tumblr:before {
    content: ""
}

.zmdi-twitch:before {
    content: ""
}

.zmdi-vimeo:before {
    content: ""
}

.zmdi-whatsapp:before {
    content: ""
}

.zmdi-xbox:before {
    content: ""
}

.zmdi-yahoo:before {
    content: ""
}

.zmdi-youtube-play:before {
    content: ""
}

.zmdi-youtube:before {
    content: ""
}

.zmdi-import-export:before, .zmdi-swap-vertical-:before {
    content: ""
}

.zmdi-airplanemode-inactive:before {
    content: ""
}

.zmdi-airplanemode-active:before, .zmdi-rate-review:before {
    content: ""
}

.zmdi-comment-sign:before {
    content: ""
}

.zmdi-network-warning:before {
    content: ""
}

.zmdi-shopping-cart-add:before {
    content: ""
}

.zmdi-file-add:before {
    content: ""
}

.zmdi-network-wifi-scan:before {
    content: ""
}

.zmdi-collection-add:before {
    content: ""
}

.zmdi-format-playlist-add:before {
    content: ""
}

.zmdi-format-queue-music:before {
    content: ""
}

.zmdi-plus-box:before {
    content: ""
}

.zmdi-tag-backspace:before {
    content: ""
}

.zmdi-alarm-add:before {
    content: ""
}

.zmdi-battery-charging:before {
    content: ""
}

.zmdi-daydream-setting:before {
    content: ""
}

.zmdi-more-horiz:before {
    content: ""
}

.zmdi-book-photo:before {
    content: ""
}

.zmdi-incandescent:before {
    content: ""
}

.zmdi-wb-iridescent:before {
    content: ""
}

.zmdi-calendar-remove:before {
    content: ""
}

.zmdi-refresh-sync-disabled:before {
    content: ""
}

.zmdi-refresh-sync-problem:before {
    content: ""
}

.zmdi-crop-original:before {
    content: ""
}

.zmdi-power-off:before {
    content: ""
}

.zmdi-power-off-setting:before {
    content: ""
}

.zmdi-leak-remove:before {
    content: ""
}

.zmdi-star-border:before {
    content: ""
}

.zmdi-brightness-low:before {
    content: ""
}

.zmdi-brightness-medium:before {
    content: ""
}

.zmdi-brightness-high:before {
    content: ""
}

.zmdi-smartphone-portrait:before {
    content: ""
}

.zmdi-live-tv:before {
    content: ""
}

.zmdi-format-textdirection-l-to-r:before {
    content: ""
}

.zmdi-format-textdirection-r-to-l:before {
    content: ""
}

.zmdi-arrow-back:before {
    content: ""
}

.zmdi-arrow-forward:before {
    content: ""
}

.zmdi-arrow-in:before {
    content: ""
}

.zmdi-arrow-out:before {
    content: ""
}

.zmdi-rotate-90-degrees-ccw:before {
    content: ""
}

.zmdi-adb:before {
    content: ""
}

.zmdi-network-wifi:before {
    content: ""
}

.zmdi-network-wifi-alt:before {
    content: ""
}

.zmdi-network-wifi-lock:before {
    content: ""
}

.zmdi-network-wifi-off:before {
    content: ""
}

.zmdi-network-wifi-outline:before {
    content: ""
}

.zmdi-network-wifi-info:before {
    content: ""
}

.zmdi-layers-clear:before {
    content: ""
}

.zmdi-colorize:before {
    content: ""
}

.zmdi-format-paint:before {
    content: ""
}

.zmdi-format-quote:before {
    content: ""
}

.zmdi-camera-monochrome-photos:before {
    content: ""
}

.zmdi-sort-by-alpha:before {
    content: ""
}

.zmdi-folder-shared:before {
    content: ""
}

.zmdi-folder-special:before {
    content: ""
}

.zmdi-comment-dots:before {
    content: ""
}

.zmdi-reorder:before {
    content: ""
}

.zmdi-dehaze:before {
    content: ""
}

.zmdi-sort:before {
    content: ""
}

.zmdi-pages:before {
    content: ""
}

.zmdi-stack-overflow:before {
    content: ""
}

.zmdi-calendar-account:before {
    content: ""
}

.zmdi-paste:before {
    content: ""
}

.zmdi-cut:before {
    content: ""
}

.zmdi-save:before {
    content: ""
}

.zmdi-smartphone-code:before {
    content: ""
}

.zmdi-directions-bike:before {
    content: ""
}

.zmdi-directions-boat:before {
    content: ""
}

.zmdi-directions-bus:before {
    content: ""
}

.zmdi-directions-car:before {
    content: ""
}

.zmdi-directions-railway:before {
    content: ""
}

.zmdi-directions-run:before {
    content: ""
}

.zmdi-directions-subway:before {
    content: ""
}

.zmdi-directions-walk:before {
    content: ""
}

.zmdi-local-hotel:before {
    content: ""
}

.zmdi-local-activity:before, .zmdi-local-play:before {
    content: ""
}

.zmdi-local-airport:before {
    content: ""
}

.zmdi-local-atm:before {
    content: ""
}

.zmdi-local-bar:before {
    content: ""
}

.zmdi-local-cafe:before {
    content: ""
}

.zmdi-local-car-wash:before {
    content: ""
}

.zmdi-local-convenience-store:before {
    content: ""
}

.zmdi-local-dining:before {
    content: ""
}

.zmdi-local-drink:before {
    content: ""
}

.zmdi-local-florist:before {
    content: ""
}

.zmdi-local-gas-station:before {
    content: ""
}

.zmdi-local-grocery-store:before {
    content: ""
}

.zmdi-local-hospital:before {
    content: ""
}

.zmdi-local-laundry-service:before {
    content: ""
}

.zmdi-local-library:before {
    content: ""
}

.zmdi-local-mall:before {
    content: ""
}

.zmdi-local-movies:before {
    content: ""
}

.zmdi-local-offer:before {
    content: ""
}

.zmdi-local-parking:before {
    content: ""
}

.zmdi-local-pharmacy:before {
    content: ""
}

.zmdi-local-phone:before {
    content: ""
}

.zmdi-local-pizza:before {
    content: ""
}

.zmdi-local-post-office:before {
    content: ""
}

.zmdi-local-printshop:before {
    content: ""
}

.zmdi-local-see:before {
    content: ""
}

.zmdi-local-shipping:before {
    content: ""
}

.zmdi-local-store:before {
    content: ""
}

.zmdi-local-taxi:before {
    content: ""
}

.zmdi-local-wc:before {
    content: ""
}

.zmdi-my-location:before {
    content: ""
}

.zmdi-directions:before {
    content: ""
}

[class*=" icon-"], [class^=icon-] {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: icomoon !important;
    font-size: 50px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.icon-bed:before {
    color: #fff;
    content: "\e900"
}

.icon-beds:before {
    color: #fff;
    content: "\e901"
}

.mobile-menu-icon {
    width: 28px;
    height: 28px;
}

.mobile-menu-icon img {
    width: 100%;
    height: 100%;
}

.icon-children_beds:before {
    color: #fff;
    content: "\e902"
}

.icon-cupboard:before {
    color: #fff;
    content: "\e903"
}

.icon-light:before {
    color: #fff;
    content: "\e904"
}

.icon-mattresses:before {
    color: #fff;
    content: "\e905"
}

.icon-other:before {
    color: #fff;
    content: "\e906"
}

.icon-sofas:before {
    color: #fff;
    content: "\e907"
}

* {
    margin: 0;
    padding: 0
}

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

html {
    -ms-overflow-style: scrollbar;
    height: 100%
}

body {
    font-family: Roboto;
    height: 100vh
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.page-wrapper .page-text {
    margin-bottom: 40px;
}

.page-content {
    flex: 1
}

.page-title {
    color: #000;
    font-family: "Roboto";
    font-size: 30px;
    letter-spacing: 1.6px;
    line-height: 1;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: left;
    display: block;
    width: 100%;
}

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

img {
    border: none;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

.wrapper, body, html {
    height: 100%
}

.wrapper {
    display: flex;
    flex-direction: column
}

.container {
    flex: 1 0 auto
}

.footer {
    flex: 0 0 auto
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .page-wrapper {
        display: block;
        flex-direction: column;
        min-height: 100vh
    }
}

@-moz-document url-prefix() {
    .wrapper, body, html {
        height: auto
    }
}

a {
    display: inline-block;
    text-decoration: none
}

.container {
    position: relative;
}

.title-section {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    display: inline-block;
    font-family: Roboto;
    font-size: 36px;
    letter-spacing: 1.9px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    user-select: none;
    min-width: 225px;
    z-index: 2
}

.title-section:after, .title-section:before {
    background: linear-gradient(90deg, rgba(140, 204, 51, 0), #8ccc33);
    content: "";
    height: 1px;
    margin-top: 0;
    position: absolute;
    top: 50%;
    width: 300px
}

@media screen and (max-width: 992px) {
    .title-section:after, .title-section:before {
        width: 134px
    }
}

@media screen and (max-width: 768px) {
    .title-section:after, .title-section:before {
        width: 83px
    }
}

@media screen and (max-width: 480px) {
    .title-section:after, .title-section:before {
        display: none
    }
}

.title-section:before {
    left: -313px
}

@media screen and (max-width: 992px) {
    .title-section:before {
        left: -147px
    }
}

@media screen and (max-width: 768px) {
    .title-section:before {
        left: -96px
    }
}

.title-section:after {
    right: -313px;
    transform: rotate(180deg)
}

@media screen and (max-width: 992px) {
    .title-section:after {
        right: -147px
    }
}

@media screen and (max-width: 768px) {
    .title-section:after {
        right: -96px
    }
}

.title-section span {
    display: block;
    position: relative;

    /** Safari fix **/
    -webkit-transform: translate3d(0, 0, 0);
}

.title-section span:after, .title-section span:before {
    background: url(../img/title-line.png) no-repeat;
    content: "";
    height: 5px;
    position: absolute;
    top: calc(50% - 2px);
    width: 11px
}

@media screen and (max-width: 480px) {
    .title-section span:after, .title-section span:before {
        display: none
    }
}

.title-section span:before {
    left: -20px
}

.title-section span:after {
    right: -20px;
    transform: rotate(180deg)
}

.title-section .title-bg {
    color: #8ccc33;
    font-family: Roboto-Bold;
    font-size: 90px;
    left: 0;
    line-height: 90px;
    margin-top: -45px;
    opacity: .2;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: -2
}

.title-section .title-bg:after, .title-section .title-bg:before {
    display: none
}

.line {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.line:after, .line:before {
    background: linear-gradient(90deg, rgba(140, 204, 51, 0), #8ccc33);
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    width: 960px
}

@media screen and (max-width: 992px) {
    .line:after, .line:before {
        width: 700px
    }
}

@media screen and (max-width: 768px) {
    .line:after, .line:before {
        width: 420px
    }
}

@media screen and (max-width: 480px) {
    .line:after, .line:before {
        display: none
    }
}

.header {
    position: relative
}

.header .container {
    max-width: 1170px
}

.header:after, .header:before {
    bottom: -8px;
    content: "";
    height: 63px;
    position: absolute;
    width: 63px
}

@media screen and (max-width: 1250px) {
    .header:after, .header:before {
        display: none
    }
}

.header:before {
    background: url(../img/ico-slider-left.png) no-repeat;
    left: 8px
}

.header:after {
    background: url(../img/ico-slider-right.png) no-repeat;
    right: 4px
}

.header__top-info {
    padding: 12px 0 24px
}

.header__top-info .content-top {
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    justify-content: flex-start;
    width: calc(100% - 200px)
}

@media screen and (max-width: 992px) {
    .header__top-info .content-top {
        justify-content: center;
        width: 100%
    }
}

.header__top-info .top-info_contact {
    align-items: flex-end;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap
}

@media screen and (max-width: 992px) {
    .header__top-info .top-info_contact {
        justify-content: center
    }
}

@media screen and (max-width: 580px) {
    .header__top-info .top-info_contact {
        align-items: center;
        flex-direction: column;
        padding-top: 40px
    }
}

.header__top-info .top-info__item {
    position: relative
}

@media screen and (max-width: 580px) {
    .header__top-info .top-info__item {
        margin: 0 auto;
        text-align: center;
        width: 90%
    }
}

.header__top-info .top-info__item span {
    color: #1b1e26;
    display: block;
    font-family: Roboto;
    font-size: 13px;
    line-height: 25px
}

@media screen and (max-width: 580px) {
    .header__top-info .top-info__item span {
        display: inline-block;
        margin-right: 10px
    }
}

.header__top-info .top-info__item:before {
    -webkit-font-smoothing: antialiased;
    color: #8ccc33;
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 13px;
    position: absolute;
    text-rendering: auto
}

.header__top-info .logo span {
    display: block
}

.header__top-info .logo .logo_top {
    color: #6c7180;
    font-family: Roboto;
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 10px;
    position: relative;
    text-align: left
}

@media screen and (max-width: 580px) {
    .header__top-info .logo .logo_top {
        display: none
    }
}

.header__top-info .logo .logo_top:after {
    background: #8ccc33;
    bottom: 2px;
    content: "";
    height: 1px;
    left: 0;
    opacity: .5;
    position: absolute;
    width: 25px
}

.header__top-info .logo .logo_bot {
    color: #000;
    font-family: Roboto-Light;
    font-size: 34px;
    letter-spacing: 1.7px;
    line-height: 26px;
    text-transform: uppercase
}

.header__top-info .logo .logo_bot b {
    color: #8ccc33;
    font-family: Roboto-Bold
}

@media screen and (max-width: 992px) {
    .header__top-info .logo {
        display: block;
        text-align: center;
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .header__top-info .logo {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 480px) {
    .header__top-info .logo {
        margin: 0 auto 10px
    }
}

.header__top-info .top-info__city {
    margin: 0;
    padding: 0 0 0 50px;
    width: 200px
}

@media screen and (max-width: 1100px) {
    .header__top-info .top-info__city {
        padding: 0 0 0 40px;
        width: 180px
    }
}

@media screen and (max-width: 580px) {
    .header__top-info .top-info__city {
        padding: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%
    }
}

.header__top-info .top-info__city span {
    position: relative
}

.header__top-info .top-info__city span:before {
    -webkit-font-smoothing: antialiased;
    bottom: -17px;
    color: #8ccc33;
    content: "\f1ab";
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 13px;
    left: -19px;
    position: absolute;
    text-rendering: auto
}

@media screen and (max-width: 580px) {
    .header__top-info .top-info__city span:before {
        bottom: 4px
    }
}

.header__top-info .top-info__city .info-item {
    background: 0;
    border-bottom: 1px dashed #8ccc33;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto-Bold;
    font-size: 15px;
    line-height: 19px;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto
}

.header__top-info .top-info__city .info-item:after {
    -webkit-font-smoothing: antialiased;
    bottom: 1px;
    color: #12140e;
    content: "\f2f9";
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 14px;
    position: absolute;
    right: -16px;
    text-rendering: auto
}

.header__top-info .top-info__time {
    margin: 0 0 0 38px
}

@media screen and (max-width: 580px) {
    .header__top-info .top-info__time {
        display: none
    }
}

.header__top-info .top-info__time:before {
    bottom: 4px;
    content: "\f334";
    left: -24px
}

@media screen and (max-width: 580px) {
    .header__top-info .top-info__time:before {
        left: 0
    }
}

.header__top-info .top-info__time .info-item {
    color: #000;
    font-family: Roboto-Bold;
    font-size: 15px;
    line-height: 21px
}

@media screen and (max-width: 580px) {
    .header__top-info .top-info__time .info-item {
        display: inline-block
    }
}

.header__top-info .top-info__tel {
    box-sizing: border-box;
    display: block;
    margin: 0 0 0 100px;
    position: relative;
    width: 180px
}

@media screen and (max-width: 1200px) {
    .header__top-info .top-info__tel {
        margin: 10px 0 0 20px;
        padding-left: 30px;
        width: auto
    }
}

@media screen and (max-width: 992px) {
    .header__top-info .top-info__tel {
        width: auto
    }
}

@media screen and (max-width: 580px) {
    .header__top-info .top-info__tel {
        display: inline-block;
        margin: 10px auto 0;
        padding-left: 0;
        text-align: center;
        width: 90%
    }
}

.header__top-info .top-info__tel:after, .header__top-info .top-info__tel:before {
    content: "";
    position: absolute
}

.header__top-info .top-info__tel:before {
    background: url(../img/svg/phone-call.svg) no-repeat;
    height: 20px;
    left: -40px;
    margin-top: -9px;
    top: 50%;
    width: 20px;
    z-index: 2
}

@media screen and (max-width: 1200px) {
    .header__top-info .top-info__tel:before {
        left: 0
    }
}

@media screen and (max-width: 992px) {
    .header__top-info .top-info__tel:before {
        left: 0
    }
}

@media screen and (max-width: 580px) {
    .header__top-info .top-info__tel:before {
        left: -14px
    }
}

.header__top-info .top-info__tel:after {
    background: #eaedf4;
    border-radius: 50%;
    height: 16px;
    left: -38px;
    margin-top: -8px;
    top: 50%;
    width: 16px;
    z-index: 1
}

@media screen and (max-width: 1200px) {
    .header__top-info .top-info__tel:after {
        left: 0
    }
}

@media screen and (max-width: 992px) {
    .header__top-info .top-info__tel:after {
        left: 0
    }
}

@media screen and (max-width: 580px) {
    .header__top-info .top-info__tel:after {
        left: -10px
    }
}

.header__top-info .top-info__tel a {
    color: #000;
    display: block;
    font-family: Roboto-Bold;
    font-size: 22px;
    line-height: 32px
}

@media screen and (max-width: 1200px) {
    .header__top-info .top-info__tel a {
        font-size: 16px;
        line-height: 18px
    }
}

@media screen and (max-width: 580px) {
    .header__top-info .top-info__tel a {
        display: inline-block;
        margin-right: 20px;
        vertical-align: top
    }
}

.header__top-info .top-info__tel button {
    background: transparent;
    border: 0;
    border-bottom: 1px dashed #ff8c19;
    color: #ff8c19;
    cursor: pointer;
    display: block;
    font-family: Roboto;
    font-size: 15px;
    line-height: 19px;
    outline: 0
}

@media screen and (max-width: 1200px) {
    .header__top-info .top-info__tel button {
        font-size: 15px
    }
}

@media screen and (max-width: 580px) {
    .header__top-info .top-info__tel button {
        display: inline-block;
        vertical-align: top
    }
}

.header__top-info .top-info__tel button:hover {
    border-bottom: 1px dashed #324b96;
    color: #324b96
}

.cart-block {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: -72px;
    width: 190px;
}

@media screen and (max-width: 992px) {
    .cart-block {
        position: absolute;
        right: 15px;
        top: -25px
    }
}

@media screen and (max-width: 380px) {
    .cart-block {
        width: 80px
    }
}

.cart-block button {
    background: #324b96;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: Roboto;
    font-size: 15px;
    height: 50px;
    outline: none;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

@media screen and (max-width: 380px) {
    .cart-block button {
        font-size: 0
    }
}

.cart-block button:after, .cart-block button:before {
    position: absolute
}

.cart-block button:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: hsla(0, 0%, 100%, .5);
    content: "\f1cb";
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 14px;
    left: 18px;
    margin-top: -7px;
    text-rendering: auto;
    top: 50%
}

.cart-block button:after {
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    right: 0;
    transition: all .3s ease;
    width: 100%
}

.cart-block button:hover {
    background: #3651a3
}

.cart-block button:hover:after {
    background: hsla(0, 0%, 100%, .15);
    height: 5px
}

.cart-block button:active {
    background: #324b96;
    color: #ff8c19
}

.cart-block button:active:after {
    background: hsla(0, 0%, 100%, .4)
}

.cart-block span {
    color: hsla(0, 0%, 100%, .5);
    font-size: 14px;
    letter-spacing: .2px;
    margin-top: -10px;
    position: absolute;
    right: 18px;
    top: 50%
}

@media screen and (max-width: 380px) {
    .cart-block span {
        margin-top: -8px
    }
}

.header__nav {
    background: #8ccc33;
    height: 70px;
    margin-bottom: 14px;
    position: relative;
    z-index: 100
}

.header__nav:after {
    background: hsla(0, 0%, 100%, .3);
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

@media screen and (max-width: 992px) {
    .header__nav {
        padding: 35px 0
    }
}

.header__nav ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0
}

@media screen and (max-width: 992px) {
    .header__nav ul {
        display: none
    }
}

.header__nav li {
    display: flex;
    padding: 18px 44px 19px 0
}

@media screen and (max-width: 1200px) {
    .header__nav li {
        padding: 18px 40px 19px 0
    }
}

@media screen and (max-width: 992px) {
    .header__nav li {
        padding: 15px
    }
}

@media screen and (min-width: 992px) {
    .body--mobile .header__nav .scroll-nav > li {
        position: relative;
    }

    .body--mobile .header__nav .scroll-nav > li:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

.header__nav li:hover a:before {
    opacity: 1;
    top: calc(100% + 13px);
}

@media screen and (max-width: 992px) {
    .header__nav li:hover a:before {
        display: none
    }
}

.header__nav li:hover .filter-nav-wrap {
    opacity: 1;
    top: 100%;
    visibility: visible
}

.header__nav li:nth-child(n+7):hover .filter-nav-wrap {
    right: 0;
    margin-left: 0;
}

@media screen and (max-width: 992px) {
    .header__nav li:hover .filter-nav-wrap {
        display: none;
        top: 0
    }
}

.header__nav a {
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    position: relative;
    text-transform: uppercase
}

@media screen and (max-width: 992px) {
    .header__nav a {
        display: inline-block;
    }
}

.header__nav a:before {
    background: #fff;
    content: "";
    height: 12px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: calc(100% + 23px);
    transform: rotate(45deg);
    width: 12px;
    transition: all .1s ease;
    transition-delay: .4s;
}

@media screen and (max-width: 992px) {
    .header__nav a:before {
        display: none
    }
}

.header__nav a .ico {
    display: none;
    font-size: 28px;
    left: -40px;
    margin-top: -14px;
    position: absolute;
    top: 50%
}

@media screen and (max-width: 992px) {
    .header__nav a .ico {
        display: block
    }
}

.header__nav .scroll-nav__item {
    position: relative
}

.header__nav .filter-nav-wrap {
    background: #fff;
    box-shadow: 0 10px 40px 0 rgba(52, 55, 47, .2);
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    opacity: 0;
    padding: 26px 37px 0 37px;
    position: absolute;
    text-align: left;
    top: 60px;
    transition: all .3s ease;
    transition-delay: .4s;
    transition-property: opacity, top;

    visibility: hidden;
    width: auto;
    margin-left: -40px;
    white-space: nowrap;
}

@media screen and (max-width: 992px) {
    .header__nav .filter-nav-wrap {
        background: transparent;
        box-shadow: none;
        display: none;
        padding: 0;
        position: relative;
        top: 0;
        transition: none;
        white-space: normal;
        margin-left: 0;
    }

    .header__nav .scroll-nav__item:after,
    .nav-open .filter-nav-wrap.open .filter-nav-item h4:after {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: #000;
        content: "\f2f9";
        display: inline-block;
        font: normal normal normal 14px/1 Material-Design-Iconic-Font;
        font-size: 24px;
        line-height: 50px;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 80px;
        text-align: right;
        padding-right: 20px;
        text-rendering: auto;
        transition: all .3s ease
    }

    .nav-open .filter-nav-wrap.open .filter-nav-item h4:after {
        font-size: 18px;
        color: #8ccc33;
    }

    .header__nav .scroll-nav__item.open-b:after,
    .nav-open .filter-nav-wrap.open .filter-nav-item h4.opened:after {
        transform: rotate(-90deg);
        text-align: center;
        padding-right: 0;
        margin-right: -12px;
    }
}

.header__nav .filter-nav-wrap ul {
    display: block;
    margin-bottom: 24px
}

@media screen and (max-width: 992px) {
    .header__nav .filter-nav-wrap ul {
        margin-bottom: 0
    }
}

.header__nav .filter-nav-wrap li {
    display: block;
    padding: 0;
    position: static
}

@media screen and (max-width: 992px) {
    .header__nav .filter-nav-wrap li {
        padding: 10px
    }
}

.header__nav .filter-nav-wrap li:before {
    display: none
}

.header__nav .filter-nav-wrap a {
    color: #1b1e26;
    font-family: Roboto;
    font-size: 13px;
    line-height: 30px;
    text-transform: none;
}

@media screen and (max-width: 768px) {
    .header__nav .filter-nav-wrap a {
        font-size: 15px
    }
}

.header__nav .filter-nav-wrap a:after, .header__nav .filter-nav-wrap a:before {
    display: none
}

.header__nav .filter-nav-wrap a:hover {
    color: #ff8c19
}

@media screen and (max-width: 992px) {
    .header__nav .filter-nav-wrap a:hover {
        color: #000
    }
}

.header__nav .filter-nav-wrap .filter-nav-item {
    border-left: 1px solid #f1f1f2;
    display: inline-block;
    padding: 10px 20px;
    vertical-align: top
}

.header__nav .filter-nav-wrap .filter-nav-item.inline li {
    display: inline-block;
    margin-right: 15px;
}

.header__nav .filter-nav-wrap .filter-nav-item.inline li:last-child {
    margin-right: 0;
}

@media screen and (max-width: 992px) {
    .header__nav .filter-nav-wrap .filter-nav-item {
        border-left: 0;
        display: none;
        opacity: 1;
        padding: 0;
        visibility: visible;
        width: 100%
    }

    .header__top-info .logo .logo_top {
        text-align: center;
    }
}

.header__nav .filter-nav-wrap .filter-nav-item h4,
.header__nav .filter-nav-wrap .filter-nav-item h4 a {
    font-family: Roboto-Bold;
    font-size: 17px;
    margin-bottom: 16px;
    position: relative;
    line-height: 1em;
}

.header__nav .filter-nav-wrap .filter-nav-item h4 a {
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    .header__nav .filter-nav-wrap .filter-nav-item h4 {
        color: #000;
        cursor: pointer;
        display: block;
        font-family: Roboto-Light
    }
}

@media screen and (max-width: 992px) {
    .header__nav .filter-nav-wrap .filter-nav-item h4:after {
        display: none
    }
}

.header__nav .filter-nav-wrap .filter-nav-item:first-child {
    border-left: 0
}

@media screen and (max-width: 992px) {
    .header__nav .filter-nav-wrap .filter-nav-item:last-child ul {
        column-count: 1
    }
}

@media screen and (max-width: 992px) {
    .header__nav .filter-nav-wrap .filter-nav-item ul {
        display: none
    }
}

.header-bot-info {
    margin-bottom: 16px;
    position: relative
}

.header-bot-info:hover {
    z-index: 21
}

.bot-info__nav {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

@media screen and (max-width: 992px) {
    .bot-info__nav {
        margin-bottom: 20px
    }
}

.bot-info__nav ul {
    list-style: none;
    margin-top: -4px;
    padding: 0
}

.bot-info__nav li {
    display: inline-block;
    padding: 11px 25px 11px 26px;
    position: relative
}

@media screen and (max-width: 480px) {
    .bot-info__nav li {
        padding: 0 15px
    }
}

@media screen and (max-width: 340px) {
    .bot-info__nav li {
        display: block;
        padding: 0
    }

    .bot-info__nav li:after {
        display: none
    }
}

.bot-info__nav li:after {
    background: #8ccb33;
    border-radius: 50%;
    content: "";
    height: 3px;
    left: 0;
    margin-top: -1.5px;
    position: absolute;
    top: 50%;
    width: 3px
}

.bot-info__nav li:first-child {
    padding-left: 1px
}

.bot-info__nav li:first-child:after {
    display: none
}

.bot-info__nav li:hover .bot-info-wrap {
    top: 45px;
    box-shadow: 0 15px 40px 0 rgba(52, 55, 47, .25);
    height: auto;
    margin-top: 0;
    opacity: 1;
    visibility: visible
}

@media screen and (max-width: 768px) {
    .bot-info__nav li:hover .bot-info-wrap {
        bottom: -215px
    }
}

.bot-info__nav li:hover .bot-info-wrap a {
    color: #1b1e26
}

.bot-info__nav li:hover a {
    color: #324b96
}

.bot-info__nav a {
    color: #1b1e26;
    cursor: pointer;
    font-family: Roboto;
    font-size: 13px
}

.bot-info__nav .bot-info-wrap {
    background: #fff;
    border: 1px solid #e3e4e6;
    left: -92px;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: margin-top .7s ease, opacity .4s ease;
    visibility: hidden;
    width: 300px;
    z-index: 80
}

@media screen and (max-width: 768px) {
    .bot-info__nav .bot-info-wrap {
        left: -200px
    }
}

.bot-info__nav .bot-info-wrap:before {
    background: #fff;
    border-left: 1px solid #e3e4e6;
    border-top: 1px solid #e3e4e6;
    content: "";
    height: 16px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -9px;
    transform: rotate(45deg);
    width: 16px
}

@media screen and (max-width: 768px) {
    .bot-info__nav .bot-info-wrap:before {
        left: 200px
    }
}

.bot-info__nav .bot-info-wrap .bot-info-item {
    border-bottom: 1px solid #f1f1f2;
    cursor: pointer;
    padding: 15px 0;
    position: relative;
    z-index: 2
}

.bot-info__nav .bot-info-wrap .bot-info-item:hover {
    background: #f2f3f5
}

.bot-info__nav .bot-info-wrap .bot-info-item:last-child {
    border-bottom: 0
}

.bot-info__nav .bot-info-wrap img {
    height: 18px;
    margin: 0 20px 0 15px;
    width: 18px
}

.bot-info__nav .bot-info-wrap a {
    color: #000;
    font-family: Roboto-Light;
    font-size: 17px;
    margin-right: 11px;
    position: relative
}

.bot-info__nav .bot-info-wrap a:after, .bot-info__nav .bot-info-wrap a:before {
    content: "";
    position: absolute
}

.bot-info__nav .bot-info-wrap a:before {
    background: #ff8c19;
    border-radius: 50%;
    height: 26px;
    left: -46px;
    opacity: .1;
    top: -4px;
    width: 26px
}

.bot-info__nav .bot-info-wrap span {
    color: #6c7180;
    font-family: Roboto;
    font-size: 13px
}

.bot-info__search {
    position: relative
}

.bot-info__search input[type=text] {
    border: 1px solid #cacbcc;
    box-sizing: border-box;
    color: #6c7180;
    font-family: Roboto;
    font-size: 13px;
    height: 42px;
    outline: none;
    padding: 0 80px 0 25px;
    width: 100%
}

.bot-info__search input[type=text]:active, .bot-info__search input[type=text]:focus {
    border: 1px solid #8ccb33;
    color: #1b1e26
}

.bot-info__search input[type=text]:active + .input-label, .bot-info__search input[type=text]:focus + .input-label {
    opacity: 1
}

.bot-info__search label {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 60px;
    top: 12px
}

.bot-info__search #Search::-webkit-search-cancel-button {
    position: relative;
    right: 20px
}

.bot-info__search button {
    background: #324b96;
    border: 0;
    cursor: pointer;
    height: 100%;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 2
}

.bot-info__search button:after, .bot-info__search button:before {
    position: absolute
}

.bot-info__search button:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    content: "\f1c3";
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 16px;
    left: 0;
    margin: 0 auto;
    right: 0;
    text-rendering: auto;
    top: calc(50% - 7px)
}

.bot-info__search button:after {
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    right: 0;
    transition: all .3s ease;
    width: 100%
}

.bot-info__search button:hover {
    background: #3651a3
}

.bot-info__search button:hover:after {
    background: hsla(0, 0%, 100%, .15);
    height: 5px
}

.bot-info__search button:active {
    background: #324b96
}

.bot-info__search button:active:before {
    color: #ff8c19
}

.bot-info__search button:active:after {
    background: hsla(0, 0%, 100%, .4)
}

.bot-info__search i {
    cursor: pointer;
    display: inline-block
}

.btn-top-nav {
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    cursor: pointer;
    display: none;
    height: 30px;
    left: 15px;
    position: absolute;
    top: -13px;
    transition: transform .4s ease-in-out;
    width: 30px
}

@media screen and (max-width: 992px) {
    .btn-top-nav {
        display: block
    }
}

@media screen and (max-width: 768px) {
    .btn-top-nav {
        left: 20px
    }
}

.btn-top-nav:after, .btn-top-nav:before {
    background: #fff;
    content: "";
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    transition: transform .3s ease-in-out;
    width: 100%
}

.btn-top-nav span {
    color: #fff;
    font-size: 15px;
    left: 45px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    transition: all .8s linear
}

.btn-close {
    border: 0;
    transform: rotate(90deg)
}

.btn-close:after, .btn-close:before {
    background: #fff;
    border: 0;
    height: 2px;
    left: 0;
    top: 15px
}

.btn-close:before {
    transform: rotate(45deg)
}

.btn-close:after {
    transform: rotate(-45deg)
}

.btn-close span {
    left: 0;
    opacity: 0
}

.nav-open {
    background: #8ccb33;
    height: 100%;
    left: 0;
    padding: 70px 0 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 120
}

.nav-open .container {
    padding: 0
}

.nav-open .cart-block {
    top: -60px
}

.nav-open .btn-top-nav {
    top: -50px
}

.nav-open ul {
    display: block
}

.nav-open .scroll-nav {
    background: #f2f3f5;
    border-bottom: 1px solid #d7d8d9
}

@media screen and (max-width: 992px) {
    .nav-open .scroll-nav {
        height: 100%
    }
}

.nav-open li {
    display: block;
    flex-grow: inherit;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 100%
}

.nav-open li .scroll-nav__item {
    border: 1px solid #d7d8d9;
    border-bottom: 0;
    padding: 15px 15px 15px 50px;
}

.nav-open li .scroll-nav__item a {
    color: #000;
    font-family: Roboto-Bold;
}

.nav-open li .scroll-nav__item .ico:before {
    color: #8ccc33
}

.nav-open li h4, .nav-open li ul li {
    border: 1px solid #d7d8d9;
    border-bottom: 0
}

.nav-open li ul li {
    display: inline-block;
    padding: 10px;
    width: 100%
}

.nav-open li ul li:last-child {
    border-bottom: 0
}

.nav-open .open-b .scroll-nav__btn {
    transform: rotate(-90deg)
}

.nav-open .filter-nav-wrap.open {
    border-top: 0;
    opacity: 1;
    visibility: visible
}

.nav-open .filter-nav-wrap.open h4 {
    margin-bottom: 0;
    padding: 15px
}

.nav-open .filter-nav-wrap.open .filter-nav-item {
    display: block;
    opacity: 1;
    visibility: visible;
    position: relative;
    padding-left: 30px;
}

.nav-open .filter-nav-wrap.open .filter-nav-item li {
    padding: 10px 30px;
    position: relative
}

.nav-open .filter-nav-wrap.open .filter-nav-item li:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #8ccc33;
    content: "\f2f6";
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 15px;
    left: 15px;
    margin-top: -7px;
    position: absolute;
    text-rendering: auto;
    top: 50%
}

.nav-open .filter-nav-wrap .filter-nav-item .open-inner ul {
    display: block
}

.top__footer {
    font-size: 0;
    padding: 44px 0 36px
}

@media screen and (max-width: 580px) {
    .top__footer {
        padding: 25px 0 0
    }
}

.top__footer ul {
    list-style: none;
    padding: 0
}

.top__footer a {
    color: #1b1e26;
    font-family: Roboto;
    font-size: 13px;
    line-height: 30px
}

.top__footer a:hover {
    color: #324b96
}

.top__footer .footer__item {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

@media screen and (max-width: 400px) {
    .top__footer .footer__item {
        margin-bottom: 30px;
        width: 100%
    }
}

.top__footer .title-footer {
    font-family: Roboto-Bold;
    font-size: 19px;
    margin-bottom: 11px;
    position: relative;
    text-transform: uppercase
}

.top__footer .title-footer:before {
    background: linear-gradient(-90deg, rgba(140, 204, 51, 0), #8ccc33);
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%
}

.top__footer .title-footer span {
    background: #fff;
    display: inline-block;
    padding-right: 15px;
    position: relative
}

.top__footer .title-footer span:before {
    border: 1px solid #8ccc33;
    border-radius: 50%;
    content: "";
    height: 5px;
    position: absolute;
    right: 0;
    top: calc(50% - 2px);
    width: 5px
}

.top__footer .footer-nav {
    column-count: 3
}

@media screen and (max-width: 992px) {
    .top__footer .footer-nav {
        column-count: 2;
        margin-bottom: 50px
    }
}

@media screen and (max-width: 768px) {
    .top__footer .footer-nav {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 380px) {
    .top__footer .footer-nav {
        column-count: 2
    }
}

.top__footer .footer-nav-catalog {
    column-count: 2
}

@media screen and (max-width: 580px) {
    .top__footer .footer-nav-catalog {
        column-count: 1
    }
}

@media screen and (max-width: 380px) {
    .top__footer .footer-nav-catalog {
        column-count: 2
    }
}

.top__footer .footer-nav-catalog li {
    padding-left: 20px;
    position: relative
}

.top__footer .footer-nav-catalog li:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #8ccc33;
    content: "\f2f6";
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 15px;
    left: 0;
    margin-top: -7px;
    position: absolute;
    text-rendering: auto;
    top: 50%
}

.top__footer .footer_con {
    padding-left: 65px
}

@media screen and (max-width: 992px) {
    .top__footer .footer_con {
        padding-left: 0
    }
}

.top__footer .footer-contact i {
    color: #8ccc33;
    display: inline-block;
    font-size: 13px;
    margin-right: 12px;
    position: relative;
    top: 1px
}

.bot__footer {
    background: #8ccc33;
    padding: 16px 0 15px
}

.bot__footer .footer__copy {
    color: #fff;
    font-family: Roboto;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase
}

.go-top {
    border: 1px solid #d7d8d9;
    bottom: 50px;
    box-sizing: border-box;
    color: #8ccc33;
    cursor: pointer;
    height: 40px;
    line-height: 30px;
    opacity: .8;
    position: fixed;
    right: 50px;
    text-align: center;
    transform: rotate(45deg);
    transition: all .3s ease;
    width: 40px;
    z-index: 100
}

@media screen and (max-width: 480px) {
    .go-top {
        bottom: 10px;
        right: 10px;
        transform: rotate(45deg)
    }
}

.go-top:after, .go-top:before {
    border-bottom: 1px solid #8ccc33;
    border-left: 1px solid #8ccc33;
    content: "";
    height: 10px;
    left: 0;
    margin: -5px auto 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(90deg);
    width: 10px
}

.go-top:hover {
    border: 1px solid #8ccc33;
    opacity: 1
}

.bread-crumbs .container {
    max-width: 1170px
}

.bread-crumbs ul {
    background: #f5f6f7;
    list-style: none;
    padding: 10px 0 11px 15px
}

.bread-crumbs li {
    display: inline-block;
    padding-right: 14px;
    position: relative
}

.bread-crumbs li:before {
    color: #1b1e26;
    content: "/";
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    right: 2px;
    top: 3px
}

.bread-crumbs li:last-child:before {
    display: none
}

.bread-crumbs i {
    color: #324b96;
    font-size: 13px
}

.bread-crumbs a {
    color: #1b1e26;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400
}

.bread-crumbs a:hover {
    color: #324b96
}

.bread-crumbs .active-article {
    color: #6c7180;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400
}

.page-text {
    color: #1b1e26;
    font-family: Roboto-Light;
    font-size: 15px;
    line-height: 25px;
    display: block;
    width: 100%;
}

.page-text p {
    margin-bottom: 10px
}

.page-text b {
    color: #000;
    font-family: Roboto-Bold
}

.page-text i {
    font-family: Roboto-Italic;
    font-style: italic
}

.page-text a {
    color: #324b96
}

.page-text a:hover {
    color: #ff8c19
}

.page-text h4 {
    color: #000;
    font-family: Roboto-Bold;
    font-size: 17px
}

.page-text h5,
.post-terms-title {
    color: #324b96;
    display: block;
    font-family: Roboto-Bold;
    font-size: 15px
}

.tab-container {
    position: relative
}

.tab-container:after, .tab-container:before {
    background: url(../img/bg-post-news.png) no-repeat;
    content: "";
    height: 362px;
    opacity: .15;
    position: absolute;
    top: calc(50% - 181px);
    width: 300px;
    z-index: 1
}

@media screen and (max-width: 1500px) {
    .tab-container:after, .tab-container:before {
        background-size: cover;
        height: 262px;
        top: calc(50% - 131px);
        width: 200px
    }
}

@media screen and (max-width: 1250px) {
    .tab-container:after, .tab-container:before {
        display: none
    }
}

.tab-container:before {
    left: -130px
}

@media screen and (max-width: 1500px) {
    .tab-container:before {
        left: -50px
    }
}

@media screen and (max-width: 1368px) {
    .tab-container:before {
        left: -30px
    }
}

.tab-container:after {
    right: -130px;
    transform: rotate(180deg)
}

@media screen and (max-width: 1500px) {
    .tab-container:after {
        right: -50px
    }
}

@media screen and (max-width: 1368px) {
    .tab-container:after {
        right: -30px
    }
}

.news-item {
    display: block;
    margin-bottom: 30px;
    position: relative;
    transition: all .3s ease;
    z-index: 2
}

.news-item:hover {
    box-shadow: 0 10px 40px 0 rgba(52, 55, 47, .2)
}

.news-item:hover .item__img img {
    transform: scale(1.1)
}

.news-item:hover .item__img:before {
    opacity: .2
}

.news-item:hover .item__desc {
    border-color: transparent
}

.news-item .item__img {
    height: 230px;
    overflow: hidden;
    position: relative;
    border: 1px solid #d7d8d9;
    border-top: 0;
    border-bottom: 0;
}

@media screen and (max-width: 1200px) {
    .news-item .item__img {
        height: auto
    }
}

.news-item .item__img:before {
    background-image: linear-gradient(180deg, #7fcc14, rgba(127, 204, 20, 0));
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all .3s ease;
    width: 100%;
    z-index: 1
}

.news-item .item__img .news__data {
    background: #ff8c19;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    padding: 6px 15px;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 2
}

.news-item .item__img img {
    transition: all .3s ease;
    width: 100%;
    width: calc(100% + 2px);
    margin-left: -1px;
    margin-right: -1px;
    max-height: 100%;
}

.news-item .item__desc {
    background: #fff;
    border: 1px solid #d7d8d9;
    border-top: 0;
    padding: 35px 37px 36px;
    text-align: left
}

.news-item .item__desc.small-box {
    padding: 15px 37px 10px;
    margin-top: -5px;
}

.blog-wrapper .video-review-item .item__desc.small-box {
    padding: 15px 37px 10px;
    margin-top: -5px;
}

.video-review-item {
    display: block;
    margin-bottom: 30px;
    position: relative;
    transition: all .3s ease;
    z-index: 2;
    border: 1px solid #d7d8d9;
}

.video-review-item iframe {
    height: 300px;
}

@media screen and (max-width: 576px) {
    .video-review-item iframe {
        height: 250px;
    }
}

@media screen and (max-width: 1200px) {
    .news-item .item__desc {
        padding: 20px
    }

    .news-item .item__img img {
        max-height: none;
    }
}

.news-item .desc__title,
.video-review-item .desc__title {
    align-items: center;
    color: #000;
    display: flex;
    font-family: Roboto-Bold;
    font-size: 17px;
    height: 52px;
    line-height: 26px;
    margin-bottom: 14px
}

.video-review-item .desc__title {
    margin-bottom: 5px
}

.news-item .desc__text {
    color: #1b1e26;
    font-family: Roboto-Light;
    font-size: 15px;
    line-height: 21px
}

.link-block {
    margin-top: 40px;
    text-align: center
}

@media screen and (max-width: 992px) {
    .link-block {
        margin-top: 40px
    }
}

.link-block a {
    background: #324b96;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    padding: 19px 60px 18px;
    position: relative;
    text-transform: uppercase
}

.link-block a:before {
    color: #fff;
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 16px;
    margin-top: -8px;
    right: 24px;
    text-rendering: auto;
    top: 50%
}

.link-block a:after, .link-block a:before {
    position: absolute;
    transition: all .3s ease
}

.link-block a:after {
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    right: 0;
    width: 100%
}

.link-block a:hover {
    background: #3651a3
}

.link-block a:hover:after {
    background: hsla(0, 0%, 100%, .15);
    height: 5px
}

.link-block a:active {
    background: #324b96;
    color: #ff8c19
}

.link-block a:active:after {
    background: hsla(0, 0%, 100%, .4)
}

.post-title {
    color: #000;
    font-family: Roboto;
    font-size: 30px;
    letter-spacing: 1.6px;
    line-height: 26px;
    margin-bottom: 40px;
    position: relative;
    text-align: center
}

.post-title:before {
    background: url(../img/popup-bg.png) no-repeat;
    bottom: -23px;
    content: "";
    height: 5px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 159px
}

@media screen and (max-height: 400px) {
    .sale-wrap .col-12 {
        max-width: 50%;
        width: 50%
    }
}

.sale-item {
    border: 1px solid #dfe0e5;
    display: block;
    position: relative;
    transition: all .3s ease;
    margin-bottom: 15px;
}

.sale-col {
    display: block;
}

@media screen and (max-width: 576px) {
    .sale-item {
        display: block;
        margin: 0 auto;
        width: 60%
    }
}

@media screen and (max-height: 400px) {
    .sale-item {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .sale-item {
        width: 70%
    }
}

@media screen and (max-width: 380px) {
    .sale-item {
        width: 100%
    }
}

.sale-item:hover {
    box-shadow: 0 10px 40px 0 rgba(52, 55, 47, .2)
}

.sale-item:hover .media-item img {
    transform: scale(1.1)
}

.sale-item__form {
    display: block;
}

.sale-item .media-item {
    height: 200px;
    overflow: hidden;
    position: relative;
    display: block;
}

.sale-item .media-item a {
    display: block;
    height: 100%
}

.sale-item .media-item span {
    background: #ff8c19;
    color: #fff;
    font-family: Roboto;
    font-size: 13px;
    line-height: 18px;
    padding: 8px 9px 5px;
    position: absolute;
    right: 0;
    top: 10px;
}

.sale-item .media-item img {
    height: 100%;
    transform: scale(1);
    transition: all .3s ease;
    width: 100%
}

.sale-item .item__desc {
    display: block;
    background: #fff;
    padding: 15px
}

.sale-item .desc__title {
    display: block;
    color: #ec971f;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    margin: 0 0 10px
}

.sale-item .desc__title a {
    color: #ec971f;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.sale-item .price-block {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: auto;
}

.sale-item .price-title {
    display: block;
    color: #1b1e26;
    font-family: Roboto-Light;
    font-size: 15px;
    margin-top: 6px
}

@media screen and (max-width: 768px) {
    .sale-item .price-title {
        width: 100%
    }
}

.sale-item .price-item {
    width: calc(100% - 80px);
    margin-bottom: 20px;
}

.sale-item .old-price {
    color: #6c7180;
    display: inline-block;
    font-family: Roboto;
    font-size: 15px;
    position: relative
}

.sale-item .old-price:before {
    background: #6c7180;
    content: "";
    height: 1px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 100%
}

.sale-item .new-price {
    color: #dd1204;
    display: block;
    font-family: Roboto-Bold;
    font-size: 22px;
    letter-spacing: .5px;
    line-height: 27px
}

.sale-item .cart-item {
    background-color: #d9534f;
    border-color: #d43f3a;
    border-radius: 3px;
    color: #fff;
    font-family: Roboto;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 1.5;
    padding: 8px 15px;
    cursor: pointer;
}

.sale-item .cart-item a {
    color: #fff;
    display: inline-block
}

.sale-item .cart-item:active, .sale-item .cart-item:hover {
    background-color: #ac2925;
    border-color: #761c19;
    color: #fff
}

.new-product-col {
    display: inline-block;
    width: 24%;
    padding: 20px;
    padding-left: 0;
    vertical-align: top;
}

.new-product-col__avail {
    display: block;
    color: #8ccc33;
    font-size: 13px;
    margin-top: 20px;
    text-align: left;
}

.new-product-col__avail--waiting {
    color: #dd1204;
}

@media screen and (max-width: 1024px) {
    .new-product-col {
        width: 33%;
    }
}

@media screen and (max-width: 840px) {
    .new-product-col {
        width: 50%;
    }
}

@media screen and (max-width: 620px) {
    .new-product-col {
        width: 100%;
        float: none;
        padding-right: 0;
    }
}

.calc_wrap {
    display: flex;
    flex-direction: column;
    height: 50px;
    justify-content: center
}

.calc_wrap .calc__item {
    display: block;
    margin-bottom: 10px
}

.popup {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    opacity: 0;
    position: fixed;
    width: 100%;
    z-index: -360;
    overflow-y: scroll;
}

.popup .btn-popup {
    cursor: pointer;
    font-size: 23px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px
}

.popup .btn-popup.btn-popup-cart {
    right: 15px;
    top: 15px;
}

@media screen and (max-width: 680px) {
    .popup .btn-popup {
        right: 20px;
        top: 20px
    }
}

@media screen and (max-height: 420px) {
    .popup .btn-popup {
        right: 20px;
        top: 20px
    }
}

.popup .btn-popup:before {
    -webkit-font-smoothing: antialiased;
    color: #e2e2e2;
    content: "\f136";
    display: inline-block;
    font: normal normal normal 21px/1 Material-Design-Iconic-Font;
    font-size: inherit;
    left: 2px;
    position: absolute;
    text-rendering: auto;
    top: -5px
}

@media screen and (max-height: 400px) {
    .popup .btn-popup:before {
        color: #000
    }
}

.popup .popup-centered {
    background: #fff;
    left: 0;
    margin: 0 auto;
    padding: 50px 50px 60px;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 2;
    top: 0;
}

.popup .popup-centered:after, .popup .popup-centered:before {
    content: "";
    position: absolute
}

.popup .popup-centered:before {
    background: url(../img/popup-patern-1.png) no-repeat;
    height: 19px;
    left: 19px;
    top: 20px;
    width: 21px
}

.popup .popup-centered:after {
    background: url(../img/popup-patern-2.png) no-repeat;
    bottom: 20px;
    height: 14px;
    right: 19px;
    width: 17px
}

.popup .popup-title {
    color: #000;
    font-family: Roboto;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 26px;
    margin-bottom: 40px;
    position: relative;
    text-transform: uppercase
}

.popup .popup-title:before {
    background: url(../img/popup-bg.png) no-repeat;
    bottom: -18px;
    content: "";
    height: 5px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 159px
}

.popup .popup-overlay {
    background: rgba(31, 32, 35, .7);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.popup .popup-message {
    line-height: 1.4;
    font-size: 16px;
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .popup .popup-centered {
        position: relative
    }
}

.popup-data-processing {
    border-radius: 100%;
    transform: scale(0);
    transition: all .5s ease
}

.popup-data-processing .popup-centered {
    padding: 50px 20px 60px 50px;
    width: 730px
}

@media screen and (max-width: 992px) {
    .popup-data-processing .popup-centered {
        padding: 50px 20px;
        width: 100%
    }
}

.popup-data-processing .btn-data-processing {
    cursor: pointer;
    font-size: 23px;
    height: 20px;
    position: absolute;
    right: -27px;
    top: -25px;
    width: 20px
}

@media screen and (max-width: 680px) {
    .popup-data-processing .btn-data-processing {
        right: 20px;
        top: 20px
    }
}

.popup-data-processing .btn-data-processing:before {
    -webkit-font-smoothing: antialiased;
    color: #fff;
    content: "\f136";
    display: inline-block;
    font: normal normal normal 21px/1 Material-Design-Iconic-Font;
    font-size: inherit;
    left: 2px;
    position: absolute;
    text-rendering: auto;
    top: -5px
}

.popup-data-processing .page-text {
    height: 230px;
    text-align: left
}

.popup-data-processing .page-text p {
    margin-bottom: 20px
}

.popup-data-processing .info-wrap-num {
    color: #ccc;
    font-size: 90px;
    font-weight: 600;
    height: 76px;
    line-height: 90px;
    opacity: .1;
    overflow: hidden;
    position: absolute;
    right: -7px;
    top: 7px;
    transform: rotate(-90deg);
    width: 90px;
    z-index: 1
}

.popup-data-processing .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #8ccc33;
    width: 3px
}

.popup-data-processing .mCSB_draggerRail {
    background: #d7d8d9;
    width: 3px
}

.popup-processing-open {
    border-radius: 0;
    opacity: 1;
    transform: scale(1);
    z-index: 365
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .popup-data-processing, .popup-info-open {
        top: 0
    }
}

.catalog-wrapper {
    background: #f2f3f5 url(../img/catalog-bg.jpg) repeat-y 50%;
    padding: 82px 0 59px;
    position: relative;
    text-align: center
}

@media screen and (max-width: 1200px) {
    .catalog-wrapper {
        background: #f2f3f5
    }
}

@media screen and (max-width: 580px) {
    .catalog-wrapper {
        padding: 45px 0 15px
    }
}

@media screen and (max-width: 768px) {
    .catalog-wrapper .col-xs-12 {
        padding-left: 5px;
        padding-right: 5px;
        width: 50%
    }
}

@media screen and (max-width: 580px) {
    .catalog-wrapper .col-xs-12 {
        padding-left: 5px;
        padding-right: 5px;
        width: 50%
    }
}

@media screen and (max-height: 420px) {
    .catalog-wrapper .col-xs-12 {
        padding-left: 5px;
        padding-right: 5px;
        width: 50%
    }
}

.catalog-wrapper:after, .catalog-wrapper:before {
    background: url(../img/catalog-triangle.png) no-repeat;
    content: "";
    height: 609px;
    position: absolute;
    width: 253px;
    z-index: 2
}

@media screen and (max-width: 992px) {
    .catalog-wrapper:after, .catalog-wrapper:before {
        display: none
    }
}

.catalog-wrapper:before {
    left: 0;
    top: 0
}

.catalog-wrapper:after {
    bottom: 0;
    right: 0;
    transform: rotate(180deg)
}

.catalog-wrapper .catalog-container {
    margin-top: 40px
}

.catalog-wrapper .catalog-container a {
    margin-bottom: 30px;
    position: relative;

    /** Safari fix **/
    -webkit-transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 580px) {
    .catalog-wrapper .catalog-container a {
        margin-bottom: 10px
    }
}

.catalog-wrapper .catalog-container a:after, .catalog-wrapper .catalog-container a:before {
    content: "";
    position: absolute
}

.catalog-wrapper .catalog-container a:before {
    background: #8ccc33;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 50px;
    z-index: 5
}

.catalog-wrapper .catalog-container a:hover:before {
    height: 0
}

.catalog-wrapper .wrap__item {
    border: 1px solid #dfe0e6;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    transition: all .3s ease;
    z-index: 3
}

@media screen and (max-width: 992px) {
    .catalog-wrapper .wrap__item {
        padding-bottom: 0
    }
}

@media screen and (max-height: 420px) {
    .catalog-wrapper .wrap__item {
        margin: 0 auto;
        width: 100%
    }
}

.catalog-wrapper .wrap__item:hover {
    border: 1px solid #8ccc33;
    box-shadow: 0 15px 40px 0 rgba(52, 55, 47, .25)
}

@media screen and (max-width: 992px) {
    .catalog-wrapper .wrap__item:hover {
        box-shadow: none
    }
}

.catalog-wrapper .wrap__item:hover .item__img:before {
    opacity: .8
}

.catalog-wrapper .wrap__item:hover img {
    transform: scale(1.1)
}

@media screen and (max-width: 992px) {
    .catalog-wrapper .wrap__item:hover img {
        transform: none
    }
}

.catalog-wrapper .item__img {
    position: relative
}

.catalog-wrapper .item__img:before {
    background: #8ccc33;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease;
    width: 100%;
    z-index: 2
}

@media screen and (max-width: 992px) {
    .catalog-wrapper .item__img:before {
        display: none
    }
}

.catalog-wrapper .item__img .ico {
    left: 0;
    margin-top: -75px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 5
}

@media screen and (max-width: 992px) {
    .catalog-wrapper .item__img .ico {
        display: none
    }
}

.catalog-wrapper .item__img img {
    transition: all .3s ease;
    aspect-ratio: 347 / 289;
    height: auto;
    max-width: 100%;
    object-fit: cover;
    display: block
}

.catalog-wrapper .item__desc {
    position: relative;
    text-align: center;
    transition: all .3s ease;
    width: 100%;
    z-index: 2
}

@media screen and (max-width: 992px) {
    .catalog-wrapper .item__desc {
        bottom: 0;
        position: relative
    }
}

.catalog-wrapper .item__desc:after, .catalog-wrapper .item__desc:before {
    border-radius: 50%;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0
}

.catalog-wrapper .item__desc:before {
    background: #fff;
    height: 25px;
    top: -10.5px;
    width: 25px
}

.catalog-wrapper .item__desc:after {
    background: #8ccc33;
    height: 5px;
    top: 2px;
    transition: all .3s ease;
    width: 5px
}

.catalog-wrapper .desc__title {
    background: #fff;
    color: #131410;
    font-family: Roboto-Bold;
    font-size: 17px;
    padding: 25px 0 22px;
    transition: all .3s ease
}

@media screen and (max-width: 992px) {
    .catalog-wrapper .desc__title {
        padding: 10px 0
    }
}

.catalog-wrapper .desc__text {
    background: #fff;
    color: #1b1e26;
    font-family: Roboto-Light;
    font-size: 15px;
    line-height: 21px;
    padding: 0 5px 32px
}

@media screen and (max-width: 580px) {
    .catalog-wrapper .desc__text {
        display: none
    }
}

.catalog-wrapper .line:before {
    left: 0;
    top: 0;
    transform: rotate(180deg)
}

.catalog-wrapper .line:after {
    right: 0;
    top: 100%
}

.news-wrapper {
    padding: 84px 0 88px;
    position: relative;
    text-align: center
}

@media screen and (max-width: 992px) {
    .news-wrapper {
        padding: 50px 0
    }
}

@media screen and (max-width: 580px) {
    .news-wrapper {
        padding: 30px 0 40px
    }
}

.news-wrapper:after, .news-wrapper:before {
    background: url(../img/bg-news.png) no-repeat;
    content: "";
    height: 88px;
    position: absolute;
    top: 50%;
    width: 47px
}

@media screen and (max-width: 1200px) {
    .news-wrapper:after, .news-wrapper:before {
        display: none
    }
}

.news-wrapper:before {
    left: 0
}

.news-wrapper:after {
    right: 0;
    transform: rotate(180deg)
}

.news-wrapper .title-section {
    margin-bottom: 41px
}

@media screen and (max-width: 580px) {
    .news-wrapper .title-section {
        margin-bottom: 20px
    }
}

.news-wrapper .tab__nav {
    margin-bottom: 50px;
    text-align: center
}

@media screen and (max-width: 580px) {
    .news-wrapper .tab__nav {
        margin-bottom: 20px
    }
}

.news-wrapper .tab__nav ul {
    font-size: 0;
    list-style: none;
    padding: 0
}

.news-wrapper .tab__nav li {
    display: inline-block;
    margin: 0 15px;
    position: relative
}

@media screen and (max-width: 768px) {
    .news-wrapper .tab__nav li {
        display: block;
        margin: 15px 0
    }

    .news-wrapper .tab__nav li:after {
        display: none
    }
}

.news-wrapper .tab__nav li:after {
    background: #ff8c19;
    border-radius: 50%;
    content: "";
    height: 3px;
    position: absolute;
    right: -15px;
    top: 50%;
    width: 3px
}

.news-wrapper .tab__nav li:last-child:after {
    display: none
}

.news-wrapper .tab__nav a {
    border: 1px solid #d7d8d9;
    box-sizing: border-box;
    color: #6c7180;
    font-family: Roboto-Light;
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    position: relative;
    width: 160px
}

@media screen and (max-width: 768px) {
    .news-wrapper .tab__nav a {
        width: 100%
    }
}

.news-wrapper .tab__nav a:after, .news-wrapper .tab__nav a:before {
    background: #8ccc33;
    content: "";
    height: 1px;
    position: absolute;
    transition: all .2s linear;
    transition-delay: .2s;
    width: 0;
    z-index: 200
}

.news-wrapper .tab__nav a:before {
    right: 0;
    top: -1px
}

.news-wrapper .tab__nav a:after {
    bottom: -1px;
    left: 0
}

.news-wrapper .tab__nav a.tab__nav-active, .news-wrapper .tab__nav a:hover {
    background: #f5faed
}

.news-wrapper .tab__nav a.tab__nav-active {
    border: 1px solid transparent;
    color: #000
}

.news-wrapper .tab__nav a.tab__nav-active:after, .news-wrapper .tab__nav a.tab__nav-active:before {
    transition-delay: 0s;
    width: 100%
}

.news-wrapper .tab__nav a.tab__nav-active span {
    border: 0
}

.news-wrapper .tab__nav a.tab__nav-active span:after, .news-wrapper .tab__nav a.tab__nav-active span:before {
    height: 100%;
    transition-delay: .2s
}

.news-wrapper .tab__nav a span {
    display: block
}

.news-wrapper .tab__nav a span:after, .news-wrapper .tab__nav a span:before {
    background: #8ccc33;
    content: "";
    height: 0;
    position: absolute;
    transition: all .2s linear;
    transition-delay: 0s;
    width: 1px;
    z-index: 2201
}

.news-wrapper .tab__nav a span:before {
    left: -1px;
    top: 0
}

.news-wrapper .tab__nav a span:after {
    bottom: 0;
    right: -1px
}

.news-wrapper .tab__item {
    left: -9999px;
    opacity: 0;
    position: absolute;
    top: -9999px;
    transition: margin-top .7s ease, opacity .4s ease;
    visibility: hidden
}

.news-wrapper .tab__active {
    left: 0;
    margin-top: 0;
    opacity: 1;
    position: relative;
    top: 0;
    visibility: visible
}

.news-wrapper .link-block {
    margin-top: 10px
}

.news-wrapper .link-block a {
    padding: 19px 70px 18px
}

.news-wrapper .link-block a:before {
    content: "\f2fb"
}

.news-wrapper .line:before {
    display: none
}

.news-wrapper .line:after {
    left: 0;
    top: 100%;
    transform: rotate(180deg);
    z-index: 2
}

.banner-wrapper {
    position: relative
}

.banner-wrapper .banner__seo {
    background: #f2f3f5 url(../img/seo-bg.jpg) repeat-y 50%;
    padding: 85px 0 69px
}

@media screen and (max-width: 1200px) {
    .banner-wrapper .banner__seo {
        background: #f2f3f5
    }
}

@media screen and (max-width: 580px) {
    .banner-wrapper .banner__seo {
        padding: 40px 0 20px
    }
}

.banner-wrapper .page-text {
    color: #1b1e26;
    font-family: Roboto-Light;
    font-size: 15px;
    line-height: 25px
}

.banner-wrapper .page-text p {
    margin-bottom: 15px
}

.banner-wrapper .page-text b {
    color: #000;
    font-family: Roboto-Bold
}

.banner-wrapper .page-text a {
    color: #324b96;
    opacity: .8;
    text-decoration: underline
}

.banner-wrapper .page-text a:hover {
    color: #ff8c19
}

.banner-wrapper .banner__info {
    background: #324b96;
    border-top: 5px solid hsla(0, 0%, 100%, .15);
    box-sizing: border-box;
    padding: 23px 0
}

@media screen and (max-width: 580px) {
    .banner-wrapper .banner__info {
        padding: 15px 0
    }
}

.banner-wrapper .info-text {
    color: #fff;
    font-family: Roboto;
    font-size: 13px;
    line-height: 20px;
    padding-left: 80px;
    position: relative
}

@media screen and (max-width: 580px) {
    .banner-wrapper .info-text {
        padding-left: 60px
    }
}

.banner-wrapper .info-text:after, .banner-wrapper .info-text:before {
    height: 33px;
    position: absolute;
    width: 33px
}

.banner-wrapper .info-text:before {
    border: 1px solid hsla(0, 0%, 100%, .4);
    content: "";
    left: 7px;
    top: calc(50% - 20px);
    transform: rotate(45deg)
}

.banner-wrapper .info-text:after {
    color: #ff7f00;
    content: "!";
    font-size: 24px;
    left: 7px;
    text-align: center;
    top: calc(50% - 12px)
}

.blog-wrapper {
    padding: 58px 0 82px;
    text-align: center
}

@media screen and (max-width: 992px) {
    .blog-wrapper {
        padding: 50px 0
    }
}

@media screen and (max-width: 580px) {
    .blog-wrapper {
        padding: 30px 0 10px
    }
}

.blog-wrapper .title-section {
    margin: 0 auto;
    width: 155px
}

.blog-wrapper .blog-sort {
    padding: 36px 0
}

.blog-wrapper .blog-sort__nav {
    margin-bottom: 40px;
    position: relative;
    text-align: left
}

.blog-wrapper .blog-sort__nav:after {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), #fff);
    content: "";
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px
}

@media screen and (max-width: 768px) {
    .blog-wrapper .blog-sort__nav:after {
        width: 150px
    }
}

.blog-wrapper .blog-sort__nav .slick-arrow {
    background: transparent;
    border: 0;
    height: 35px;
    top: calc(50% - 24px);
    width: 22px;
    z-index: 2
}

@media screen and (max-width: 1250px) {
    .blog-wrapper .blog-sort__nav .slick-arrow {
        display: block !important
    }
}

.blog-wrapper .blog-sort__nav .slick-arrow:before {
    border-color: #d7d8d9
}

.blog-wrapper .blog-sort__nav .slick-arrow:hover {
    background: transparent;
    box-shadow: none
}

.blog-wrapper .blog-sort__nav .slick-arrow:hover:before {
    border-color: #8ccc33
}

.blog-wrapper .blog-sort__nav .slick-prev {
    left: calc(100% - 65px)
}

.blog-wrapper .blog-sort__nav .slick-next {
    right: 0
}

.blog-wrapper .blog-sort__nav ul {
    font-size: 0;
    list-style: none;
    padding: 0;
    position: relative
}

.blog-wrapper .blog-sort__nav ul:after {
    background: #d7d8d9;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.blog-wrapper .blog-sort__nav li {
    display: inline-block;
    margin: 0 9px
}

.blog-wrapper .blog-sort__nav li:first-child {
    margin-left: 0
}

.blog-wrapper .blog-sort__nav li:last-child {
    margin-right: 0
}

.blog-wrapper .blog-sort__nav a {
    color: #1b1e26;
    display: inline-block;
    font-family: Roboto-Light;
    font-size: 17px;
    line-height: 24px;
    padding: 0 11px 14px 10px;
    position: relative
}

.blog-wrapper .blog-sort__nav a:after {
    background: #8ccc33;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    transition: all .3s ease;
    width: 0
}

.blog-wrapper .blog-sort__nav a.filter_active, .blog-wrapper .blog-sort__nav a:hover {
    color: #324b96
}

.blog-wrapper .blog-sort__nav a.filter_active:after, .blog-wrapper .blog-sort__nav a:hover:after {
    width: 100%
}

.blog-wrapper .gallery__item {
    margin-bottom: 30px
}

.blog-wrapper .link-block {
    margin-top: 10px
}

.blog-wrapper .link-block a {
    padding: 19px 85px 18px
}

.blog-wrapper .link-block a:before {
    content: "\f278"
}

.blog-wrapper .blog-sort-big {
    position: relative
}

.blog-wrapper .blog-sort-big .item__img {
    height: 400px;
    position: relative
}

@media screen and (max-width: 1200px) {
    .blog-wrapper .blog-sort-big .item__img {
        height: 357px
    }
}

@media screen and (max-width: 992px) {
    .blog-wrapper .blog-sort-big .item__img {
        height: auto
    }
}

.blog-wrapper .blog-sort-big .item__img:before {
    display: none
}

.blog-wrapper .blog-sort-big .item__img:after {
    background-image: linear-gradient(0deg, #080b17, #080b17 0, rgba(8, 11, 23, 0));
    bottom: 0;
    content: "";
    left: 0;
    opacity: .8;
    position: absolute;
    right: 0;
    top: 0
}

.blog-wrapper .blog-sort-big .item__desc {
    background: transparent;
    bottom: 0;
    color: #fff;
    padding: 15px 35px 35px 37px;
    position: absolute
}

@media screen and (max-width: 568px) {
    .blog-wrapper .blog-sort-big .item__desc {
        bottom: 0;
        color: #000;
        position: relative
    }
}

.blog-wrapper .blog-sort-big .desc__title {
    color: #fff;
    margin-bottom: 0
}

@media screen and (max-width: 1200px) {
    .blog-wrapper .blog-sort-big .desc__title {
        height: 52px;
        margin-bottom: 14px
    }
}

@media screen and (max-width: 568px) {
    .blog-wrapper .blog-sort-big .desc__title {
        color: #000
    }
}

.blog-wrapper .blog-sort-big .desc__text {
    color: #fff
}

@media screen and (max-width: 568px) {
    .blog-wrapper .blog-sort-big .desc__text {
        color: #000
    }
}

.blog-wrapper .news-item .item__desc {
    padding: 35px 37px
}

@media screen and (max-width: 1200px) {
    .blog-wrapper .news-item .item__desc {
        padding: 20px
    }
}

.is-hidden {
    display: none
}

.post-wrapper {
    /*background-image: linear-gradient(0deg, #f2f3f5, #fff);*/
    padding: 67px 0 79px;
    position: relative
}

@media screen and (max-width: 992px) {
    .post-wrapper {
        padding: 50px 0
    }
}

@media screen and (max-width: 580px) {
    .post-wrapper {
        padding: 15px 0
    }
}

.post-wrapper:before {
    background: linear-gradient(-90deg, rgba(140, 204, 51, 0), #8ccc33);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 960px
}

@media screen and (max-width: 992px) {
    .post-wrapper:before {
        width: 700px
    }
}

@media screen and (max-width: 768px) {
    .post-wrapper:before {
        width: 420px
    }
}

@media screen and (max-width: 480px) {
    .post-wrapper:before {
        display: none
    }
}

.post-wrapper .post-title {
    margin-bottom: 47px;
    text-align: center
}

@media screen and (max-width: 580px) {
    .post-wrapper .post-title {
        margin-bottom: 35px
    }
}

.post-wrapper .post-wrap {
    color: #1b1e26;
    font-family: Roboto;
    font-size: 15px;
    line-height: 25px
}

.post-wrapper .post-wrap .post-img {
    float: left;
    margin: 0 30px 0 0
}

.post-wrapper .post-wrap .post-img img {
    display: inline-block;
    margin-top: 6px
}

.post-wrapper.news-content .post-wrap .post-img {
    float: none;
    margin: 0 0 20px 0;
}

.post-wrapper.news-content .post-wrap .post-img img {
    display: inline-block;
    margin-top: 6px;
    width: 100%;
    max-height: 350px;
}

@media screen and (max-width: 992px) {
    .post-wrapper .post-wrap .post-img {
        float: none;
        margin: 0 auto 30px;
        text-align: center
    }
}

@media screen and (max-width: 580px) {
    .post-wrapper .post-wrap .post-img {
        margin: 0 auto 15px
    }
}

.post-wrapper .post-wrap p {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    margin-bottom: 15px
}

.post-wrapper .post-wrap ol,
.post-wrapper .post-wrap ul {
    margin-bottom: 15px
}

.post-wrapper .post-wrap ol li,
.post-wrapper .post-wrap ul li {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    list-style-type: none;
}

.post-wrapper .post-wrap b {
    color: #000;
    font-family: Roboto-Bold
}

.post-wrapper .post-wrap i {
    font-family: Roboto-Italic;
    font-style: italic
}

.post-wrapper .post-wrap a {
    color: #324b96
}

.post-wrapper .post-wrap a:hover {
    color: #ff8c19
}

.post-wrapper .post-wrap h2 {
    color: #000;
    font-family: Roboto-Bold;
    font-size: 20px;

    display: block;
    margin-bottom: 10px;
    margin-top: 25px;
}

.post-wrapper .post-wrap h3,
.post-wrapper .post-wrap h4 {
    color: #000;
    font-family: Roboto-Bold;
    font-size: 17px;

    display: block;
    margin-bottom: 10px;
}

.post-wrapper .post-wrap h5 {
    color: #324b96;
    display: block;
    font-family: Roboto-Bold;
    font-size: 15px
}

.post-gallery {
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    margin: 23px 0 35px
}

@media screen and (max-width: 992px) {
    .post-gallery {
        justify-content: center
    }
}

@media screen and (max-width: 580px) {
    .post-gallery {
        margin: 15px 0
    }
}

@media screen and (max-height: 400px) {
    .post-gallery {
        flex-flow: row
    }
}

.post-gallery .post-gallery__item {
    display: inline-block;
    margin: 11px 15px
}

@media screen and (max-width: 992px) {
    .post-gallery .post-gallery__item {
        margin: 15px 0
    }
}

@media screen and (max-width: 580px) {
    .post-gallery .post-gallery__item {
        margin: 10px 0
    }
}

@media screen and (max-height: 400px) {
    .post-gallery .post-gallery__item {
        margin: 10px 5px
    }
}

.post-gallery .post-gallery__item:first-child {
    margin-left: 0
}

.post-gallery .post-gallery__item:last-child {
    margin-right: 0
}

.post-gallery .post-gallery__item a {
    position: relative;
    transition: all .3s ease
}

.post-gallery .post-gallery__item a:before {
    content: "";
    height: 100%;
    left: 0;
    opacity: .2;
    position: absolute;
    top: 0;
    transition: all .3s ease;
    width: 100%
}

.post-gallery .post-gallery__item a:hover {
    box-shadow: 0 10px 40px 0 rgba(52, 55, 47, .2)
}

.post-gallery .post-gallery__item a:hover:before {
    background-image: linear-gradient(180deg, #7fcc14, rgba(127, 204, 20, 0));
    opacity: .2
}

.sale-wrap {
    margin-top: 40px
}

@media screen and (max-width: 580px) {
    .sale-wrap {
        margin-top: 20px
    }
}

@media screen and (max-width: 992px) {
    .sale-wrap .sale-item {
        margin-bottom: 30px
    }
}

.sale-wrap .orange-btn a {
    background: #ff8c19
}

.sale-wrap .orange-btn a:before {
    content: "\f278"
}

.sale-wrap .orange-btn a:hover {
    background: #ff7f00
}

.sale-wrap .orange-btn a:hover:after {
    background: hsla(0, 0%, 100%, .15);
    height: 5px
}

.sale-wrap .orange-btn a:active {
    background: #ff8c19;
    color: #324b96
}

.sale-wrap .orange-btn a:active:after {
    background: hsla(0, 0%, 100%, .4)
}

.post-info h4 {
    margin-bottom: 15px
}

.post-info h5 {
    margin-bottom: 10px;
    margin-top: 23px
}

.post-info .sale-item,
.post-info .media-item,
.post-info .item__desc,
.post-info .desc__title,
.post-info .price-item {
    display: block;
}

.post-info .sale-item .desc__title a {
    color: #ec971f;
}

.post-info__img {
    float: left;
    padding: 20px;
    padding-left: 0;

    margin-left: auto;
    margin-right: auto;
}

.post-info__img--25 {
    width: 25%;
}

.post-info__img--33 {
    width: 33%;
}

.post-info__img--50 {
    width: 50%;
}

.post-info__img--100 {
    width: 100%;
    padding-right: 0;
    display: block;
    float: none;
}

@media screen and (max-width: 992px) {
    .post-info__img--50 {
        width: 100%;
        padding-right: 0;
        display: block;
        float: none;
    }

    .post-info__img--33,
    .post-info__img--25 {
        width: 50%;
    }
}

@media screen and (max-width: 580px) {
    .post-info__img {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .post-info__img--33,
    .post-info__img--25 {
        display: block;
        float: none;

        width: 100%;

        padding-right: 0;
    }
}

.post-list {
    font-size: 0;
    padding-top: 20px
}

.post-wrap h2 + .post-list,
.post-wrap h3 + .post-list {
    padding-top: 15px
}

.post-list .post-list__container {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    padding-top: 18px
}

.post-list h4 {
    color: #000;
    font-family: Roboto-Bold;
    font-size: 17px;
    letter-spacing: .1px
}

.post-list ul {
    color: #1b1e26;
    font-family: Roboto;
    font-size: 0;
    list-style: none;
    padding: 0;
    width: 50%
}

@media screen and (max-width: 992px) {
    .post-list ul {
        margin-bottom: 10px;
        width: 100%
    }
}

.post-list li {
    box-sizing: border-box;
    font-family: Roboto-Light;
    font-size: 15px;
    margin-bottom: 17px;
    padding-left: 21px;
    position: relative
}

.post-list li ul {
    margin-top: 17px;
    width: 100%
}

.post-list li ul li {
    padding-left: 0
}

.post-list span,
.post-wrap .list-style {
    display: inline-block
}

.post-wrap .list-style,
.post-list .list-style {
    color: #8ccc33;
    font-family: Roboto-Bold;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px
}

.post-wrap .list-style .zmdi-check {
    font-size: 18px;
}

.post-table {
    margin-top: 20px
}

.post-table .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #8ccc33
}

.post-table .mCSB_draggerRail {
    background: #1b1e26
}

.post-table table {
    border-spacing: 0;
    border-top: 0;
    font-family: Roboto-Light;
    font-size: 15px;
    position: relative;
    width: 100%;
    border: 0;
}

@media screen and (max-width: 1200px) {
    .post-table table {
        width: 1200px
    }
}

.post-table table:after {
    border-color: transparent #8ccc33 transparent transparent;
    border-style: solid;
    border-width: 12px 12px 0 0;
    bottom: 0;
    content: "";
    height: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    width: 0;
    z-index: 2
}

.post-table thead th,
.post-table thead td {
    background: #8ccc33;
    color: #fff;
    font-family: Roboto;
    height: 55px;
    text-align: center;
    text-transform: uppercase;
    border: 0;
}

.post-table thead th:first-child,
.post-table thead td:first-child {
    padding-left: 30px;
    text-align: left
}

.post-table tbody tr:last-child {
    border-bottom: 1px solid #cacbcc
}

.post-table tbody tr:nth-child(odd) {
    background: #fff
}

.post-table tbody tr:nth-child(2n) {
    background: #f2f3f5
}

.post-table tbody td {
    border: 0;
    border-bottom: 1px solid #e4e5e5;
    border-left: 1px solid #e4e5e5;
    color: #1b1e26;
    height: 50px;
    text-align: center
}

.post-table tbody td:first-child {
    border-left: 1px solid #cacbcc;
    color: #000;
    font-family: Roboto;
    padding-left: 30px;
    text-align: left
}

.post-table tbody td:last-child {
    border-right: 1px solid #cacbcc
}

.post-table tbody td:nth-child(2) {
    font-style: italic
}

.post-table tbody td:nth-child(3), .post-table tbody td a {
    font-family: Roboto-Light
}

.post-table tbody td a {
    color: #324b96;
    text-decoration: underline
}

.post-table tbody td a:hover {
    color: #ff8c19
}

.category-nav {
    align-items: baseline;
    display: flex;
    padding-top: 40px
}

@media screen and (max-width: 768px) {
    .category-nav {
        flex-wrap: wrap;
        padding-top: 20px
    }
}

.category-nav ul {
    background: #f2f3f5;
    display: flex;
    flex-wrap: nowrap;
    font-size: 0;
    list-style: none;
    padding: 0 20px 0 0;
    position: relative;
    width: 100%
}

@media screen and (max-width: 768px) {
    .category-nav ul {
        flex-wrap: wrap
    }
}

.category-nav li {
    display: inline-block;
    margin: 0 15px 10px 0;
    vertical-align: top
}

.category-nav li:last-child {
    margin-right: 30px
}

.category-nav a {
    border: 1px solid #d7d8d9;
    color: #6c7180;
    font-family: Roboto;
    font-size: 13px;
    line-height: 18px;
    padding: 5px 15px;
    text-transform: lowercase;
    transition: all .3s ease;
    white-space: nowrap
}

.category-nav a:hover {
    border-color: #8ccc33;
    color: #000
}

.category-nav .category-nav__data {
    color: #1b1e26;
    font-family: Roboto;
    font-size: 13px;
    padding-right: 7px;
    position: relative;
    text-align: right;
    width: 100%
}

.category-nav .category-nav__data:before {
    background: #dedfe0;
    content: "";
    height: 1px;
    left: 0;
    margin-left: -20px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: calc(100% - 50px)
}

.news-art-wrapper {
    padding: 84px 0 58px
}

@media screen and (max-width: 992px) {
    .news-art-wrapper {
        padding: 40px 0 50px
    }
}

@media screen and (max-width: 580px) {
    .news-art-wrapper {
        padding: 30px 0 0
    }
}

.news-art-wrapper:after, .news-art-wrapper:before {
    display: none
}

.news-art-wrapper .title-section {
    width: 310px
}

@media screen and (max-width: 400px) {
    .news-art-wrapper .title-section {
        width: 100%
    }
}

@media screen and (max-width: 290px) {
    .news-art-wrapper .title-section {
        font-size: 30px
    }
}

.sale-wrapper {
    padding: 66px 0 0
}

@media screen and (max-width: 992px) {
    .sale-wrapper {
        padding: 50px 0 0;
        padding: 30px 0 0
    }
}

.sale-wrapper .post-title {
    margin-bottom: 53px
}

.sale-wrapper .sale-banner {
    margin-bottom: 44px;
    margin-left: -15px;
    width: 1170px
}

.sale-wrapper .sale-banner img {
    width: 100%;
    max-height: 350px;
}

@media screen and (max-width: 1200px) {
    .sale-wrapper .sale-banner {
        margin-left: 0;
        width: 100%
    }
}

.sale-wrapper .page-text {
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 1.6
}

.sale-wrapper .page-text p {
    margin-bottom: 15px
}

.sale-wrapper .page-text h5,
.sale-wrapper .post-terms-title {
    margin-bottom: 10px;
    margin-top: 22px
}

.info-desc {
    align-items: center;
    display: flex;
    margin: 32px 0
}

@media screen and (max-width: 400px) {
    .info-desc {
        flex-wrap: wrap
    }
}

.info-desc .info-desc__text {
    margin-right: 30px;
    position: relative;
    text-align: left;
    width: calc(100% - 80px)
}

@media screen and (max-width: 400px) {
    .info-desc .info-desc__text {
        margin-right: 0;
        width: 100%
    }
}

.info-desc .info-desc__text span {
    background: #ff8c19;
    color: #fff;
    display: inline-block;
    font-family: Roboto;
    font-size: 13px;
    padding: 8px 20px 6px;
    position: relative;
    width: 281px
}

@media screen and (max-width: 400px) {
    .info-desc .info-desc__text span {
        margin-bottom: 10px;
        text-align: center;
        width: 100%
    }
}

.info-desc .info-desc__text:before {
    background: #dedfe0;
    content: "";
    height: 1px;
    left: 310px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: calc(100% - 290px)
}

@media screen and (max-width: 400px) {
    .info-desc .info-desc__text:before {
        display: none
    }
}

.info-desc .info-desc__data {
    color: #1b1e26;
    font-family: Roboto;
    font-size: 13px;
    text-align: right;
    width: 80px
}

@media screen and (max-width: 400px) {
    .info-desc .info-desc__data {
        text-align: center;
        width: 100%
    }
}

.sale-slider-wrapper {
    padding: 0 0 56px;
    position: relative
}

.sale-slider-wrapper:before {
    background: linear-gradient(-90deg, rgba(140, 204, 51, 0), #8ccc33);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 960px
}

@media screen and (max-width: 992px) {
    .sale-slider-wrapper:before {
        width: 700px
    }

    .header__nav .filter-nav-wrap .filter-nav-item.inline li {
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .sale-slider-wrapper:before {
        width: 420px
    }
}

@media screen and (max-width: 480px) {
    .sale-slider-wrapper:before {
        display: none
    }
}

.sale-slider-wrapper .slick-list {
    margin: 0 -15px;
    padding: 30px 0
}

.sale-slider-wrapper .slide {
    margin: 0 15px
}

.sale-slider-wrapper .slider-item__title {
    color: #000;
    font-family: Roboto-Bold;
    font-size: 17px
}

.sale-slider-wrapper .sale-slider__item {
    padding: 30px 0 0
}

.sale-slider-wrapper .slick-arrow {
    top: calc(50% - 30px)
}

.sale-slider-wrapper .slick-prev {
    left: -85px
}

.sale-slider-wrapper .slick-next {
    right: -85px
}

.sale-slider-wrapper .link-block a {
    padding: 19px 85px 18px
}

.sale-slider-wrapper .link-block a:before {
    content: "\f278"
}

.test__sale-wrap .media-item a {
    display: block
}

.test__sale-wrap .media-item img {
    height: 100%;
    width: 100%
}

.test__sale-wrap .calculator-select {
    position: relative;
    z-index: 20
}

.disksman .btn {
    background: #324b96;
    color: #fff;
}

.hidden {
    display: none !important;
}

.media-item img[data-src] {
    width: auto;
    display: block;
    margin: 0 auto;
}

.desc-images .img-responsive {
    margin-bottom: 20px;
    display: block;
}

.desc-images .img-responsive:last-of-type {
    margin-bottom: 0;
}

.buy-oneclick-wrap {
    margin-top: 20px;
    margin-bottom: 20px;
}

.ya-share2 {
    margin-bottom: 20px;
}

.invisible {
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.whatsapp {
    width: 40px;
    height: 43px;
    background: url(../img/svg/WhatsApp.svg) no-repeat;
    background-size: cover;
    position: fixed;
    bottom: 50px;
    cursor: pointer;
    left: 50px;
    z-index: 100;
}

.option-color-link {
    overflow: hidden;
}

.option-color-link span.img {
    transform: scale(6);
}

.blue-text {
    color: blue;
}

.underline-link {
    text-decoration: underline;
}

.delivery-external-link {
    color: white;
    position: relative;
    font-size: 17px;
}

.delivery-external-link:hover {
    text-decoration: underline;
}

.delivery-external-link svg {
    color: white;
    text-decoration: underline;
    position: absolute;
    right: -25px;
    top: 6px;
}

.delivery-box {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px !important;
    line-height: 35px;
    color: #000;
    margin-bottom: 50px;
}

.delivery-box .title-desc {
    font-size: 24px;
    color: white !important;
}

.delivery-box p {
    font-size: 20px !important;
}

.delivery-box .availability,
.delivery-box .availability__count {
    color: white !important;
}

.delivery-box .availability--visible {
    margin-bottom: 0;
    padding-left: 0;
    font-size: 20px;
}

.short-info-delivery {
    margin: 15px 0;
}

@media (min-width: 0px) and (max-width: 575px) {
    .delivery-box {
        font-size: 13px;
    }

    .delivery-box p {
        font-size: 15px !important;
        margin-bottom: 10px;
    }

    .delivery-external-link {
        font-size: 15px !important;
    }

    .popup-common .popup-centered {
        width: 350px;
    }
}

/* ------------ */

.popup-common {
    transform: scale(0);
    transition: all .5s ease
}

.popup-common .popup-centered {
    padding: 43px 25px 50px;
    width: 400px;
    margin-top: 50px;
}

.popup-common .btn-close-popup {
    top: 10px !important;
    right: 5px !important;
}

@media screen and (max-width: 400px) {
    .popup-common .popup-centered {
        padding: 50px 20px;
        width: 100%
    }
}

@media screen and (max-height: 400px) {
    .popup-common .popup-centered {
        padding: 25px 20px 35px
    }
}

.popup-common .popup-centered .popup-title {
    margin-bottom: 38px
}

@media screen and (max-width: 400px) {
    .popup-common .popup-centered .btn-popup:before {
        color: #000;
        left: 10px;
        top: 10px;
        z-index: 10
    }
}

@media screen and (max-height: 420px) {
    .popup-common .popup-centered .btn-popup:before {
        color: #000;
        left: 10px;
        top: 10px;
        z-index: 10
    }
}

.popup-common label {
    display: block;
    margin-bottom: 15px
}

.popup-common input,
.popup-common textarea {
    border: 1px solid #cacbcc;
    color: #1b1e26;
    display: block;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    outline: none;
    width: 100%
}

.popup-common input {
    height: 46px;
    text-align: center;
}

.popup-common textarea {
    padding: 10px;
}

.popup-common .form-group {
    margin-bottom: 15px;
}

.popup-common .help-block {
    font-size: 12px;
    margin-top: 5px;
    color: red;
}

.popup-common input:focus {
    border-color: #8ccc33
}

.popup-common .error {
    border-color: #ff8c19
}

.popup-common input:focus::-webkit-input-placeholder {
    color: #6c7180
}

.popup-common input:focus::-moz-placeholder {
    color: #6c7180
}

.popup-common input:focus::-ms-input-placeholder {
    color: #6c7180
}

.popup-common input[type=checkbox] {
    display: none
}

.popup-common .checkbox-label {
    cursor: pointer;
    font-size: 0;
    margin: 0 0 26px
}

@media screen and (max-height: 400px) {
    .popup-common .checkbox-label {
        margin: 0 0 10px
    }
}

.popup-common .checkbox-label a {
    color: #324b96;
    display: inline;
    font-family: Roboto;
    font-weight: 400;
    text-decoration: underline
}

.popup-common .checkbox-label span {
    display: inline-block;
    vertical-align: middle
}

.popup-common .checkbox-label .checked-title {
    color: #1b1e26;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    width: calc(100% - 30px)
}

.popup-common .checkbox-label .checked {
    border: 1px solid #8ccc33;
    box-sizing: border-box;
    cursor: pointer;
    height: 16px;
    margin-right: 14px;
    position: relative;
    width: 16px
}

.popup-common .checkbox-label .checked:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #1b1e26;
    content: "\f26b";
    display: inline-block;
    font: normal normal normal 14px/1 Material-Design-Iconic-Font;
    font-size: 15px;
    left: 0;
    margin: -8px auto 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-rendering: auto;
    top: 50%
}

.popup-common .checkbox-label input[type=checkbox]:checked + span:before {
    opacity: 1
}

.popup-common button {
    background: #324b96;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    height: 54px;
    outline: none;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.popup-common button:after {
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    transition: all .3s ease;
    width: 100%
}

.popup-common button:hover:after {
    background: hsla(0, 0%, 100%, .15);
    height: 5px
}

.popup-common button:active {
    color: #ff8c19
}

.popup-common-open {
    opacity: 1;
    transform: scale(1);
    z-index: 360
}

.popup-modal-form {

}

.popup-modal-form .control-label {

}

.popup-modal-form .form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* -------------*/