@charset "UTF-8";
/*!*
 * ВНИМАНИЕ! Этот файл генерируется автоматически.
 * Не пишите сюда ничего вручную, все такие правки будут потеряны при следующей компиляции.
 * Читайте ./README.md для понимания.
 */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&subset=cyrillic);

.mfp-close,
a {
    text-decoration: none
}

a,
body {
    color: #333
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

.slick-list,
.slick-slider,
.slick-track {
    display: block;
    position: relative
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
optgroup,
strong {
    font-weight: 700
}

dfn,
em,
i {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

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

.title-block__title,
.title-block_f-30 .title-block__title,
body {
    font-family: Montserrat, sans-serif
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

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

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

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

body {
    font-size: 16px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    overflow-x: hidden;
    word-break: normal;
    min-width: 320px;
    width: 100%
}

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

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

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

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

.slick-track {
    left: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto
}

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

.mfp-arrow:after,
.mfp-arrow:before,
.mfp-container:before,
.mfp-figure:after {
    content: ''
}

.slick-track:after {
    clear: both
}

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

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

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

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

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

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

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

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

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

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

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

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

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

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

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

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

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

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

.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 {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

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

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

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

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

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.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 {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

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

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

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    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 {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.breadcrumb__item+.breadcrumb__item,
.first-wrapper-text .button,
.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper,
.reviews-slider__top .info {
    margin-left: 30px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

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

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

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

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

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

.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-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-right: 0;
    margin-left: 0
}

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

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

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-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;
    -o-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;
    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;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.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;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .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 {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 1px;
    border-radius: 1px
}

.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 {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .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: rgba(255, 255, 255, .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);
    -webkit-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    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 {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    border-radius: 2px
}

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

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

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .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: rgba(255, 255, 255, .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);
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    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: rgba(255, 255, 255, .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 {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.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: rgba(255, 255, 255, .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 {
    width: 14px;
    margin: 0 1px
}

.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 {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.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;
    width: 16px;
    margin: 0 -1px
}

.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: center
}

.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;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

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

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

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

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

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

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

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

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

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

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

.mCS-3d-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-repeat: repeat-y;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.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-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.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;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.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 {
    -webkit-border-radius: 16px;
    border-radius: 16px
}

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

.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-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,
.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 {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

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

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

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

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

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

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

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    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;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.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 {
    -webkit-border-radius: 7px;
    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 {
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
    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;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
    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 {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

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

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
    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 {
    -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, .2);
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2);
    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 {
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .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);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
    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 {
    right: 0;
    margin: 12px 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: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.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: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.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);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

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

.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 {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.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 {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.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 {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.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 {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mfp-bg,
.mfp-wrap {
    position: fixed;
    top: 0;
    left: 0
}

.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 {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.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-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    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: rgba(255, 255, 255, .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: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .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: rgba(255, 255, 255, .9)
}

.mfp-bg {
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b
}

.mfp-wrap {
    width: 100%;
    height: 100%;
    z-index: 1043;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-close,
.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.mfp-figure:after,
img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

img.mfp-img {
    max-width: 100%;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

.content-text ul li:before,
.title-block__title:after {
    content: '';
    background-color: #f70000
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {

    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

@keyframes pulse {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@keyframes rubberBand {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@keyframes tada {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@keyframes wobble {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    11.1%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes jello {

    11.1%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {

    0%,
    28%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14%,
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes heartBeat {

    0%,
    28%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14%,
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {

    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {

    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.bounceOut,
.flipOutX {
    -webkit-animation-duration: .75s
}

@-webkit-keyframes bounceInDown {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInDown {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInLeft {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInRight {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.title-block {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.title-block__title {
    font-size: 40px;
    color: #333;
    font-weight: 700;
    text-align: left;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    line-height: 50px;
    max-width: 820px
}

@media only screen and (max-width:1199.98px) {
    .title-block__title {
        font-size: 40px
    }
}

@media only screen and (max-width:991.98px) {
    .title-block__title {
        font-size: 30px;
        line-height: 40px
    }
}

@media only screen and (max-width:768.98px) {
    .title-block {
        margin-bottom: 20px
    }

    .title-block__title {
        font-size: 25px;
        line-height: 30px
    }
}

@media only screen and (max-width:480.98px) {
    .title-block__title {
        line-height: 25px
    }
}

.title-block__title:after {
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 80px;
    height: 3px
}

.title-block_center {
    text-align: center;
    margin: 0 auto 40px
}

@media only screen and (max-width:768.98px) {
    .title-block_center {
        margin: 0 auto 20px;
        text-align: center
    }
}

.title-block_center .title-block__title {
    text-align: center;
    margin: 0 auto 40px
}

.title-block_center .title-block__title:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.title-block_white .title-block__sub,
.title-block_white .title-block__title {
    color: #fff
}

.title-block_white:after {
    background-color: #cadaf4
}

.title-block_f-30 .title-block__title {
    font-size: 30px;
    color: #333;
    font-weight: 700;
    line-height: 35px
}

@media only screen and (max-width:1199.98px) {
    .title-block_f-30 .title-block__title {
        font-size: 25px;
        line-height: 30px
    }
}

@media only screen and (max-width:991.98px) {
    .title-block_f-30 .title-block__title {
        font-size: 22px;
        line-height: 26px
    }

    .title-block .arrow {
        display: none
    }
}

@media only screen and (max-width:768.98px) {
    .title-block_f-30 .title-block__title {
        font-size: 20px;
        line-height: 30px
    }
}

@media only screen and (max-width:480.98px) {
    .title-block_f-30 .title-block__title {
        line-height: 25px
    }
}

.content-text a,
.content-text p {
    font-family: Montserrat, sans-serif;
    line-height: 24px
}

.content-text img {
    max-height: 400px;
    margin: auto
}

.content-text img.alignright {
    margin: 10px 0 10px 10px;
    float: right
}

.content-text img.alignleft {
    margin: 10px 10px 10px 0;
    float: left
}

@media only screen and (max-width:768.98px) {
    .content-text img {
        width: 100%;
        max-height: unset
    }
}

.content-text a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin-bottom: 15px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.content-text a img {
    width: auto;
    margin: 0 0 0 5px
}

.content-text p,
.style-input.bottom-20 .customselect,
.style-input.bottom-20 .radio,
.style-input.bottom-20 input,
.style-input.bottom-20 textarea {
    margin-bottom: 20px
}

.content-text a:hover {
    color: #f70000
}

.content-text p {
    font-size: 16px;
    color: #333;
    font-weight: 400
}

.content-text p:last-of-type {
    margin-bottom: 0
}

@media only screen and (max-width:768.98px) {
    .content-text p {
        margin-bottom: 10px
    }

    .content-text p br {
        display: none
    }
}

.content-text p strong {
    color: #333
}

.content-text p a {
    display: inline-block;
    color: #333;
    margin: 0
}

.content-text p a:hover {
    color: #f70000
}

.content-text h1,
.content-text h1 a,
.content-text h2 {
    color: #333;
    font-family: Montserrat, sans-serif
}

.content-text p i {
    font-size: 14px
}

.content-text h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
    -webkit-font-feature-settings: 'tnum' on, 'lnum' on;
    font-feature-settings: 'tnum' on, 'lnum' on
}

@media only screen and (max-width:991.98px) {
    .content-text h1 {
        font-size: 20px;
        line-height: 30px
    }
}

@media only screen and (max-width:768.98px) {
    .content-text h1 {
        font-size: 18px
    }
}

.content-text h1 a {
    font-size: 30px;
    font-weight: 700;
    display: inline-block;
    margin: 0
}

@media only screen and (max-width:991.98px) {
    .content-text h1 a {
        font-size: 23px;
        line-height: 30px
    }
}

@media only screen and (max-width:768.98px) {
    .content-text h1 a {
        font-size: 20px
    }
}

.content-text h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 15px
}

.content-text h2 span {
    color: #cadaf4
}

@media only screen and (max-width:991.98px) {
    .content-text h2 {
        font-size: 20px;
        line-height: 24px
    }
}

@media only screen and (max-width:768.98px) {
    .content-text h2 {
        font-size: 18px
    }
}

.content-text h2 a {
    font-size: 24px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    display: inline-block;
    margin: 0
}

@media only screen and (max-width:991.98px) {
    .content-text h2 a {
        font-size: 20px;
        line-height: 24px
    }
}

.content-text h3,
.content-text h3 a {
    font-size: 18px;
    font-weight: 700;
    color: #333
}

@media only screen and (max-width:768.98px) {
    .content-text h2 a {
        font-size: 18px
    }
}

.content-text h3 {
    font-family: Montserrat, sans-serif;
    line-height: 26px;
    margin: 15px 0
}

.content-text h3 a {
    font-family: Montserrat, sans-serif;
    display: inline-block;
    margin: 0
}

.content-text ol li,
.content-text ul,
.content-text ul li {
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.content-text ul {
    color: #333
}

.content-text ul li {
    position: relative;
    color: #333;
    padding-left: 25px;
    margin: 10px 0
}

.content-text ul li:before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.content-text ul strong {
    color: #232323
}

.content-text ol li {
    position: relative;
    color: #333;
    padding-left: 20px;
    margin-bottom: 10px;
    counter-increment: li
}

.content-text ol li:before {
    content: counter(li) ".";
    color: #f70000;
    font-weight: 700;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.content-text blockquote,
.style-input .checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.content-text ol li strong {
    color: #232323
}

.content-text blockquote {
    padding: 30px 30px 30px 130px;
    margin: 60px 0 30px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #dcdfe3;
    background-color: #ebecf0;
    position: relative;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.content-text blockquote:before {
    content: '';
    width: 74px;
    height: 62px;
    position: absolute;
    top: -31px;
    left: 30px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="72px" height="60.136px" viewBox="0.033 3915.391 72 60.136" enable-background="new 0.033 3915.391 72 60.136" xml:space="preserve"%3E %3Cpath fill="%23f70000" d="M23.081,3942.646c-1.772-0.506-3.544-0.773-5.274-0.773c-2.658,0-4.88,0.604-6.61,1.35 c1.66-6.09,5.654-16.581,13.6-17.763c0.731-0.112,1.336-0.646,1.547-1.364l1.73-6.202c0.141-0.521,0.056-1.083-0.239-1.547 c-0.295-0.45-0.788-0.759-1.322-0.83c-0.591-0.084-1.181-0.126-1.772-0.126c-9.549,0-19,9.957-22.98,24.231 c-2.349,8.368-3.038,20.941,2.729,28.873c3.22,4.43,7.932,6.792,13.993,7.031c0.028,0,0.042,0,0.07,0 c7.482,0,14.106-5.034,16.117-12.249c1.209-4.304,0.661-8.832-1.533-12.728C30.971,3946.696,27.399,3943.884,23.081,3942.646z"/%3E%3Cpath fill="%23f70000" d="M69.871,3950.55c-2.166-3.854-5.752-6.666-10.07-7.918c-1.772-0.506-3.544-0.773-5.274-0.773 c-2.658,0-4.894,0.604-6.61,1.35c1.66-6.089,5.654-16.581,13.6-17.762c0.731-0.113,1.336-0.647,1.547-1.364l1.744-6.188 c0.141-0.521,0.056-1.083-0.239-1.547c-0.295-0.45-0.788-0.759-1.322-0.83c-0.591-0.084-1.182-0.126-1.772-0.126 c-9.549,0-19,9.957-22.994,24.231c-2.334,8.368-3.024,20.955,2.742,28.873c3.221,4.43,7.932,6.792,13.994,7.031 c0.028,0,0.042,0,0.07,0c7.481,0,14.105-5.034,16.117-12.249C72.613,3958.974,72.065,3954.459,69.871,3950.55z"/%3E %3C/svg%3E');
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 1
}

.content-text blockquote p {
    font-size: 16px;
    color: #2b2f3e;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    font-style: italic;
    line-height: 24px
}

.content-text blockquote strong {
    font-size: 16px;
    color: #2b2f3e;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    margin-top: 15px
}

.content-text table tr td:first-child,
.content-text table tr th {
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.content-text table {
    border: 1px solid #e0e2e9;
    border-collapse: collapse
}

@media only screen and (max-width:768.98px) {
    .content-text blockquote:before {
        width: 50px;
        height: 42px
    }

    .content-text blockquote {
        padding: 15px 10px
    }

    .content-text table {
        width: 100%
    }
}

.content-text table tr td {
    border: 1px solid #e0e2e9;
    padding: 15px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content-text table tr td:first-child {
    font-size: 16px
}

@media only screen and (max-width:768.98px) {
    .content-text table tr td:first-child {
        font-size: 15px
    }
}

.content-text table tr th {
    border: 1px solid #e0e2e9;
    padding: 15px 20px;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    background-color: #edeff4;
    text-transform: uppercase;
    vertical-align: middle
}

.content-text table.gray tr th {
    border: 1px solid #eee;
    padding: 15px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    text-align: left;
    background-color: #9c9c9c
}

@media only screen and (max-width:768.98px) {
    .content-text table tr th {
        font-size: 14px;
        line-height: 22px
    }

    .content-text table {
        min-width: 600px
    }

    .content-text iframe {
        height: 320px
    }
}

@media only screen and (max-width:480.98px) {
    .content-text iframe {
        height: 150px
    }
}

.content-text.size-14 p,
.content-text.size-14 ul li {
    font-size: 14px
}

.content-text.size-12 p,
.content-text.size-12 ul li {
    font-size: 12px
}

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

.content-text.white p {
    color: #fff
}

@media only screen and (max-width:1199.98px) {
    .content-index {
        padding-top: 79px
    }
}

@media only screen and (max-width:1050px) {
    .content-index {
        padding-top: 63px
    }
}

@media only screen and (max-width:768.98px) {
    .content-index section {
        padding: 30px 0
    }
}

.content-page {
    padding-top: 80px
}

@media only screen and (max-width:1050px) {
    .content-page {
        padding-top: 70px
    }
}

@media only screen and (max-width:768.98px) {
    .content-page section {
        padding: 30px 0
    }
}

.page-head-block .title-block {
    margin-top: 30px
}

.style-input .checkbox,
.style-input .radio {
    margin-bottom: 0;
    font-family: Montserrat, sans-serif
}

.style-input input[type=text],
.style-input input[type=email],
.style-input input[type=phone],
.style-input input[type=name],
.style-input input[type=tel] {
    width: 100%;
    height: 60px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dcdfe3;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 20px 20px 50px;
    font-size: 14px;
    color: #667283;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    line-height: 24px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.style-input input[type=text].border-90,
.style-input input[type=email].border-90,
.style-input input[type=phone].border-90,
.style-input input[type=name].border-90,
.style-input input[type=tel].border-90 {
    -webkit-border-radius: 90px;
    border-radius: 90px
}

.style-input input[type=text]:active,
.style-input input[type=text]:focus,
.style-input input[type=email]:active,
.style-input input[type=email]:focus,
.style-input input[type=phone]:active,
.style-input input[type=phone]:focus,
.style-input input[type=name]:active,
.style-input input[type=name]:focus,
.style-input input[type=tel]:active,
.style-input input[type=tel]:focus {
    border-color: #404f65
}

.style-input input[type=text]:-moz-placeholder,
.style-input input[type=text]:-ms-input-placeholder,
.style-input input[type=text]::-moz-placeholder,
.style-input input[type=text]::-webkit-input-placeholder,
.style-input input[type=email]:-moz-placeholder,
.style-input input[type=email]:-ms-input-placeholder,
.style-input input[type=email]::-moz-placeholder,
.style-input input[type=email]::-webkit-input-placeholder,
.style-input input[type=phone]:-moz-placeholder,
.style-input input[type=phone]:-ms-input-placeholder,
.style-input input[type=phone]::-moz-placeholder,
.style-input input[type=phone]::-webkit-input-placeholder,
.style-input input[type=name]:-moz-placeholder,
.style-input input[type=name]:-ms-input-placeholder,
.style-input input[type=name]::-moz-placeholder,
.style-input input[type=name]::-webkit-input-placeholder,
.style-input input[type=tel]:-moz-placeholder,
.style-input input[type=tel]:-ms-input-placeholder,
.style-input input[type=tel]::-moz-placeholder,
.style-input input[type=tel]::-webkit-input-placeholder {
    color: #667283
}

.style-input input[type=text]:-moz-placeholder,
.style-input input[type=text]:-ms-input-placeholder,
.style-input input[type=text]::-moz-placeholder,
.style-input input[type=text]::-webkit-input-placeholder,
.style-input input[type=text]::placeholder,
.style-input input[type=email]:-moz-placeholder,
.style-input input[type=email]:-ms-input-placeholder,
.style-input input[type=email]::-moz-placeholder,
.style-input input[type=email]::-webkit-input-placeholder,
.style-input input[type=email]::placeholder,
.style-input input[type=phone]:-moz-placeholder,
.style-input input[type=phone]:-ms-input-placeholder,
.style-input input[type=phone]::-moz-placeholder,
.style-input input[type=phone]::-webkit-input-placeholder,
.style-input input[type=phone]::placeholder,
.style-input input[type=name]:-moz-placeholder,
.style-input input[type=name]:-ms-input-placeholder,
.style-input input[type=name]::-moz-placeholder,
.style-input input[type=name]::-webkit-input-placeholder,
.style-input input[type=name]::placeholder,
.style-input input[type=tel]:-moz-placeholder,
.style-input input[type=tel]:-ms-input-placeholder,
.style-input input[type=tel]::-moz-placeholder,
.style-input input[type=tel]::-webkit-input-placeholder,
.style-input input[type=tel]::placeholder {
    color: #667283
}

@media only screen and (max-width:480.98px) {

    .style-input input[type=text],
    .style-input input[type=email],
    .style-input input[type=phone],
    .style-input input[type=name],
    .style-input input[type=tel] {
        height: 50px;
        padding: 15px 15px 15px 45px
    }
}

.style-input input[type=text].error,
.style-input input[type=text].wpcf7-not-valid,
.style-input input[type=email].error,
.style-input input[type=email].wpcf7-not-valid,
.style-input input[type=phone].error,
.style-input input[type=phone].wpcf7-not-valid,
.style-input input[type=name].error,
.style-input input[type=name].wpcf7-not-valid,
.style-input input[type=tel].error,
.style-input input[type=tel].wpcf7-not-valid {
    border: 1px solid #d63254
}

.style-input textarea {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dcdfe3;
    background-color: #fff;
    padding: 20px 20px 5px 50px;
    width: 100%;
    resize: none;
    min-height: 170px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.style-input .checkbox .icon,
.style-input .radio .icon {
    position: relative;
    -webkit-transition: all ease-in-out .2s
}

.style-input textarea:active,
.style-input textarea:focus {
    border-color: #404f65
}

.style-input textarea~.icon {
    top: 29px
}

.style-input textarea.error,
.style-input textarea.wpcf7-not-valid {
    border: 1px solid #d63254
}

.style-input .checkbox {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 20px;
    color: #333;
    font-weight: 400
}

.style-input .checkbox .icon,
.style-input .radio {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.style-input .checkbox .icon {
    min-width: 30px;
    height: 30px;
    border: 1px solid #dcdfe3;
    background: center center no-repeat #fff;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.style-input .checkbox input[type=checkbox],
.style-input .checkbox input[type=radio] {
    visibility: hidden;
    opacity: 0;
    display: none
}

.style-input .checkbox input[type=checkbox]:checked+div.icon,
.style-input .checkbox input[type=radio]:checked+div.icon {
    background-color: #404f65;
    border-color: #404f65;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="15px" height="12.159px" viewBox="0 0 15 12.159" enable-background="new 0 0 15 12.159"%3E%3Cpolygon fill="%23FFFFFF" points="4.396,9.014 1.559,6.176 0,7.735 3.743,11.478 3.746,11.475 4.43,12.159 15,1.589 13.411,0 "/%3E%3C/svg%3E')
}

.style-input .checkbox:hover .icon {
    -webkit-box-shadow: 0 5px 7px rgba(1, 10, 44, .07);
    box-shadow: 0 5px 7px rgba(1, 10, 44, .07)
}

.style-input .radio {
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 17px;
    color: #9c9c9c;
    font-weight: 500
}

.style-input .radio:hover {
    color: #cadaf4
}

.style-input .radio .icon {
    min-width: 20px;
    height: 20px;
    border: 1px solid #575757;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    margin-right: 7px
}

.style-input .radio .icon:after {
    content: '';
    background-color: transparent;
    width: 14px;
    height: 14px;
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.style-input .radio input[type=checkbox]:checked+div.icon:after,
.style-input .radio input[type=radio]:checked+div.icon:after {
    background-color: #cadaf4
}

.all-link,
.scrolltotop {
    -o-transition: all ease-in-out .2s
}

.style-input .radio input[type=checkbox],
.style-input .radio input[type=radio] {
    visibility: hidden;
    opacity: 0;
    display: none
}

.style-input .radio input[type=checkbox]:checked+div.icon,
.style-input .radio input[type=radio]:checked+div.icon {
    border: 1px solid #cadaf4
}

.style-input label.placeholder {
    display: inline-block;
    font-size: 12px;
    color: #333;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    margin-bottom: 7px
}

.style-input span.wpcf7-not-valid-tip {
    font-size: 12px;
    color: #f70000;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    position: absolute;
    width: 100%;
    z-index: 1;
    margin-top: 5px;
    left: 0;
    bottom: -15px
}

.cf7sg-container .screen-reader-response {
    display: none
}

.cf7sg-container span.wpcf7-form-control-wrap {
    position: relative;
    display: block
}

.cf7sg-container span.ajax-loader {
    display: none
}

.cf7sg-container .wpcf7-response-output {
    padding: 15px 20px;
    margin: 30px auto 0;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    max-width: 500px;
    text-align: center;
    display: none
}

.cf7sg-container .wpcf7-response-output.wpcf7-validation-errors {
    display: none !important
}

.cf7sg-container .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #009200;
    border: 1px solid #009200;
    background-color: rgba(0, 146, 0, .1)
}

.js-tabs-content {
    display: none
}

.js-tabs-content.active {
    display: block
}

.hint-content,
.popup-bg {
    display: none
}

.popup-bg {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(26, 26, 26, .6);
    cursor: pointer
}

.popup-bg.active {
    display: block
}

.no-scroll {
    overflow: hidden !important;
    position: fixed !important
}

.scrolltotop {
    position: fixed;
    width: 50px;
    height: 50px;
    right: 15px;
    bottom: 60px;
    background-color: #232323;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    z-index: 9;
    -webkit-box-shadow: 0 6.93px 25.98px rgba(0, 0, 0, .25);
    box-shadow: 0 6.93px 25.98px rgba(0, 0, 0, .25)
}

.all-link,
.js-accordion1 {
    -webkit-transition: all ease-in-out .2s
}

.scrolltotop:hover {
    background-color: rgba(35, 35, 35, .8)
}

.scrolltotop svg {
    fill: #fff;
    width: 21px;
    height: 10px
}

label.error {
    font-size: 12px;
    color: #DE958D;
    font-weight: 300;
    font-family: Montserrat, sans-serif;
    width: 100%;
    position: absolute;
    bottom: -15px;
    left: 15px;
    z-index: 1
}

.all-link,
.button,
.home-page .fixed-label__wrapper,
.js-accordion1 .ui-accordion-header,
.phone-fixed-wrapper__head .title,
.wrapper-content-section .title {
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.table-overflow {
    overflow: auto
}

.footer,
.handle-counter,
.handle-counter-p,
.portfolio-items__content,
.wSitemap ul li a,
.wSitemap>ul,
section.overflow-h {
    overflow: hidden
}

.all-link {
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    transition: all ease-in-out .2s
}

.all-link svg {
    margin-left: 15px
}

.all-link:hover {
    color: #cadaf4
}

.js-accordion1 {
    opacity: 0;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.js-accordion1.ui-accordion {
    opacity: 1
}

.js-accordion1 li {
    -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, .03);
    box-shadow: 0 12px 24px rgba(0, 0, 0, .03);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff
}

.js-accordion1 li~li .ui-accordion-header {
    margin-top: 20px
}

.js-accordion1 .ui-accordion-header {
    border: none;
    margin: 0;
    background-color: #fff;
    padding: 20px 30px;
    font-size: 16px;
    color: #333;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.js-accordion1 .ui-accordion-header .ui-accordion-header-icon {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="26px" height="26px" viewBox="0 0 26 26" enable-background="new 0 0 26 26"%3E %3Cg%3E %3Cg transform="translate(-645 -567)"%3E %3Cg%3E %3Cpath id="oajda" fill="%23FF8E00" d="M645,580c0-7.18,5.82-13,13-13c7.18,0,13,5.82,13,13c0,7.18-5.82,13-13,13 C650.82,593,645,587.18,645,580z"/%3E %3C/g%3E %3C/g%3E %3Cg transform="translate(-645 -567)"%3E %3Cg%3E %3Cpath id="oajdb" fill="%23FFFFFF" fill-opacity="0" stroke="%23FFFFFF" stroke-linecap="square" stroke-miterlimit="50" d=" M663.51,580H652"/%3E %3C/g%3E %3C/g%3E %3Cg transform="translate(-645 -567)"%3E %3Cg%3E %3Cpath id="oajdc" fill="%23FFFFFF" fill-opacity="0" stroke="%23FFFFFF" stroke-linecap="square" stroke-miterlimit="50" d=" M658,585.023V573.49"/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E');
    width: 26px;
    height: 26px;
    background-color: #ff8e00;
    background-position: center center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px
}

.js-accordion1 .ui-accordion-header.ui-state-active {
    color: #333
}

.js-accordion1 .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="13px" height="2px" viewBox="0 0 13 2" enable-background="new 0 0 13 2"%3E %3Cg%3E %3Cg transform="translate(-652 -405)"%3E %3Cg%3E %3Cpath id="nnpba" fill="%23FFFFFF" fill-opacity="0" stroke="%23FFFFFF" stroke-linecap="square" stroke-miterlimit="50" d=" M664.51,406H653"/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E')
}

.js-accordion1 .ui-accordion-header:hover {
    background-color: rgba(202, 218, 244, .2)
}

.js-accordion1 .ui-accordion-content {
    border: none;
    border-top: 1px solid #d8d8d8
}

@media only screen and (max-width:768.98px) {

    .js-accordion1 .ui-accordion-content,
    .js-accordion1 .ui-accordion-header {
        padding: 10px
    }
}

.our-services-items-content .tab-content {
    opacity: 0;
    visibility: hidden;
    height: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

.our-services-items-content .tab-content .title-block {
    display: none
}

@media only screen and (max-width:991.98px) {
    .our-services-items-content .tab-content .title-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 25px
    }
}

.our-services-items-content .tab-content.active {
    opacity: 1;
    visibility: visible;
    height: auto;
    min-height: 100%
}

section.white {
    background-image: #fff
}

section.gray {
    background-color: #f3f4f8
}

section.gray.form-add-before {
    position: relative
}

section.gray.form-add-before:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: -100%;
    background-color: #f3f4f8;
    z-index: -1
}

section.padding-80 {
    padding: 80px 0
}

@media only screen and (max-width:768.98px) {
    section.padding-80 {
        padding: 30px 0
    }
}

section.padding-top-0 {
    padding-top: 0
}

section.padding-bottom-0 {
    padding-bottom: 0
}

section.resize-bg {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

section .arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section .arrow_mob {
    display: none
}

section .arrow__next,
section .arrow__prev {
    width: 50px;
    height: 50px;
    border: 1px solid #e0e2e9;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    cursor: pointer
}

@media only screen and (max-width:991.98px) {
    section .arrow_mob {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    section .arrow__next,
    section .arrow__prev {
        position: absolute;
        bottom: 0;
        cursor: pointer;
        width: 60px;
        height: 60px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #f70000;
        background-color: #f70000;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all ease-in-out .2s;
        -o-transition: all ease-in-out .2s;
        transition: all ease-in-out .2s
    }
}

.phone-fixed-wrapper,
section .slick-dots li {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

@media only screen and (max-width:768.98px) {

    section .arrow__next,
    section .arrow__prev {
        width: 50px;
        height: 50px
    }
}

section .arrow__next:hover,
section .arrow__prev:hover {
    -webkit-box-shadow: 0 9px 18px rgba(37, 41, 56, .11);
    box-shadow: 0 9px 18px rgba(37, 41, 56, .11);
    border-color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

section .arrow__next:hover svg,
section .arrow__prev:hover svg {
    fill: #fff
}

section .arrow__prev {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%23697086" d="M301.14,3805.529l5.275-5.278c0.337-0.337,0.88-0.337,1.217,0c0.337,0.336,0.337,0.88,0,1.214l-4.669,4.669l4.669,4.672 c0.337,0.336,0.337,0.88,0,1.214c-0.337,0.337-0.88,0.337-1.217,0l-5.278-5.278c-0.168-0.168-0.252-0.388-0.252-0.608 C300.888,3805.918,300.972,3805.698,301.14,3805.529z"/%3E %3C/svg%3E');
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    margin-right: -1px
}

@media only screen and (max-width:991.98px) {
    section .arrow__prev {
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%23ffffff" d="M301.14,3805.529l5.275-5.278c0.337-0.337,0.88-0.337,1.217,0c0.337,0.336,0.337,0.88,0,1.214l-4.669,4.669l4.669,4.672 c0.337,0.336,0.337,0.88,0,1.214c-0.337,0.337-0.88,0.337-1.217,0l-5.278-5.278c-0.168-0.168-0.252-0.388-0.252-0.608 C300.888,3805.918,300.972,3805.698,301.14,3805.529z"/%3E %3C/svg%3E');
        left: 0;
        -webkit-border-radius: 4px;
        border-radius: 4px
    }
}

section .arrow__next {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%23697086" d="M307.63,3806.744l-5.275,5.278c-0.337,0.337-0.88,0.337-1.217,0c-0.337-0.336-0.337-0.88,0-1.214l4.669-4.669l-4.669-4.672 c-0.337-0.336-0.337-0.88,0-1.214c0.337-0.337,0.88-0.337,1.217,0l5.278,5.278c0.168,0.168,0.252,0.388,0.252,0.608 C307.882,3806.355,307.798,3806.576,307.63,3806.744z"/%3E %3C/svg%3E');
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

@media only screen and (max-width:991.98px) {
    section .arrow__next {
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%23ffffff" d="M307.63,3806.744l-5.275,5.278c-0.337,0.337-0.88,0.337-1.217,0c-0.337-0.336-0.337-0.88,0-1.214l4.669-4.669l-4.669-4.672 c-0.337-0.336-0.337-0.88,0-1.214c0.337-0.337,0.88-0.337,1.217,0l5.278,5.278c0.168,0.168,0.252,0.388,0.252,0.608 C307.882,3806.355,307.798,3806.576,307.63,3806.744z"/%3E %3C/svg%3E');
        right: 0;
        -webkit-border-radius: 4px;
        border-radius: 4px
    }
}

section .slick-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 220px;
    margin: 65px auto 0;
    padding-bottom: 25px
}

@media only screen and (max-width:1199.98px) {
    section .slick-dots {
        margin: 50px auto 0
    }
}

@media only screen and (max-width:480.98px) {

    section .arrow__next,
    section .arrow__prev {
        width: 45px;
        height: 45px
    }

    section .slick-dots {
        max-width: 140px;
        margin: 40px auto 0;
        padding-bottom: 20px
    }
}

section .slick-dots li {
    min-width: 10px;
    max-width: 10px;
    width: 100%;
    height: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f70000;
    opacity: .4;
    transition: all ease-in-out .2s
}

section .slick-dots li.slick-active {
    min-width: 30px;
    max-width: 30px;
    height: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    opacity: 1
}

section .slick-dots li~li {
    margin-left: 10px
}

.arrow__next.slick-hidden,
.arrow__prev.slick-hidden,
section .slick-dots li button {
    display: none
}

.wrapper-content-section {
    max-width: 1200px;
    margin: 0 auto
}

.wrapper-content-section .title {
    font-size: 30px;
    color: #333;
    margin-bottom: 20px
}

.wrapper-content-section .image {
    margin-bottom: 20px;
    width: 100%
}

.home-page .fixed-label {
    position: fixed;
    opacity: 1;
    top: 50%;
    left: -webkit-calc(0% - 160px);
    left: calc(0% - 160px);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    z-index: 1
}

.home-page .fixed-label__wrapper {
    padding: 15px 15px 15px 30px;
    font-size: 16px;
    color: #fff;
    background-color: rgba(247, 0, 0, .5);
    max-width: 310px;
    -webkit-clip-path: polygon(8% 0, 100% 0, 100% 100%, 8% 100%, 0 50%);
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 8% 100%, 0 50%);
    margin-left: 10px
}

.home-page .fixed-label-icon {
    width: 79px;
    height: 79px;
    border: 1px solid rgba(247, 0, 0, .5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media only screen and (max-width:991.98px) {
    .home-page .fixed-label-icon {
        border-color: #fff
    }
}

.home-page .fixed-label-icon__wrapper {
    width: 70px;
    height: 70px;
    -webkit-box-shadow: 0 9px 24px rgba(255, 0, 0, .21);
    box-shadow: 0 9px 24px rgba(255, 0, 0, .21);
    background-color: red;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-page .fixed-label-icon__wrapper svg {
    fill: #fff
}

.lang-item-de,
.lang-item-pl {
    display: none
}

.text-tab-h {
    opacity: 0;
    visibility: hidden;
    height: 0;
    width: 0
}

.phone-fixed-wrapper {
    position: fixed;
    bottom: 50px;
    right: -webkit-calc(-445px + 40px);
    right: calc(-445px + 40px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 445px;
    width: 100%;
    z-index: 1000;
    transition: all ease-in-out .2s
}

.phone-fixed-wrapper__btn,
.phone-wrap-f,
.phone-wrap-f__icon-wrap,
.phone-wrap-f__item {
    position: relative
}

.phone-fixed-wrapper__btn,
.phone-wrap-f .wpcf7-response-output:after {
    background-repeat: no-repeat;
    -webkit-transition: all ease-in-out .2s;
    cursor: pointer
}

@media only screen and (max-width:600px) {
    .phone-fixed-wrapper {
        max-width: 360px;
        right: -webkit-calc(-360px + 40px);
        right: calc(-360px + 40px);
        bottom: 20px
    }

    .phone-fixed-wrapper__btn.active {
        height: auto
    }
}

@media only screen and (max-width:480.98px) {
    .phone-fixed-wrapper {
        right: -webkit-calc(-360px + 30px);
        right: calc(-360px + 30px)
    }
}

.phone-fixed-wrapper.active {
    -webkit-box-shadow: 0 20px 35px rgba(51, 57, 61, .1);
    box-shadow: 0 20px 35px rgba(51, 57, 61, .1);
    right: 0
}

.phone-fixed-wrapper__btn {
    min-width: 40px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    background-color: #f70000;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18px" height="17.987px" viewBox="-0.037 123.511 18 17.987" enable-background="new -0.037 123.511 18 17.987" fill="%23ffffff"%3E%3Cpath d="M17.955,137.706c0.037,0.293-0.05,0.545-0.268,0.763l-2.534,2.516c-0.115,0.127-0.265,0.237-0.449,0.324 c-0.184,0.09-0.364,0.146-0.542,0.171c-0.013,0-0.05,0.003-0.115,0.009c-0.063,0.006-0.146,0.009-0.249,0.009 c-0.243,0-0.632-0.041-1.171-0.125s-1.202-0.287-1.98-0.61c-0.782-0.324-1.669-0.81-2.659-1.457s-2.046-1.538-3.164-2.668 c-0.891-0.878-1.625-1.715-2.21-2.516c-0.585-0.8-1.056-1.542-1.411-2.22s-0.623-1.295-0.8-1.85 c-0.177-0.554-0.299-1.027-0.361-1.429c-0.063-0.402-0.09-0.713-0.075-0.944c0.013-0.227,0.019-0.355,0.019-0.38 c0.025-0.177,0.084-0.358,0.171-0.542c0.087-0.184,0.196-0.333,0.324-0.448l2.534-2.532c0.178-0.177,0.38-0.268,0.61-0.268 c0.165,0,0.312,0.047,0.439,0.143c0.128,0.097,0.233,0.212,0.324,0.352l2.04,3.867c0.115,0.202,0.146,0.426,0.097,0.666 s-0.159,0.445-0.324,0.61l-0.934,0.934c-0.025,0.025-0.047,0.065-0.065,0.125c-0.019,0.059-0.028,0.106-0.028,0.144 c0.05,0.268,0.165,0.573,0.343,0.915c0.152,0.305,0.386,0.676,0.704,1.115c0.317,0.439,0.769,0.943,1.354,1.517 c0.573,0.585,1.08,1.04,1.525,1.364c0.445,0.324,0.816,0.563,1.115,0.713s0.526,0.246,0.685,0.277l0.237,0.047 c0.025,0,0.065-0.009,0.125-0.028c0.056-0.019,0.1-0.041,0.125-0.065l1.086-1.105c0.228-0.202,0.495-0.305,0.8-0.305 c0.215,0,0.386,0.038,0.514,0.115h0.019l3.677,2.173C17.746,137.242,17.905,137.454,17.955,137.706z"/%3E%3C/svg%3E');
    background-position: center
}

.phone-fixed-wrapper__btn.active {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="11px" height="17.838px" viewBox="114.193 123.305 11 17.838" enable-background="new 114.193 123.305 11 17.838" xml:space="preserve" fill="%23ffffff" %3E %3Cg%3E %3Cg id="chevron-right"%3E %3Cpolygon points="116.268,123.305 114.193,125.386 121.025,132.224 114.193,139.062 116.268,141.143 125.193,132.224 "/%3E %3C/g%3E %3C/g%3E %3C/svg%3E')
}

.phone-fixed-wrapper__btn:hover {
    -webkit-box-shadow: 0 16px 24px rgba(247, 0, 0, .26);
    box-shadow: 0 16px 24px rgba(247, 0, 0, .26)
}

@media only screen and (max-width:600px) {
    .phone-fixed-wrapper__btn {
        height: 90px
    }
}

@media only screen and (max-width:480.98px) {
    .phone-fixed-wrapper__btn {
        min-width: 30px;
        -webkit-background-size: 15px 15px;
        background-size: 15px 15px
    }
}

.phone-fixed-wrapper__content {
    height: 100%;
    width: 100%
}

.phone-fixed-wrapper__head {
    padding: 15px 20px;
    background-color: #ebeef0
}

.phone-fixed-wrapper__head .title {
    font-size: 20px;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 15px
}

@media only screen and (max-width:600px) {
    .phone-fixed-wrapper__head {
        padding: 15px
    }

    .phone-fixed-wrapper__head .title {
        margin-bottom: 0;
        font-size: 16px
    }

    .phone-fixed-wrapper__head .title-sub {
        display: none
    }
}

.phone-fixed-wrapper__head .title-sub {
    font-size: 14px;
    color: #64656a;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    line-height: 20px
}

.phone-fixed-wrapper__bottom {
    padding: 15px 20px 20px;
    background-color: #fff
}

@media only screen and (max-width:600px) {
    .phone-fixed-wrapper__bottom {
        padding: 15px 15px 20px
    }
}

.phone-wrap-f div.wpcf7 form .ajax-loader {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
    border: 2px solid transparent;
    border-top-color: #f70000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: 1s loader linear infinite;
    animation: 1s loader linear infinite;
    position: absolute;
    right: 145px;
    margin: 0;
    padding: 0;
    background-image: none
}

.phone-wrap-f div.wpcf7 form .ajax-loader:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -2px;
    left: -2px;
    border: 2px solid #f70000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: .5
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.phone-wrap-f span.wpcf7-not-valid-tip {
    font-size: 12px;
    color: #f70000;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    width: -webkit-calc(100% + 144px);
    width: calc(100% + 144px);
    position: absolute;
    z-index: 1;
    margin-top: 3px
}

.phone-wrap-f .wpcf7-response-output {
    padding: 15px 20px;
    margin: 0;
    font-size: 16px;
    color: #009200;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    border: 1px solid #009200;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    max-width: 500px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

@media only screen and (max-width:600px) {
    .phone-wrap-f div.wpcf7 form .ajax-loader {
        right: 70px
    }

    .phone-wrap-f .wpcf7-response-output {
        font-size: 14px
    }
}

.phone-wrap-f .wpcf7-response-output:after {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    right: 5px;
    top: 5px;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="%23333333"%3E %3Crect x="1.45459" width="20.5703" height="2.05704" rx="1.02852" transform="rotate(45 1.45459 0)"/%3E %3Crect y="14.5454" width="20.5703" height="2.05704" rx="1.02852" transform="rotate(-45 0 14.5454)"/%3E %3C/svg%3E');
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.phone-wrap-f .wpcf7-response-output:after:hover {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="%23f70000"%3E %3Crect x="1.45459" width="20.5703" height="2.05704" rx="1.02852" transform="rotate(45 1.45459 0)"/%3E %3Crect y="14.5454" width="20.5703" height="2.05704" rx="1.02852" transform="rotate(-45 0 14.5454)"/%3E %3C/svg%3E')
}

.phone-wrap-f .wpcf7-response-output.wpcf7-validation-errors {
    display: none !important
}

.phone-wrap-f__item,
.wrapp-preloader {
    -webkit-box-align: center;
    display: -webkit-flex
}

.phone-wrap-f .wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #e5f4e5
}

.phone-wrap-f__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.phone-wrap-f__icon-wrap .icon-f {
    position: absolute;
    left: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.phone-wrap-f__icon-wrap input[type=tel] {
    max-width: 360px;
    width: 100%;
    height: 60px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    border: 1px solid #dedfe3;
    border-right: 0;
    background-color: #fff;
    padding: 20px 10px 20px 40px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.phone-wrap-f__icon-wrap input[type=tel]:active,
.phone-wrap-f__icon-wrap input[type=tel]:focus {
    border-color: #333
}

.phone-wrap-f__icon-wrap input[type=tel].wpcf7-not-valid {
    border-color: #f70000
}

.phone-wrap-f .button {
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    max-width: 144px;
    padding: 0 20px
}

@media only screen and (max-width:600px) {
    .phone-wrap-f .button {
        max-width: 60px;
        width: 100%;
        padding: 0;
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 473.806 473.806" style="enable-background:new 0 0 473.806 473.806;" xml:space="preserve" fill="%23ffffff"%3E%3Cpath d="M374.456,293.506c-9.7-10.1-21.4-15.5-33.8-15.5c-12.3,0-24.1,5.3-34.2,15.4l-31.6,31.5c-2.6-1.4-5.2-2.7-7.7-4 c-3.6-1.8-7-3.5-9.9-5.3c-29.6-18.8-56.5-43.3-82.3-75c-12.5-15.8-20.9-29.1-27-42.6c8.2-7.5,15.8-15.3,23.2-22.8 c2.8-2.8,5.6-5.7,8.4-8.5c21-21,21-48.2,0-69.2l-27.3-27.3c-3.1-3.1-6.3-6.3-9.3-9.5c-6-6.2-12.3-12.6-18.8-18.6 c-9.7-9.6-21.3-14.7-33.5-14.7s-24,5.1-34,14.7c-0.1,0.1-0.1,0.1-0.2,0.2l-34,34.3c-12.8,12.8-20.1,28.4-21.7,46.5 c-2.4,29.2,6.2,56.4,12.8,74.2c16.2,43.7,40.4,84.2,76.5,127.6c43.8,52.3,96.5,93.6,156.7,122.7c23,10.9,53.7,23.8,88,26 c2.1,0.1,4.3,0.2,6.3,0.2c23.1,0,42.5-8.3,57.7-24.8c0.1-0.2,0.3-0.3,0.4-0.5c5.2-6.3,11.2-12,17.5-18.1c4.3-4.1,8.7-8.4,13-12.9 c9.9-10.3,15.1-22.3,15.1-34.6c0-12.4-5.3-24.3-15.4-34.3L374.456,293.506z M410.256,398.806 C410.156,398.806,410.156,398.906,410.256,398.806c-3.9,4.2-7.9,8-12.2,12.2c-6.5,6.2-13.1,12.7-19.3,20 c-10.1,10.8-22,15.9-37.6,15.9c-1.5,0-3.1,0-4.6-0.1c-29.7-1.9-57.3-13.5-78-23.4c-56.6-27.4-106.3-66.3-147.6-115.6 c-34.1-41.1-56.9-79.1-72-119.9c-9.3-24.9-12.7-44.3-11.2-62.6c1-11.7,5.5-21.4,13.8-29.7l34.1-34.1c4.9-4.6,10.1-7.1,15.2-7.1 c6.3,0,11.4,3.8,14.6,7c0.1,0.1,0.2,0.2,0.3,0.3c6.1,5.7,11.9,11.6,18,17.9c3.1,3.2,6.3,6.4,9.5,9.7l27.3,27.3 c10.6,10.6,10.6,20.4,0,31c-2.9,2.9-5.7,5.8-8.6,8.6c-8.4,8.6-16.4,16.6-25.1,24.4c-0.2,0.2-0.4,0.3-0.5,0.5 c-8.6,8.6-7,17-5.2,22.7c0.1,0.3,0.2,0.6,0.3,0.9c7.1,17.2,17.1,33.4,32.3,52.7l0.1,0.1c27.6,34,56.7,60.5,88.8,80.8 c4.1,2.6,8.3,4.7,12.3,6.7c3.6,1.8,7,3.5,9.9,5.3c0.4,0.2,0.8,0.5,1.2,0.7c3.4,1.7,6.6,2.5,9.9,2.5c8.3,0,13.5-5.2,15.2-6.9 l34.2-34.2c3.4-3.4,8.8-7.5,15.1-7.5c6.2,0,11.3,3.9,14.4,7.3c0.1,0.1,0.1,0.1,0.2,0.2l55.1,55.1 C420.456,377.706,420.456,388.206,410.256,398.806z"/%3E%3Cpath d="M256.056,112.706c26.2,4.4,50,16.8,69,35.8s31.3,42.8,35.8,69c1.1,6.6,6.8,11.2,13.3,11.2c0.8,0,1.5-0.1,2.3-0.2 c7.4-1.2,12.3-8.2,11.1-15.6c-5.4-31.7-20.4-60.6-43.3-83.5s-51.8-37.9-83.5-43.3c-7.4-1.2-14.3,3.7-15.6,11 S248.656,111.506,256.056,112.706z"/%3E%3Cpath d="M473.256,209.006c-8.9-52.2-33.5-99.7-71.3-137.5s-85.3-62.4-137.5-71.3c-7.3-1.3-14.2,3.7-15.5,11 c-1.2,7.4,3.7,14.3,11.1,15.6c46.6,7.9,89.1,30,122.9,63.7c33.8,33.8,55.8,76.3,63.7,122.9c1.1,6.6,6.8,11.2,13.3,11.2 c0.8,0,1.5-0.1,2.3-0.2C469.556,223.306,474.556,216.306,473.256,209.006z"/%3E%3C/svg%3E');
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px;
        font-size: 0
    }

    .phone-wrap-f .button:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.grecaptcha-badge {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important
}

.wrapp-preloader {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2000;
    background: #fff;
    -webkit-animation: fadeInFromNone 3.5s linear;
    animation: fadeInFromNone 3.5s linear;
    opacity: 0;
    visibility: hidden
}

.js-slider-auto .slick-arrow,
.js-slider-auto .slick-dots {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    z-index: 1;
    position: absolute
}

@-webkit-keyframes fadeInFromNone {

    0%,
    1% {
        opacity: 1;
        visibility: visible
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeInFromNone {

    0%,
    1% {
        opacity: 1;
        visibility: visible
    }

    100% {
        opacity: 0
    }
}

.preloader-logo svg {
    width: 140px;
    height: 130px
}

.preloader-logo .path {
    -webkit-animation: draw 3.5s infinite;
    animation: draw 3.5s infinite;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@-webkit-keyframes draw {
    50% {
        stroke-dashoffset: 0
    }
}

@keyframes draw {
    50% {
        stroke-dashoffset: 0
    }
}

.js-slider-auto .slick-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #2b2f3e;
    background-color: #e5e5ee;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:480.98px) {
    .js-slider-auto .slick-arrow {
        width: 50px;
        height: 50px
    }
}

.js-slider-auto .slick-arrow.slick-prev {
    left: 15px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%232b2f3e" d="M301.14,3805.529l5.275-5.278c0.337-0.337,0.88-0.337,1.217,0c0.337,0.336,0.337,0.88,0,1.214l-4.669,4.669l4.669,4.672 c0.337,0.336,0.337,0.88,0,1.214c-0.337,0.337-0.88,0.337-1.217,0l-5.278-5.278c-0.168-0.168-0.252-0.388-0.252-0.608 C300.888,3805.918,300.972,3805.698,301.14,3805.529z"/%3E %3C/svg%3E')
}

.js-slider-auto .slick-arrow.slick-next {
    right: 15px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%232b2f3e" d="M307.63,3806.744l-5.275,5.278c-0.337,0.337-0.88,0.337-1.217,0c-0.337-0.336-0.337-0.88,0-1.214l4.669-4.669l-4.669-4.672 c-0.337-0.336-0.337-0.88,0-1.214c0.337-0.337,0.88-0.337,1.217,0l5.278,5.278c0.168,0.168,0.252,0.388,0.252,0.608 C307.882,3806.355,307.798,3806.576,307.63,3806.744z"/%3E %3C/svg%3E')
}

.js-slider-auto .slick-arrow:hover.slick-prev,
.stock-slider-nav .slick-arrow.slick-prev {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%23ffffff" d="M301.14,3805.529l5.275-5.278c0.337-0.337,0.88-0.337,1.217,0c0.337,0.336,0.337,0.88,0,1.214l-4.669,4.669l4.669,4.672 c0.337,0.336,0.337,0.88,0,1.214c-0.337,0.337-0.88,0.337-1.217,0l-5.278-5.278c-0.168-0.168-0.252-0.388-0.252-0.608 C300.888,3805.918,300.972,3805.698,301.14,3805.529z"/%3E %3C/svg%3E')
}

.js-slider-auto .slick-arrow:hover {
    -webkit-box-shadow: 0 20px 40px rgba(238, 65, 101, .26);
    box-shadow: 0 20px 40px rgba(238, 65, 101, .26);
    background-color: #f70000;
    border-color: #f70000
}

.button:hover,
.jobs-items__wrapper:hover {
    -webkit-box-shadow: 0 16px 24px rgba(247, 0, 0, .26)
}

.js-slider-auto .slick-arrow:hover.slick-next {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%23ffffff" d="M307.63,3806.744l-5.275,5.278c-0.337,0.337-0.88,0.337-1.217,0c-0.337-0.336-0.337-0.88,0-1.214l4.669-4.669l-4.669-4.672 c-0.337-0.336-0.337-0.88,0-1.214c0.337-0.337,0.88-0.337,1.217,0l5.278,5.278c0.168,0.168,0.252,0.388,0.252,0.608 C307.882,3806.355,307.798,3806.576,307.63,3806.744z"/%3E %3C/svg%3E')
}

.js-slider-auto .slick-arrow:focus {
    outline: 0
}

.js-slider-auto .slick-dots {
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 220px;
    padding: 0;
    margin: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 20px
}

.notice-service-table {
    border: 1px solid #e0e2e9;
    border-top: 0;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.notice-service-table .icon-f {
    display: inline-block;
    margin-right: 10px;
    min-width: 15px;
    height: 15px
}

.button-group .button {
    display: inline-block
}

.container {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 1410px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row__content,
.row__sidebar {
    -webkit-box-sizing: border-box
}

@media only screen and (max-width:1480px) {
    .container {
        max-width: 1300px
    }
}

@media only screen and (max-width:1380px) {
    .container {
        max-width: 1200px
    }
}

@media (max-width:768.98px) {
    .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.container_small {
    max-width: 900px
}

.container_large {
    max-width: 1600px
}

.container_expand {
    max-width: none
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

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

.row__content {
    padding: 0 15px;
    width: 75%;
    box-sizing: border-box
}

@media only screen and (max-width:1450px) {
    .row__content {
        width: 70%
    }
}

@media only screen and (max-width:1199.98px) {
    .row__content {
        width: 65%
    }
}

@media only screen and (max-width:991.98px) {
    .row__content {
        width: 60%
    }
}

@media only screen and (max-width:850px) {
    .row__content {
        width: 100%
    }
}

.row__sidebar {
    padding: 0 15px;
    width: 25%;
    box-sizing: border-box
}

@media only screen and (max-width:1450px) {
    .row__sidebar {
        width: 30%
    }
}

@media only screen and (max-width:1199.98px) {
    .row__sidebar {
        width: 35%
    }
}

@media only screen and (max-width:991.98px) {
    .row__sidebar {
        width: 40%
    }
}

.row__sidebar>div+div {
    margin-top: 30px
}

@media only screen and (max-width:850px) {
    .row__sidebar {
        width: 100%
    }

    .row__sidebar>div {
        margin-bottom: 20px
    }

    .row__sidebar>div+div {
        margin-top: 0
    }
}

.button {
    font-size: 14px;
    color: #fff;
    display: block;
    outline: 0;
    white-space: nowrap;
    height: 60px;
    line-height: 60px;
    background-color: #f70000;
    border: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0 35px;
    text-align: center;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.btn-line,
.button-copy {
    font-size: 16px;
    position: relative
}

@media only screen and (max-width:480.98px) {
    .button {
        height: 50px;
        line-height: 50px
    }
}

.button:hover {
    box-shadow: 0 16px 24px rgba(247, 0, 0, .26)
}

.button:active {
    background-color: #e60505
}

.button_primary {
    color: #fff
}

.button_color-p {
    color: #404f65
}

.button_color-p:hover {
    color: #232323
}

.button_secondary {
    background-color: #404f65;
    color: #fff
}

.button_secondary:hover {
    -webkit-box-shadow: 0 21px 29px rgba(1, 10, 44, .14);
    box-shadow: 0 21px 29px rgba(1, 10, 44, .14)
}

.button_secondary:active {
    background-color: #2e3c52
}

.button_transparent {
    border: 1px solid #f70000;
    color: #f70000;
    background-color: transparent
}

.button_transparent:hover {
    color: #fff;
    background-color: #f70000;
    -webkit-box-shadow: 0 16px 24px rgba(238, 65, 101, .26);
    box-shadow: 0 16px 24px rgba(238, 65, 101, .26)
}

.button_transparent-s {
    border: 1px solid #f70000;
    color: #fff;
    background-color: rgba(247, 0, 0, .2)
}

.button_transparent-s:hover {
    color: #fff;
    background-color: #f70000;
    -webkit-box-shadow: 0 16px 24px rgba(238, 65, 101, .26);
    box-shadow: 0 16px 24px rgba(238, 65, 101, .26)
}

.button_high {
    height: 60px;
    line-height: 60px
}

.button_h50 {
    height: 50px;
    line-height: 50px
}

.button_h40 {
    height: 40px;
    line-height: 40px
}

.button_h35 {
    height: 35px;
    line-height: 35px
}

.btn-line:after,
.form-subscribe__email:before {
    height: 11px;
    content: ''
}

.button-copy {
    color: #cadaf4;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    display: inline-block;
    outline: 0;
    white-space: nowrap;
    text-decoration: underline;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.breadcrumb.black .breadcrumb__item a,
.breadcrumb__item a,
.breadcrumb__item span,
.breadcrumb__item+.breadcrumb__item span,
.btn-line {
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

.breadcrumb,
.pagination {
    display: -webkit-box;
    display: -webkit-flex
}

.btn-line,
.first-service .text-content-fs {
    -webkit-transition: .4s all ease;
    -o-transition: .4s all ease
}

.button-copy:active,
.button-copy:focus,
.button-copy:hover {
    color: #333
}

.btn-line {
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    transition: .4s all ease
}

.breadcrumb__item a,
.breadcrumb__item:first-child a:before {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

.btn-line:after {
    position: absolute;
    right: -15px;
    top: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    width: 6px;
    background-image: url(../img/right-arrow.svg)
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumb>span {
    display: none
}

.breadcrumb__item {
    position: relative
}

.breadcrumb__item:first-child a:before {
    content: '';
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="11px" height="10.654px" viewBox="100.056 16.048 11 10.654" enable-background="new 100.056 16.048 11 10.654"%3E %3Cpath fill="%23f70000" d="M110.917,21.244c0.201-0.219,0.179-0.556-0.043-0.75l-4.917-4.303c-0.223-0.194-0.581-0.19-0.8,0.011 l-4.931,4.522c-0.219,0.201-0.229,0.535-0.025,0.75l0.122,0.129c0.205,0.215,0.538,0.24,0.739,0.057l0.37-0.33v4.834 c0,0.298,0.24,0.538,0.538,0.538h1.922c0.298,0,0.538-0.24,0.538-0.538v-3.382h2.453v3.382c-0.003,0.298,0.208,0.538,0.506,0.538 h2.037c0.297,0,0.538-0.24,0.538-0.538v-4.77c0,0,0.101,0.089,0.226,0.201s0.387,0.021,0.588-0.197L110.917,21.244z"/%3E %3C/svg%3E');
    width: 11px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
    transition: all ease-in-out .2s
}

.breadcrumb__item:first-child a:hover {
    color: #fff
}

.breadcrumb__item:first-child a:hover:before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="11px" height="10.654px" viewBox="100.056 16.048 11 10.654" enable-background="new 100.056 16.048 11 10.654"%3E %3Cpath fill="%23ffffff" d="M110.917,21.244c0.201-0.219,0.179-0.556-0.043-0.75l-4.917-4.303c-0.223-0.194-0.581-0.19-0.8,0.011 l-4.931,4.522c-0.219,0.201-0.229,0.535-0.025,0.75l0.122,0.129c0.205,0.215,0.538,0.24,0.739,0.057l0.37-0.33v4.834 c0,0.298,0.24,0.538,0.538,0.538h1.922c0.298,0,0.538-0.24,0.538-0.538v-3.382h2.453v3.382c-0.003,0.298,0.208,0.538,0.506,0.538 h2.037c0.297,0,0.538-0.24,0.538-0.538v-4.77c0,0,0.101,0.089,0.226,0.201s0.387,0.021,0.588-0.197L110.917,21.244z"/%3E %3C/svg%3E')
}

.breadcrumb__item a {
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    transition: all ease-in-out .2s
}

.breadcrumb__item a:hover {
    color: #fff
}

.breadcrumb__item span {
    font-size: 14px;
    color: #fff;
    line-height: 24px
}

.breadcrumb__item+.breadcrumb__item:before {
    content: '';
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="6.225px" height="11.772px" viewBox="0.412 0.503 6.225 11.772" enable-background="new 0.412 0.503 6.225 11.772" xml:space="preserve"%3E%3Cg%3E%3Cg transform="translate(-334 -235)"%3E%3Cg%3E%3Cpath id="vfc5a" fill="%23FFFFFF" fill-opacity="0" stroke="%23ffffff" stroke-width="1.54" stroke-miterlimit="50" d="M335,236 l4.622,5.474L335,246.77"/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
    background-repeat: no-repeat;
    width: 6.23px;
    height: 11.77px;
    position: absolute;
    left: -18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .5
}

.breadcrumb__item+.breadcrumb__item span {
    font-size: 14px;
    color: #fff
}

@media only screen and (max-width:768.98px) {
    .breadcrumb__item {
        display: none
    }

    .breadcrumb__item:nth-last-child(2) {
        display: block
    }

    .breadcrumb__item:first-child {
        margin-left: 30px
    }

    .breadcrumb__item:first-child:before {
        content: '';
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="6.225px" height="11.772px" viewBox="0.412 0.503 6.225 11.772" enable-background="new 0.412 0.503 6.225 11.772" xml:space="preserve"%3E%3Cg%3E%3Cg transform="translate(-334 -235)"%3E%3Cg%3E%3Cpath id="vfc5a" fill="%23FFFFFF" fill-opacity="0" stroke="%23ffffff" stroke-width="1.54" stroke-miterlimit="50" d="M335,236 l4.622,5.474L335,246.77"/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
        width: 6.23px;
        height: 11.77px;
        position: absolute;
        left: -22px;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }
}

.js-custom-scrollbar-table,
.pagenavi-wrapper,
.popup,
.wSitemap ul li {
    position: relative
}

.breadcrumb.black .breadcrumb__item a {
    font-size: 14px;
    color: rgba(51, 51, 51, .5)
}

.breadcrumb.black .breadcrumb__item a:hover {
    color: #f70000
}

.breadcrumb.black .breadcrumb__item span,
.breadcrumb.black .breadcrumb__item+.breadcrumb__item span {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

.breadcrumb.black .breadcrumb__item a:hover:before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="11px" height="10.654px" viewBox="100.056 16.048 11 10.654" enable-background="new 100.056 16.048 11 10.654"%3E %3Cpath fill="%23f70000" d="M110.917,21.244c0.201-0.219,0.179-0.556-0.043-0.75l-4.917-4.303c-0.223-0.194-0.581-0.19-0.8,0.011 l-4.931,4.522c-0.219,0.201-0.229,0.535-0.025,0.75l0.122,0.129c0.205,0.215,0.538,0.24,0.739,0.057l0.37-0.33v4.834 c0,0.298,0.24,0.538,0.538,0.538h1.922c0.298,0,0.538-0.24,0.538-0.538v-3.382h2.453v3.382c-0.003,0.298,0.208,0.538,0.506,0.538 h2.037c0.297,0,0.538-0.24,0.538-0.538v-4.77c0,0,0.101,0.089,0.226,0.201s0.387,0.021,0.588-0.197L110.917,21.244z"/%3E %3C/svg%3E')
}

.breadcrumb.black .breadcrumb__item+.breadcrumb__item:before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="6.225px" height="11.772px" viewBox="0.412 0.503 6.225 11.772" enable-background="new 0.412 0.503 6.225 11.772" xml:space="preserve"%3E%3Cg%3E%3Cg transform="translate(-334 -235)"%3E%3Cg%3E%3Cpath id="vfc5a" fill="%23333333" fill-opacity="0" stroke="%23333333" stroke-width="1.54" stroke-miterlimit="50" d="M335,236 l4.622,5.474L335,246.77"/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E')
}

@media only screen and (max-width:768.98px) {
    .breadcrumb.black .breadcrumb__item:first-child:before {
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="6.225px" height="11.772px" viewBox="0.412 0.503 6.225 11.772" enable-background="new 0.412 0.503 6.225 11.772" xml:space="preserve"%3E%3Cg%3E%3Cg transform="translate(-334 -235)"%3E%3Cg%3E%3Cpath id="vfc5a" fill="%23FFFFFF" fill-opacity="0" stroke="%23ffffff" stroke-width="1.54" stroke-miterlimit="50" d="M335,236 l4.622,5.474L335,246.77"/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E')
    }
}

.black-breadcrumb .breadcrumb__item a {
    font-size: 14px;
    color: rgba(51, 51, 51, .5);
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

.black-breadcrumb .breadcrumb__item a:hover {
    color: #f70000
}

.black-breadcrumb .breadcrumb__item span,
.black-breadcrumb .breadcrumb__item+.breadcrumb__item span {
    font-size: 14px;
    color: #333;
    font-family: Montserrat, sans-serif;
    font-weight: 400
}

.black-breadcrumb .breadcrumb__item a:hover:before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="11px" height="10.654px" viewBox="100.056 16.048 11 10.654" enable-background="new 100.056 16.048 11 10.654"%3E %3Cpath fill="%23f70000" d="M110.917,21.244c0.201-0.219,0.179-0.556-0.043-0.75l-4.917-4.303c-0.223-0.194-0.581-0.19-0.8,0.011 l-4.931,4.522c-0.219,0.201-0.229,0.535-0.025,0.75l0.122,0.129c0.205,0.215,0.538,0.24,0.739,0.057l0.37-0.33v4.834 c0,0.298,0.24,0.538,0.538,0.538h1.922c0.298,0,0.538-0.24,0.538-0.538v-3.382h2.453v3.382c-0.003,0.298,0.208,0.538,0.506,0.538 h2.037c0.297,0,0.538-0.24,0.538-0.538v-4.77c0,0,0.101,0.089,0.226,0.201s0.387,0.021,0.588-0.197L110.917,21.244z"/%3E %3C/svg%3E')
}

.black-breadcrumb .breadcrumb__item+.breadcrumb__item:before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="6.225px" height="11.772px" viewBox="0.412 0.503 6.225 11.772" enable-background="new 0.412 0.503 6.225 11.772" xml:space="preserve"%3E%3Cg%3E%3Cg transform="translate(-334 -235)"%3E%3Cg%3E%3Cpath id="vfc5a" fill="%23333333" fill-opacity="0" stroke="%23333333" stroke-width="1.54" stroke-miterlimit="50" d="M335,236 l4.622,5.474L335,246.77"/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E')
}

@media only screen and (max-width:768.98px) {
    .black-breadcrumb .breadcrumb__item:first-child:before {
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="6.225px" height="11.772px" viewBox="0.412 0.503 6.225 11.772" enable-background="new 0.412 0.503 6.225 11.772" xml:space="preserve"%3E%3Cg%3E%3Cg transform="translate(-334 -235)"%3E%3Cg%3E%3Cpath id="vfc5a" fill="%23FFFFFF" fill-opacity="0" stroke="%23ffffff" stroke-width="1.54" stroke-miterlimit="50" d="M335,236 l4.622,5.474L335,246.77"/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E')
    }
}

.mCSB_scrollTools.mCSB_scrollTools_vertical {
    width: 5px !important
}

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

.filter-box .js-custom-scrollbar .mCSB_inside>.mCSB_container,
.mCSB_inside>.mCSB_container {
    margin-right: 15px !important
}

.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
    background-color: #f70000 !important;
    width: 5px !important
}

.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
    background-color: #dcdce8 !important;
    width: 3px !important
}

.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerContainer {
    right: 0
}

.mCSB_dragger .mCSB_dragger_onDrag {
    max-height: 200px
}

.mCSB_scrollTools .mCSB_dragger {
    max-height: 255px !important
}

.filter-box .js-custom-scrollbar.mCS_no_scrollbar .mCSB_inside>.mCSB_container {
    margin-right: 0 !important
}

.filter-box .js-custom-scrollbar .mCSB_scrollTools {
    width: 10px !important
}

.mobile-nav-wrapper .mCustomScrollBox {
    overflow: initial
}

.mobile-nav-wrapper .mCSB_scrollTools.mCSB_scrollTools_vertical {
    opacity: 0 !important
}

.mobile-nav-wrapper .mCSB_inside>.mCSB_container {
    margin-right: 0 !important;
    overflow: initial
}

.js-custom-scrollbar-table {
    overflow: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.js-custom-scrollbar-table .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 1px
}

.js-custom-scrollbar-table .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 1px
}

.js-custom-scrollbar-table .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 1px;
    margin: 0;
    display: none
}

.js-custom-scrollbar-table .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.js-custom-scrollbar-table .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: -10px auto;
    background-color: #cadaf4
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 30px
}

.pagination__item a,
.pagination__item.current {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-align: center;
    font-size: 18px;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.pagination__item:first-child a {
    background-image: svg("")
}

.pagination__item a {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e0e2e9;
    background-color: #fff;
    color: #2b2f3e;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.pagination__item:hover a {
    border-color: #2ac9b9
}

.pagination__item.current {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e0e2e9;
    background-color: #f70000;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination__item+.pagination__item {
    margin-left: 8px
}

.pagenavi-wrapper .wp-pagenavi {
    max-width: 460px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagenavi-wrapper .wp-pagenavi .pages,
.pagenavi-wrapper .wp-pagenavi a.first .pagenavi-wrapper .wp-pagenavi a.last {
    display: none
}

.pagenavi-wrapper .wp-pagenavi a.nextpostslink,
.pagenavi-wrapper .wp-pagenavi a.page,
.pagenavi-wrapper .wp-pagenavi a.previouspostslink {
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-border-radius: 4px;
    background-color: #fff;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    width: 40px;
    height: 40px
}

.pagenavi-wrapper .wp-pagenavi a.page {
    border-radius: 4px;
    border: 1px solid #e0e2e9;
    margin: 0 10px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: #2b2f3e;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    transition: all ease-in-out .2s
}

.pagenavi-wrapper .wp-pagenavi a.page:hover {
    border: 1px solid #f70000
}

.pagenavi-wrapper .wp-pagenavi a.nextpostslink,
.pagenavi-wrapper .wp-pagenavi a.previouspostslink {
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #e0e2e9;
    transition: all ease-in-out .2s
}

.pagenavi-wrapper .wp-pagenavi span,
.pagenavi-wrapper .wp-pagenavi span.current {
    font-size: 18px;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.pagenavi-wrapper .wp-pagenavi a.nextpostslink:hover,
.pagenavi-wrapper .wp-pagenavi a.previouspostslink:hover {
    border-color: #f70000
}

.pagenavi-wrapper .wp-pagenavi a.nextpostslink {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%232b2f3e" d="M307.63,3806.744l-5.275,5.278c-0.337,0.337-0.88,0.337-1.217,0c-0.337-0.336-0.337-0.88,0-1.214l4.669-4.669l-4.669-4.672 c-0.337-0.336-0.337-0.88,0-1.214c0.337-0.337,0.88-0.337,1.217,0l5.278,5.278c0.168,0.168,0.252,0.388,0.252,0.608 C307.882,3806.355,307.798,3806.576,307.63,3806.744z"/%3E %3C/svg%3E')
}

.pagenavi-wrapper .wp-pagenavi a.previouspostslink {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%232b2f3e" d="M301.14,3805.529l5.275-5.278c0.337-0.337,0.88-0.337,1.217,0c0.337,0.336,0.337,0.88,0,1.214l-4.669,4.669l4.669,4.672 c0.337,0.336,0.337,0.88,0,1.214c-0.337,0.337-0.88,0.337-1.217,0l-5.278-5.278c-0.168-0.168-0.252-0.388-0.252-0.608 C300.888,3805.918,300.972,3805.698,301.14,3805.529z"/%3E %3C/svg%3E');
    margin-right: 10px
}

.pagenavi-wrapper .wp-pagenavi span {
    border: none;
    color: #2b2f3e
}

.pagenavi-wrapper .wp-pagenavi span.current {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 10px 0 0;
    background-color: #f70000;
    border: 1px solid #f70000;
    border-color: #f70000 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.pagenavi-wrapper .wp-pagenavi span.current:hover {
    border: 1px solid #f70000
}

.wSitemap ul li a,
.wSitemap ul li:before {
    padding: 7px 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.wSitemap ul li:hover>a {
    color: #232323
}

.wSitemap ul li a,
.wSitemap ul li:after,
.wSitemap ul li:before {
    -webkit-transition: background-color .1s ease, color .1s ease;
    -o-transition: background-color .1s ease, color .1s ease;
    transition: background-color .1s ease, color .1s ease
}

.wSitemap {
    margin: 0 0 1.5em
}

.wSitemap>ul {
    padding-left: 20px
}

.wSitemap ul {
    counter-reset: a;
    list-style-type: none
}

.wSitemap ul ul {
    margin-left: 2em
}

.wSitemap ul li {
    margin: .5em 0
}

.wSitemap ul li:before {
    float: left;
    background-color: #cadaf4;
    color: #fff;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    counter-increment: a;
    content: counters(a, ".") " "
}

.wSitemap ul li:after {
    content: '|-';
    position: absolute;
    right: 100%;
    margin-right: 5px;
    top: 0;
    width: auto;
    height: 100%;
    white-space: nowrap;
    text-align: right;
    -webkit-border-bottom-left-radius: 21px;
    border-bottom-left-radius: 21px;
    -webkit-border-top-right-radius: 21px;
    border-top-right-radius: 21px
}

.wSitemap ul li a {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    text-shadow: 0 -1px #fff;
    display: block;
    font-size: 16px;
    color: #7e7a85;
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

.wSitemap ul li:hover>a {
    background-color: #eee
}

.wSitemap ul li:hover:after {
    color: transparent
}

.wSitemap ul li:hover:after,
.wSitemap ul li:hover:before {
    background-color: #7e7a85
}

.wSitemap ul li li li li li:hover>a,
.wSitemap ul li li li li:hover>a,
.wSitemap ul li li li:hover>a,
.wSitemap ul li li:hover>a {
    background-color: #eee
}

.customselect {
    width: 100%
}

.customselect .select2-selection {
    max-width: 100%;
    width: 100%;
    height: 60px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #ededed;
    background-color: #f6f6f6
}

.customselect .select2-selection__rendered {
    line-height: 60px !important;
    padding-left: 25px !important;
    font-size: 14px;
    color: #667283;
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

.customselect .select2-selection__arrow {
    height: 100% !important;
    right: 20px !important
}

.customselect .select2-selection__arrow b {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12.5px" height="8.5px"%3E%3Cpath fill-rule="evenodd" stroke="rgb(137, 133, 143)" stroke-width="1px" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M11.500,1.498 L6.000,7.498 L0.501,1.498 "/%3E%3C/svg%3E');
    width: 12.5px !important;
    height: 8.5px !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    border: 0 transparent !important;
    left: auto !important;
    margin: 0 !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%) rotate(0) !important;
    -ms-transform: translateY(-50%) rotate(0) !important;
    transform: translateY(-50%) rotate(0) !important;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    -webkit-transform: translateY(-50%) rotate(180deg) !important;
    -ms-transform: translateY(-50%) rotate(180deg) !important;
    transform: translateY(-50%) rotate(180deg) !important
}

.customselect-dropdown {
    top: 5px;
    -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, .08);
    box-shadow: 0 6px 24px rgba(0, 0, 0, .08);
    -webkit-border-radius: 0 0 30px 30px;
    border-radius: 0 0 30px 30px;
    border: 0;
    background-color: #fff
}

.customselect-dropdown .select2-results__options .mCSB_inside>.mCSB_container {
    margin-right: 0 !important
}

.customselect-dropdown .select2-results__options .mCSB_scrollTools {
    right: 20px;
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.customselect-dropdown .select2-results__options .mCSB_scrollTools.mCSB_scrollTools_vertical,
.customselect-dropdown .select2-results__options .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 2px !important
}

.customselect-dropdown .select2-results__options .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
    width: 6px !important;
    left: -2px;
    background-color: #2ac9b9 !important
}

.customselect-dropdown .select2-results__option {
    padding: 15.5px 25px;
    color: #202124
}

.customselect-dropdown .select2-results__option:first-child {
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0
}

.customselect-dropdown .select2-results__option:last-child {
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px
}

.customselect-dropdown .select2-results__option.select2-results__option--highlighted {
    background-color: #f6f6f6;
    color: #202124
}

.handle-counter .btn,
.handle-counter input,
.handle-counter-p .btn,
.handle-counter-p input,
.popup .title {
    color: #333;
    font-weight: 700
}

.irs-line {
    width: 100%;
    height: 7px;
    -webkit-box-shadow: inset 0 1px 2px rgba(90, 97, 105, .1);
    box-shadow: inset 0 1px 2px rgba(90, 97, 105, .1);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #eceeef
}

.irs-slider {
    width: 22px;
    height: 22px;
    -webkit-box-shadow: 0 3px 15px rgba(90, 97, 105, .1), 0 2px 3px rgba(90, 97, 105, .2);
    box-shadow: 0 3px 15px rgba(90, 97, 105, .1), 0 2px 3px rgba(90, 97, 105, .2);
    border: 1px solid #e7e9ea;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 15px;
    cursor: pointer
}

.irs-bar {
    background-color: #cadaf4;
    height: 7px
}

.mfp-bg {
    background-color: rgba(26, 26, 26, .8);
    opacity: 1
}

.popup {
    z-index: 102;
    max-width: 1000px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 27px rgba(0, 0, 0, .45);
    box-shadow: 0 5px 27px rgba(0, 0, 0, .45);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 30px 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
    text-align: left
}

@media only screen and (max-width:768.98px) {
    .popup {
        width: 95%;
        padding: 15px
    }

    .mf-cart .mfp-container {
        padding: 0
    }
}

.popup .title {
    font-size: 24px;
    font-family: Montserrat, sans-serif;
    line-height: 30px;
    margin-bottom: 15px;
    text-align: center
}

.popup .mfp-close {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="-10 -10 20 20" enable-background="new -10 -10 20 20"%3E %3Cg%3E %3Cg transform="translate(-1235 -699)"%3E %3Cg%3E %3Cg%3E %3Cpath id="zia4a" fill="%23ffffff" d="M1225.962,709l-0.962-0.964L1244.038,689l0.962,0.964L1225.962,709"/%3E %3C/g%3E %3C/g%3E %3Cg%3E %3Cg%3E %3Cpath id="zia4b" fill="%23ffffff" d="M1244.038,709L1225,689.964l0.962-0.964L1245,708.036L1244.038,709"/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E');
    -webkit-background-size: cover;
    background-size: cover;
    width: 20px;
    height: 20px;
    font-size: 0;
    top: -30px;
    right: -30px
}

.popup .mfp-close:hover {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="-10 -10 20 20" enable-background="new -10 -10 20 20"%3E %3Cg%3E %3Cg transform="translate(-1235 -699)"%3E %3Cg%3E %3Cg%3E %3Cpath id="zia4a" fill="%23DE958D" d="M1225.962,709l-0.962-0.964L1244.038,689l0.962,0.964L1225.962,709"/%3E %3C/g%3E %3C/g%3E %3Cg%3E %3Cg%3E %3Cpath id="zia4b" fill="%23DE958D" d="M1244.038,709L1225,689.964l0.962-0.964L1245,708.036L1244.038,709"/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E')
}

.popup_cargo {
    max-width: 510px
}

.popup_popup-request {
    max-width: 586px
}

@media only screen and (max-width:400px) {
    .popup_popup-request .mfp-close {
        top: 5px;
        right: 5px;
        width: 15px;
        height: 15px
    }
}

.mfp-image-holder .mfp-content {
    position: fixed;
    z-index: 100;
    display: block;
    margin: auto;
    text-align: center;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    width: 100%;
    max-width: 700px;
    max-height: 100vh;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width:768.98px) {
    .mfp-image-holder .mfp-content {
        width: 95%;
        padding: 15px
    }
}

.mfp-image-holder .mfp-content .mfp-close {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='SVGDoc' width='20' height='20' viewBox='0 0 20 20'%3e%3cdefs%3e%3cpath fill='#ffffff' d='M1414.70695,24.29293c-0.39104,-0.39101 -1.02299,-0.39101 -1.41403,0l-8.29296,8.29301l-8.29308,-8.29301c-0.39093,-0.39101 -1.02299,-0.39101 -1.41392,0c-0.39104,0.39101 -0.39104,1.02297 0,1.41398l8.29296,8.29301l-8.29296,8.29301c-0.39104,0.39101 -0.39104,1.02297 0,1.41398c0.19501,0.19499 0.45101,0.293 0.70702,0.293c0.256,0 0.51201,-0.09801 0.7069,-0.293l8.29308,-8.29301l8.29296,8.29301c0.19501,0.19499 0.45101,0.293 0.70702,0.293c0.256,0 0.51201,-0.09801 0.70702,-0.293c0.39093,-0.39101 0.39093,-1.02297 0,-1.41398l-8.29296,-8.29301l8.29296,-8.29301c0.39093,-0.39101 0.39093,-1.02297 0,-1.41398z' id='Path-0'/%3e%3c/defs%3e%3cg transform='matrix(1,0,0,1,-1395,-24)'%3e%3cg%3e%3ctitle%3eForma 1 copy%3c/title%3e%3cuse xlink:href='%23Path-0' fill='%237e7a85' fill-opacity='1'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    width: 20px;
    height: 20px;
    font-size: 0;
    top: -30px;
    right: -10px;
    padding: 0
}

.mfp-image-holder .mfp-content .mfp-bottom-bar,
.mfp-image-holder .mfp-content .mfp-figure:after {
    display: none
}

.mfp-image-holder .mfp-content .mfp-img {
    padding: 0;
    max-height: 500px !important
}

.mfp-3d-unfold .mfp-content {
    -webkit-perspective: 2000px;
    perspective: 2000px
}

.mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-60deg);
    transform: rotateY(-60deg)
}

.mfp-3d-unfold.mfp-bg {
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
    -webkit-transform: rotateY(60deg);
    transform: rotateY(60deg);
    opacity: 0
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0
}

.cargoppopup-form {
    margin-bottom: -20px
}

.cargoppopup-form__item {
    width: 100%;
    margin-bottom: 20px
}

.cargoppopup-form__item input[type=text] {
    padding-left: 20px
}

.handle-counter .btn,
.handle-counter-p .btn {
    padding: 6px 12px;
    -o-transition: all ease-in-out .2s;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    outline: 0
}

.cargoppopup-form__item .button {
    width: 100%
}

.handle-counter {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    background-color: #f6f6f6;
    height: 45px
}

.handle-counter .btn {
    border: 1px solid transparent;
    height: 50px;
    background-color: #f6f6f6;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.handle-counter-p .btn,
.header {
    -webkit-transition: all ease-in-out .2s
}

.handle-counter .btn:hover {
    background: #cadaf4
}

@media only screen and (max-width:768.98px) {
    .handle-counter .btn:hover {
        background: 0 0
    }
}

.handle-counter .btn:focus {
    outline: 0
}

.handle-counter .btn:disabled,
.handle-counter .btn:disabled:hover {
    background-color: #a9a9a9;
    cursor: not-allowed
}

.handle-counter input {
    width: 30px;
    height: 45px;
    border-width: 1px;
    border-left: none;
    border-right: none;
    background-color: #f6f6f6;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    text-align: center
}

.handle-counter .counter-minus,
.handle-counter .handle-counter .counter-plus,
.handle-counter .handle-counter input {
    float: left;
    text-align: center
}

.handle-counter .counter-minus,
.handle-counter .handle-counter .counter-plus {
    text-align: center
}

.handle-counter-p {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    height: 45px
}

.handle-counter-p .btn {
    border: 1px solid transparent;
    height: 50px;
    background-color: #fff;
    transition: all ease-in-out .2s
}

.header,
.header.fixed {
    -o-transition: all ease-in-out .2s
}

.handle-counter-p .btn:hover {
    background: #cadaf4
}

@media only screen and (max-width:768.98px) {
    .handle-counter-p .btn:hover {
        background: 0 0
    }
}

.handle-counter-p .btn:focus {
    outline: 0
}

.handle-counter-p .btn:disabled,
.handle-counter-p .btn:disabled:hover {
    background-color: #a9a9a9;
    cursor: not-allowed
}

.handle-counter-p input {
    width: 40px;
    height: 45px;
    border-width: 1px;
    border-left: none;
    border-right: none;
    background-color: #fff;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    float: left;
    text-align: center
}

.tooltipster-base .content-text .all-link,
.tooltipster-base .content-text a,
.tooltipster-base .content-text h1,
.tooltipster-base .content-text h2,
.tooltipster-base .content-text h3,
.tooltipster-base .content-text li,
.tooltipster-base .content-text p {
    color: #fff
}

.handle-counter-p .counter-minus,
.handle-counter-p .handle-counter .counter-plus,
.handle-counter-p .handle-counter input {
    float: left;
    text-align: center
}

.handle-counter-p .counter-minus,
.handle-counter-p .handle-counter .counter-plus {
    text-align: center
}

.tooltipster-base .tooltipster-box {
    background-color: rgba(51, 51, 51, .85);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .2)
}

.tooltipster-base .tooltipster-content {
    padding: 15px
}

.tooltipster-base .content-text a:last-of-type,
.tooltipster-base .content-text h1:last-of-type,
.tooltipster-base .content-text h2:last-of-type,
.tooltipster-base .content-text h3:last-of-type,
.tooltipster-base .content-text li:last-of-type,
.tooltipster-base .content-text p:last-of-type {
    margin-bottom: 10px
}

.footer-top .title,
.tooltipster-base.tooltipster-top .tooltipster-box {
    margin-bottom: 20px
}

.tooltipster-base .content-text .all-link:hover {
    color: #cadaf4
}

.tooltipster-base .tooltipster-arrow .tooltipster-arrow-border {
    border: 20px solid transparent
}

.tooltipster-base.tooltipster-top .tooltipster-arrow {
    height: 20px;
    width: 40px;
    margin-left: -20px
}

.tooltipster-base.tooltipster-top .tooltipster-arrow .tooltipster-arrow-border {
    border-top-color: rgba(26, 26, 26, .85)
}

.tooltipster-base.tooltipster-top .tooltipster-arrow .tooltipster-arrow-background {
    border-top-color: rgba(26, 26, 26, .85);
    left: 0;
    top: -1px;
    opacity: 0
}

.tooltipster-base.tooltipster-right .tooltipster-box {
    margin-left: 20px
}

.tooltipster-base.tooltipster-right .tooltipster-arrow {
    height: 40px;
    width: 20px;
    margin-top: -15px
}

.tooltipster-base.tooltipster-right .tooltipster-arrow .tooltipster-arrow-border {
    border-right-color: rgba(26, 26, 26, .85);
    left: -10px
}

.tooltipster-base.tooltipster-right .tooltipster-arrow .tooltipster-arrow-background {
    border-right-color: rgba(26, 26, 26, .85);
    left: 1px;
    top: 0;
    opacity: 0
}

.tooltipster-base.tooltipster-bottom .tooltipster-box {
    margin-top: 20px
}

.tooltipster-base.tooltipster-bottom .tooltipster-arrow {
    height: 20px;
    width: 40px;
    margin-left: -20px
}

.tooltipster-base.tooltipster-bottom .tooltipster-arrow .tooltipster-arrow-border {
    border-bottom-color: rgba(26, 26, 26, .85);
    top: -10px
}

.tooltipster-base.tooltipster-bottom .tooltipster-arrow .tooltipster-arrow-background {
    border-bottom-color: rgba(26, 26, 26, .85);
    left: 0;
    top: 1px;
    opacity: 0
}

.tooltipster-base.tooltipster-left .tooltipster-box {
    margin-right: 20px
}

.tooltipster-base.tooltipster-left .tooltipster-arrow {
    height: 40px;
    width: 20px;
    margin-top: -15px
}

.tooltipster-base.tooltipster-left .tooltipster-arrow .tooltipster-arrow-border {
    border-left-color: rgba(26, 26, 26, .85)
}

.tooltipster-base.tooltipster-left .tooltipster-arrow .tooltipster-arrow-background {
    border-left-color: rgba(26, 26, 26, .85);
    left: 0;
    top: 1px;
    opacity: 0
}

.ui-datepicker {
    border-bottom: 1px solid #ddd !important;
    padding: 0 !important
}

.ui-datepicker .ui-datepicker-header {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    background-color: #bbb9bf;
    border: 0 !important
}

.ui-datepicker .ui-datepicker-title {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 18px;
    color: #cadaf4;
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    width: 60%
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    display: none
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin: 0 !important
}

.ui-datepicker .ui-datepicker-next.ui-state-hover,
.ui-datepicker .ui-datepicker-prev.ui-state-hover {
    background-color: #f3a847 !important;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-prev span {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10.075px' height='16.725px' viewBox='137.55 128.003 10.075 16.725'%3e%3cpolygon fill='#ffffff' points='145.399,128.005 137.549,136.368 145.399,144.73 147.625,142.359 142.001,136.368 147.625,130.377 '/%3e%3c/svg%3e");
    width: 10px !important;
    height: 17px !important
}

.ui-datepicker .ui-datepicker-next span {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10.075px' height='16.725px' viewBox='137.55 128.003 10.075 16.725'%3e%3cpolygon fill='#ffffff' points='139.775,144.728 147.625,136.365 139.775,128.003 137.55,130.375 143.173,136.365 137.55,142.356 '/%3e%3c/svg%3e");
    width: 10px !important;
    height: 17px !important
}

.ui-datepicker table {
    margin: 0 !important
}

.ui-datepicker th {
    background-color: #cadaf4;
    color: #fff
}

.ui-datepicker td {
    border: 0 !important;
    border-left: 1px solid #f4f6f9 !important;
    padding: 0 !important
}

.ui-datepicker td:first-child {
    border-left: 0 !important
}

.ui-datepicker td a {
    border: 0 !important;
    background: #fff !important;
    color: #333 !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    padding: 10px 7px !important
}

.ui-datepicker td a.ui-state-hover {
    border: 0 !important;
    background: #fbf7e8 !important;
    font-weight: 400;
    color: #434343 !important
}

.ui-datepicker td a.ui-state-highlight {
    background-color: #f3a847 !important;
    color: #fff !important
}

.ui-datepicker td a.ui-state-active {
    background: #dca60f !important;
    color: #fff !important
}

.header .header-top,
.language-sitch ul {
    background-color: #fff
}

.header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: all ease-in-out .2s;
    -webkit-box-shadow: 0 10px 21px rgba(2, 8, 27, .08);
    box-shadow: 0 10px 21px rgba(2, 8, 27, .08);
    max-height: 90px
}

.header.fixed,
.language-sitch__active {
    -webkit-transition: all ease-in-out .2s
}

.header.fixed {
    position: fixed;
    -webkit-animation: menu_sticky .6s ease-in-out;
    animation: menu_sticky .6s ease-in-out;
    transition: all ease-in-out .2s
}

.header.fixed.active {
    background-color: transparent
}

.header.active {
    -webkit-box-shadow: 0 2px 10px rgba(44, 50, 81, .15);
    box-shadow: 0 2px 10px rgba(44, 50, 81, .15)
}

.header__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 10px 0
}

.header-logo-wrapper,
.left-wrapper-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.header .container {
    position: initial
}

.header-logo-wrapper {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-logo-wrapper__text {
    font-size: 16px;
    color: #232323;
    font-weight: 900;
    font-family: Montserrat, sans-serif;
    margin-left: 20px;
    padding-left: 20px;
    position: relative;
    max-width: 145px
}

@media only screen and (max-width:1199.98px) {
    .header-logo-wrapper__text {
        margin-left: 15px;
        padding-left: 15px
    }
}

@media only screen and (max-width:480.98px) {
    .header-logo-wrapper__text {
        margin-left: 10px;
        padding-left: 10px
    }
}

@media only screen and (max-width:430px) {
    .header-logo-wrapper__text {
        display: none
    }
}

.header-logo-wrapper__text:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 60px;
    background-color: #cfcfcf
}

.left-wrapper-header {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.language-sitch {
    margin-left: 10%;
    position: relative;
    max-width: 80px
}

@media only screen and (max-width:1399.98px) {
    .language-sitch {
        margin-left: 15px;
        padding-left: 25px
    }
}

@media only screen and (max-width:1050px) {
    .header-logo-wrapper__text:before {
        height: 35px
    }

    .header-logo-wrapper__logo img,
    .header-logo-wrapper__logo svg {
        height: 40px
    }

    .language-sitch {
        margin: 0;
        padding: 0 10px
    }

    .language-sitch ul {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.language-sitch__active {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:1399.98px) {
    .language-sitch__active {
        font-size: 15px
    }
}

.language-sitch__active:after {
    content: '';
    width: 10px;
    height: 6px;
    position: relative;
    display: block;
    margin-left: 7px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10px" height="6.167px" viewBox="141.874 162.992 10 6.167" enable-background="new 141.874 162.992 10 6.167" xml:space="preserve"%3E %3Cpolygon points="151.874,164.155 150.708,162.992 146.874,166.822 143.041,162.992 141.874,164.155 146.874,169.158 "/%3E %3C/svg%3E');
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.language-sitch ul li a,
.main-nav__item.menu-item-has-children .sub-menu>li>a {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.language-sitch__active:hover {
    color: #f70000
}

.language-sitch__active:hover:after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10px" height="6.167px" viewBox="141.874 162.992 10 6.167" enable-background="new 141.874 162.992 10 6.167" xml:space="preserve"%3E %3Cpolygon fill="%23f70000" points="151.874,164.155 150.708,162.992 146.874,166.822 143.041,162.992 141.874,164.155 146.874,169.158 "/%3E %3C/svg%3E')
}

.language-sitch ul {
    display: none;
    position: absolute;
    top: 130%;
    width: 52px;
    -webkit-box-shadow: 0 14px 29px rgba(2, 19, 75, .1);
    box-shadow: 0 14px 29px rgba(2, 19, 75, .1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e0e2e9;
    z-index: 15
}

.language-sitch ul.active {
    display: block
}

.language-sitch ul li a {
    padding: 7px 10px;
    color: rgba(51, 51, 51, .7);
    text-transform: uppercase;
    display: block;
    transition: all ease-in-out .2s
}

.language-sitch ul li a:hover {
    color: #f70000
}

.language-sitch ul li.active a,
.language-sitch ul li.current-lang a {
    background-color: #f70000;
    color: #fff;
    margin: -1px
}

.language-sitch ul li.active a:hover,
.language-sitch ul li.current-lang a:hover {
    color: #fff
}

.language-sitch ul li:first-child.active a,
.language-sitch ul li:first-child.current-lang a {
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.language-sitch ul li:last-child.active a,
.language-sitch ul li:last-child.current-lang a {
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.btn-main-nav {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    width: 40px;
    height: 30px;
    position: relative;
    z-index: 1;
    margin-right: 15px
}

@media only screen and (max-width:1050px) {
    .btn-main-nav {
        opacity: 1;
        visibility: visible;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.main-nav,
.main-nav__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.btn-main-nav span {
    width: 100%;
    height: 5px;
    background-color: #f70000;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.btn-main-nav span:first-child {
    top: 0
}

.btn-main-nav span:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.btn-main-nav span:last-child {
    bottom: 0
}

.btn-main-nav.active span:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 12px;
    left: 0
}

.btn-main-nav.active span:nth-child(2) {
    opacity: 0;
    width: 0%
}

.btn-main-nav.active span:last-child {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 13px;
    left: 0
}

@-webkit-keyframes menu_sticky {
    0% {
        margin-top: -120px;
        opacity: 0
    }

    50% {
        margin-top: -64px;
        opacity: 0
    }

    100% {
        margin-top: 0;
        opacity: 1
    }
}

@keyframes menu_sticky {
    0% {
        margin-top: -120px;
        opacity: 0
    }

    50% {
        margin-top: -64px;
        opacity: 0
    }

    100% {
        margin-top: 0;
        opacity: 1
    }
}

.main-nav {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 30px
}

@media only screen and (max-width:1050px) {
    .main-nav {
        display: none;
        position: fixed;
        top: 70px;
        bottom: 0;
        height: -webkit-calc(100% - 63px);
        height: calc(100% - 63px);
        left: -100%;
        right: 0;
        z-index: 15;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #fff;
        -webkit-transition: all ease-in-out .2s;
        -o-transition: all ease-in-out .2s;
        transition: all ease-in-out .2s;
        overflow-y: auto;
        overflow: scroll;
        overflow-x: hidden;
        border-top: 1px solid #cfcfcf
    }

    .main-nav.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        left: 0;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.main-nav__item {
    display: flex;
    height: 100%
}

.main-nav__item.menu-item-has-children {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

@media only screen and (max-width:1050px) {
    .main-nav__item {
        margin-right: 0;
        height: auto;
        width: 100%
    }

    .main-nav__item:first-child {
        margin-top: 10px
    }

    .main-nav__item.menu-item-has-children {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer-nav,
.footer-top .row,
.portfolio-items.js-portfolio-items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.main-nav__item.menu-item-has-children>a:after {
    content: '';
    width: 10px;
    height: 6px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10px" height="6.167px" viewBox="141.874 162.992 10 6.167" enable-background="new 141.874 162.992 10 6.167" xml:space="preserve"%3E %3Cpolygon fill="%23737680" points="151.874,164.155 150.708,162.992 146.874,166.822 143.041,162.992 141.874,164.155 146.874,169.158 "/%3E %3C/svg%3E');
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    margin-left: 10px;
    display: inline-block
}

@media only screen and (max-width:1050px) {
    .main-nav__item.menu-item-has-children>a span {
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10px" height="6.167px" viewBox="141.874 162.992 10 6.167" enable-background="new 141.874 162.992 10 6.167" xml:space="preserve"%3E %3Cpolygon fill="%23ffffff" points="151.874,164.155 150.708,162.992 146.874,166.822 143.041,162.992 141.874,164.155 146.874,169.158 "/%3E %3C/svg%3E');
        width: 25px;
        height: 15px;
        -webkit-background-size: initial initial;
        background-size: initial;
        background-repeat: no-repeat;
        background-color: #f70000;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        margin-left: 10px
    }
}

.main-nav__item.menu-item-has-children .sub-menu {
    width: 100%;
    -webkit-box-shadow: 0 14px 29px rgba(2, 19, 75, .1);
    box-shadow: 0 14px 29px rgba(2, 19, 75, .1);
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    border: 1px solid #e0e2e9;
    background-color: #fff;
    position: absolute;
    top: 65px;
    opacity: 0;
    height: 0;
    visibility: hidden;
    min-width: 250px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.form-contact__item .icon,
.form-subscribe .wpcf7-response-output .close,
.form-subscribe__email:before {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

@media only screen and (max-width:1050px) {
    .main-nav__item.menu-item-has-children .sub-menu {
        position: relative;
        top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #f3f3f3;
        -webkit-border-radius: 0;
        border-radius: 0
    }
}

.main-nav__item.menu-item-has-children .sub-menu:before {
    content: '';
    padding-top: 10px;
    position: absolute;
    width: 100%;
    height: 10px;
    display: block;
    top: -11px
}

.main-nav__item.menu-item-has-children .sub-menu:after {
    content: '';
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.main-nav__item.menu-item-has-children .sub-menu>li {
    width: 100%
}

.main-nav__item.menu-item-has-children .sub-menu>li:last-child>a {
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.main-nav__item.menu-item-has-children .sub-menu>li>a {
    padding: 5px 12px;
    color: #333;
    display: block;
    width: 100%;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:1050px) {
    .main-nav__item.menu-item-has-children .sub-menu>li>a {
        text-align: center;
        padding: 10px 15px
    }
}

.main-nav__item.menu-item-has-children .sub-menu>li>a:before {
    display: none
}

.main-nav__item.menu-item-has-children .sub-menu>li>a:hover {
    background-color: #f70000;
    color: #fff
}

.main-nav__item>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    position: relative;
    padding: 0 15px;
    z-index: 1
}

.main-nav__item>a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 80px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #f70000;
    z-index: -1;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    opacity: 0
}

.footer-nav li a,
.footer-nav li a:before,
.header-info__wrapper .value {
    -webkit-transition: all ease-in-out .2s
}

@media only screen and (max-width:1399.98px) {
    .main-nav__item>a {
        font-size: 15px
    }
}

@media only screen and (max-width:1199.98px) {
    .main-nav__item>a {
        padding: 0 15px;
        font-size: 14px
    }
}

.main-nav__item.active>a {
    opacity: 1
}

@media only screen and (max-width:1050px) {
    .main-nav__item>a {
        padding: 20px 15px;
        position: relative;
        border: 0;
        width: 100%;
        opacity: 1
    }

    .main-nav__item>a:before {
        content: '';
        background-color: rgba(255, 255, 255, .1);
        position: absolute;
        height: 1px;
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 0
    }

    .main-nav__item.active>a {
        color: #404f65
    }

    .main-nav__item.active>a:after {
        opacity: 1
    }
}

.main-nav__item:hover>.custom_wrapper {
    opacity: 1;
    visibility: visible;
    top: 160%
}

.main-nav__item:hover.menu-item-has-children>a:after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10px" height="6.167px" viewBox="141.874 162.992 10 6.167" enable-background="new 141.874 162.992 10 6.167" xml:space="preserve"%3E %3Cpolygon fill="%23ffffff" points="151.874,164.155 150.708,162.992 146.874,166.822 143.041,162.992 141.874,164.155 146.874,169.158 "/%3E %3C/svg%3E')
}

.main-nav__item:hover.menu-item-has-children>.sub-menu {
    opacity: 1;
    visibility: visible;
    height: auto
}

.main-nav__item:hover>a {
    color: #fff
}

@media only screen and (max-width:1050px) {
    .main-nav__item:hover>a {
        color: #f70000
    }
}

.main-nav__item:hover>a:before {
    opacity: 1
}

.main-nav__item:last-child {
    margin-right: 0
}

.right-wrapper-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:490px) {
    .right-wrapper-header>.button {
        display: none
    }
}

.header-info {
    margin-left: 50px
}

@media only screen and (max-width:1399.98px) {
    .right-wrapper-header>.button {
        padding: 0;
        width: 50px;
        height: 50px;
        font-size: 0;
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" width="512" height="512" fill="%23ffffff"%3E %3Cpath d="M468.329,358.972c-7.263-3.989-16.382-1.336-20.369,5.924c-3.989,7.261-1.337,16.381,5.924,20.369 C471.752,395.081,482,405.963,482,415.121c0,11.201-15.87,28.561-60.413,43.694C377.582,473.767,318.775,482,256,482 s-121.582-8.233-165.587-23.185C45.87,443.683,30,426.322,30,415.121c0-9.158,10.248-20.04,28.116-29.857 c7.261-3.988,9.913-13.108,5.924-20.369c-3.989-7.26-13.106-9.913-20.369-5.924C23.749,369.916,0,388.542,0,415.121 c0,20.374,14.012,49.422,80.762,72.1C127.794,503.2,190.028,512,256,512s128.206-8.8,175.238-24.779 c66.75-22.678,80.762-51.726,80.762-72.1C512,388.542,488.251,369.916,468.329,358.972z"/%3E%3Cpath d="M142.752,437.13c30.45,8.602,70.669,13.34,113.248,13.34s82.798-4.737,113.248-13.34 c37.253-10.523,56.142-25.757,56.142-45.275c0-19.519-18.889-34.751-56.142-45.274c-8.27-2.336-17.264-4.385-26.826-6.133 c-5.193,8.972-10.634,18.207-16.323,27.708c10.584,1.588,20.521,3.535,29.545,5.834c27.416,6.983,37.432,14.844,39.491,17.866 c-2.06,3.023-12.074,10.884-39.49,17.866c-25.949,6.609-59.335,10.379-94.498,10.716c-1.703,0.126-3.419,0.197-5.147,0.197 c-1.729,0-3.444-0.071-5.148-0.197c-35.163-0.337-68.549-4.106-94.498-10.716c-27.416-6.982-37.431-14.844-39.49-17.866 c2.059-3.022,12.075-10.883,39.491-17.866c9.024-2.298,18.961-4.246,29.546-5.834c-5.689-9.5-11.13-18.737-16.323-27.708 c-9.562,1.749-18.557,3.797-26.826,6.133c-37.253,10.523-56.142,25.756-56.142,45.274 C86.61,411.373,105.499,426.606,142.752,437.13z"/%3E%3Cpath d="M256,390.634c13.353,0,25.482-6.804,32.448-18.201c48.81-79.857,106.992-185.103,106.992-232.994 C395.44,62.552,332.888,0,256,0S116.56,62.552,116.56,139.439c0,47.891,58.183,153.137,106.992,232.994 C230.518,383.83,242.648,390.634,256,390.634z M199.953,129.865c0-30.903,25.143-56.045,56.047-56.045s56.047,25.142,56.047,56.045 c0,30.904-25.143,56.046-56.047,56.046S199.953,160.77,199.953,129.865z"/%3E%3C/svg%3E');
        -webkit-background-size: 30px 30px;
        background-size: 30px;
        background-position: center;
        background-repeat: no-repeat
    }

    .header-info {
        margin-left: 20px
    }
}

.header-info__item~.header-info__item {
    margin-top: 3px
}

@media only screen and (max-width:991.98px) {
    .mfp-image-holder .mfp-content .mfp-close {
        right: 0
    }

    .header-info {
        margin-left: 15px
    }

    .header-info__item~.header-info__item {
        display: none
    }
}

.footer-bottom__wrapper,
.header-info__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.header-info__wrapper {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media only screen and (max-width:991.98px) {
    .header-info__wrapper {
        width: 50px;
        height: 50px;
        background-color: #f70000;
        font-size: 0;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header-info__wrapper .icon-f {
    width: 15px;
    height: 15px;
    margin-right: 10px
}

.header-info__wrapper .value {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:1399.98px) {
    .header-info__wrapper .value {
        font-size: 15px
    }
}

@media only screen and (max-width:991.98px) {
    .header-info__wrapper .icon-f {
        width: 20px;
        height: 20px;
        margin-right: 0;
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.996" enable-background="new 0 0 10 9.996" xml:space="preserve"%3E %3Cpath fill="%23ffffff" d="M9.995,7.888c0.021,0.161-0.027,0.303-0.149,0.423L8.439,9.708C8.374,9.778,8.293,9.838,8.19,9.888 C8.09,9.937,7.987,9.97,7.89,9.985c-0.007,0-0.026,0.001-0.063,0.005C7.792,9.995,7.743,9.996,7.689,9.996 c-0.136,0-0.352-0.024-0.651-0.068C6.737,9.882,6.372,9.769,5.937,9.588C5.503,9.41,5.012,9.139,4.461,8.778 C3.91,8.418,3.324,7.923,2.705,7.295C2.208,6.809,1.798,6.342,1.475,5.899C1.151,5.453,0.888,5.043,0.692,4.666 C0.493,4.289,0.345,3.945,0.246,3.639c-0.099-0.307-0.165-0.573-0.2-0.795C0.01,2.62-0.005,2.447,0.001,2.32 C0.01,2.193,0.013,2.123,0.013,2.109c0.015-0.102,0.045-0.204,0.095-0.305c0.05-0.102,0.11-0.186,0.18-0.248l1.408-1.408 C1.795,0.048,1.906,0,2.033,0c0.091,0,0.174,0.028,0.244,0.08c0.07,0.053,0.132,0.119,0.181,0.195l1.131,2.148 c0.064,0.113,0.082,0.236,0.053,0.371C3.615,2.929,3.555,3.04,3.463,3.131L2.942,3.652C2.93,3.665,2.915,3.688,2.907,3.72 C2.896,3.751,2.89,3.779,2.89,3.8c0.027,0.148,0.091,0.318,0.19,0.507c0.085,0.17,0.215,0.375,0.393,0.619 C3.651,5.171,3.902,5.45,4.225,5.769c0.319,0.324,0.599,0.576,0.848,0.757c0.246,0.181,0.453,0.313,0.619,0.396 c0.166,0.085,0.294,0.137,0.381,0.155l0.133,0.027c0.013,0,0.038-0.005,0.068-0.017c0.031-0.01,0.054-0.022,0.068-0.035 l0.604-0.614C7.074,6.325,7.222,6.27,7.392,6.27c0.12,0,0.215,0.021,0.284,0.065h0.012l2.041,1.207 C9.878,7.63,9.966,7.745,9.995,7.888z"/%3E %3C/svg%3E')
    }

    .header-info__wrapper .value {
        font-size: 0
    }
}

.header-info__wrapper:hover .value {
    color: #f70000
}

.header-info .button {
    max-width: 215px;
    width: 100%
}

@media only screen and (max-width:400px) {
    .header-info .button {
        max-width: 50px;
        height: 50px;
        font-size: 0;
        padding: 0;
        width: 50px;
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25px" height="22.772px" viewBox="0 3862.379 25 22.772" enable-background="new 0 3862.379 25 22.772" xml:space="preserve"%3E %3Cpath fill="%23ffffff" d="M19.127,3867.747c0,0.758-0.551,1.217-0.954,1.556c-0.153,0.127-0.437,0.361-0.436,0.449 c0.003,0.342-0.272,0.615-0.614,0.615c-0.002,0-0.004,0-0.005,0c-0.341,0-0.617-0.264-0.62-0.605 c-0.005-0.671,0.485-1.073,0.879-1.404c0.308-0.259,0.51-0.441,0.51-0.608c0-0.339-0.274-0.614-0.612-0.614 c-0.339,0-0.613,0.275-0.613,0.614c0,0.342-0.278,0.62-0.621,0.62c-0.342,0-0.62-0.278-0.62-0.62c0-1.022,0.831-1.854,1.853-1.854 C18.296,3865.896,19.127,3866.726,19.127,3867.747z M17.135,3870.94c-0.342,0-0.605,0.277-0.605,0.62v0.005 c0,0.342,0.264,0.617,0.605,0.617c0.343,0,0.62-0.279,0.62-0.622S17.478,3870.94,17.135,3870.94z M4.642,3875.257 c-0.343,0-0.621,0.278-0.621,0.621c0,0.342,0.278,0.62,0.621,0.62h0.051c0.343,0,0.621-0.278,0.621-0.62 c0-0.343-0.278-0.621-0.621-0.621H4.642z M6.795,3875.257c-0.342,0-0.62,0.278-0.62,0.621c0,0.342,0.278,0.62,0.62,0.62h0.052 c0.343,0,0.62-0.278,0.62-0.62c0-0.343-0.277-0.621-0.62-0.621H6.795z M25,3865.357v6.977c0,1.652-1.324,2.993-2.977,2.993h-8.038 c-0.157,0-0.287-0.001-0.395-0.003c-0.114-0.003-0.241-0.003-0.291,0.002c-0.052,0.034-0.179,0.151-0.301,0.263 c-0.049,0.045-0.104,0.094-0.163,0.148l-2.274,2.073c-0.181,0.165-0.45,0.208-0.674,0.109s-0.382-0.321-0.382-0.566v-6.572H3.011 c-0.969,0-1.771,0.793-1.771,1.762v6.976c0,0.969,0.802,1.729,1.771,1.729h8.979c0.155,0,0.299,0.071,0.413,0.175l1.853,1.709 v-5.892c0-0.342,0.278-0.618,0.621-0.618c0.342,0,0.619,0.276,0.619,0.618v7.297c0,0.245-0.14,0.465-0.365,0.563 c-0.08,0.036-0.161,0.05-0.245,0.05c-0.152,0-0.302-0.063-0.418-0.169l-2.718-2.494H3.011c-1.652,0-3.011-1.317-3.011-2.969v-6.976 c0-1.652,1.359-3.002,3.011-3.002h6.493v-4.184c0-1.652,1.369-2.979,3.021-2.979h9.498C23.676,3862.379,25,3863.706,25,3865.357z M23.76,3865.357c0-0.968-0.768-1.739-1.736-1.739h-9.498c-0.968,0-1.781,0.771-1.781,1.739v4.81v5.78l1.246-1.125 c0.057-0.053,0.122-0.102,0.169-0.144c0.57-0.525,0.715-0.608,1.458-0.594c0.101,0.002,0.222,0.004,0.369,0.004h8.038 c0.969,0,1.736-0.785,1.736-1.753V3865.357L23.76,3865.357z"/%3E %3C/svg%3E');
        background-position: center center;
        background-repeat: no-repeat
    }
}

.footer-top {
    padding: 70px 0 30px
}

@media only screen and (max-width:991.98px) {
    .footer-top {
        padding: 30px 0
    }
}

.footer-top .title {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.footer-bottom__wrapper span,
.footer-nav li a,
.form-subscribe .wpcf7-response-output,
.form-subscribe__email input[type=email] {
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

@media only screen and (max-width:768.98px) {
    .header {
        max-height: 70px
    }

    .header-info .button {
        line-height: 50px;
        height: 50px
    }

    .footer-top .title {
        font-size: 14px
    }
}

.footer-top .row {
    margin: 0 -15px -20px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.footer-top .col {
    position: relative;
    padding: 0 15px;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-bottom: 20px
}

.footer-bottom__wrapper {
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 15px 0
}

.footer-bottom__wrapper span {
    font-size: 12px;
    color: #60687f;
    line-height: 20px
}

.footer-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 160px
}

.footer-nav li {
    width: 100%
}

.footer-nav li a {
    position: relative;
    font-size: 14px;
    color: rgba(96, 104, 127, .8);
    padding-left: 13px;
    line-height: 24px;
    display: block;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.footer-nav li a:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #f70000;
    top: 10px;
    left: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.footer-nav li a:hover {
    color: #333
}

.footer-nav li a:hover:before {
    width: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.form-subscribe {
    position: relative;
    max-width: 288px
}

@media only screen and (max-width:600px) {
    .form-subscribe {
        max-width: 100%
    }
}

.form-subscribe .button-submit {
    min-width: 50px;
    min-height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #2ac9b9;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18px" height="13.488px" viewBox="0.05 3975.361 18 13.488" enable-background="new 0.05 3975.361 18 13.488" xml:space="preserve"%3E %3Cg%3E %3Cpath fill="%23FFFFFF" d="M17.871,3975.369l-17.54,6.339c-0.326,0.118-0.381,0.555-0.096,0.747l2.622,1.79l11.9-6.276l-10.074,7.522 v3.047c0,0.207,0.233,0.333,0.407,0.218l2.219-1.472l2.186,1.491c0.2,0.137,0.474,0.077,0.603-0.13l7.933-13.08 C18.096,3975.458,17.989,3975.325,17.871,3975.369z"/%3E %3C/g%3E %3C/svg%3E');
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    font-size: 0
}

.footer-soc li a,
.footer-soc li a svg {
    -webkit-transition: all ease-in-out .2s
}

.form-subscribe .button-submit:hover {
    background-color: #f70000
}

.form-subscribe__email {
    position: relative;
    width: 100%
}

@media only screen and (max-width:1399.98px) {
    .form-subscribe__email {
        margin-right: 15px
    }
}

@media only screen and (max-width:1300px) {
    .form-subscribe__email {
        margin-right: 0;
        margin-bottom: 15px;
        width: 100%
    }
}

.form-subscribe__email:before {
    width: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12px" height="8.569px" viewBox="100 142.969 12 8.569" enable-background="new 100 142.969 12 8.569"%3E %3Cpath fill="%232ac9b9" d="M106,148.966l-1.483-1.298l-4.245,3.638c0.155,0.143,0.363,0.232,0.593,0.232h10.273 c0.229,0,0.436-0.089,0.59-0.232l-4.242-3.638L106,148.966z"/%3E%3Cpath fill="%232ac9b9" d="M111.728,143.201c-0.155-0.143-0.361-0.232-0.593-0.232h-10.273c-0.229,0-0.436,0.089-0.59,0.234 l5.728,4.908L111.728,143.201z"/%3E%3Cpolygon fill="%232ac9b9" points="100,143.721 100,150.841 104.142,147.321 "/%3E%3Cpolygon fill="%232ac9b9" points="107.858,147.321 112,150.841 112,143.716"/%3E%3C/svg%3E');
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 1
}

.form-subscribe__email input[type=email] {
    border: 1px solid #2ac9b9;
    height: 50px;
    background-color: rgba(255, 255, 255, .1);
    font-size: 14px;
    color: #fff
}

.form-subscribe__email input[type=email]:active,
.form-subscribe__email input[type=email]:focus {
    border: 1px solid #2ac9b9
}

.form-subscribe__email input[type=email]:-moz-placeholder,
.form-subscribe__email input[type=email]:-ms-input-placeholder,
.form-subscribe__email input[type=email]::-moz-placeholder,
.form-subscribe__email input[type=email]::-webkit-input-placeholder {
    color: #fff
}

.form-subscribe__email input[type=email]:-moz-placeholder,
.form-subscribe__email input[type=email]:-ms-input-placeholder,
.form-subscribe__email input[type=email]::-moz-placeholder,
.form-subscribe__email input[type=email]::-webkit-input-placeholder,
.form-subscribe__email input[type=email]::placeholder {
    color: #fff
}

.form-subscribe .wrapp-form-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-subscribe:hover .button-submit {
    background-color: #f70000
}

.form-subscribe .wpcf7 {
    width: 100%
}

.form-subscribe .wpcf7-form-control-wrap {
    display: inline-block;
    width: 100%
}

.form-subscribe .wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: none !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    color: #000
}

@media only screen and (max-width:1300px) {
    .form-subscribe .wrapp-form-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-subscribe .wpcf7-response-output {
        text-align: center
    }
}

@media only screen and (max-width:480.98px) {
    .form-subscribe .wpcf7-response-output {
        margin: 0
    }
}

.form-subscribe .wpcf7-response-output .close {
    width: 20px;
    height: 20px;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E %3Crect x="1.45459" width="20.5703" height="2.05704" rx="1.02852" transform="rotate(45 1.45459 0)"/%3E %3Crect y="14.5454" width="20.5703" height="2.05704" rx="1.02852" transform="rotate(-45 0 14.5454)"/%3E %3C/svg%3E')
}

.form-subscribe .wpcf7-response-output.wpcf7-validation-errors {
    display: none !important
}

.footer-soc,
.form-subscribe form .wrapp-form-items {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.form-subscribe .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #92ef89
}

.form-subscribe form.sent {
    padding-bottom: 30px
}

.form-subscribe form .wrapp-form-items {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1300px) {
    .form-subscribe form .wrapp-form-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-contact .wpcf7-response-output {
        text-align: center
    }
}

.form-subscribe form p .ajax-loader,
.form-subscribe form p br {
    display: none
}

.form-subscribe form .ajax-loader {
    display: none !important
}

.form-subscribe form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    font-size: 11px;
    color: #d63254;
    font-weight: 300;
    font-family: Montserrat, sans-serif;
    width: 100%;
    position: absolute;
    bottom: -20px;
    left: 30px;
    z-index: 1
}

.footer-soc {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 170px
}

.footer-contacts__item,
.footer-soc li a {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.footer-soc li~li {
    margin-left: 10px
}

.footer-soc li a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(247, 0, 0, .3);
    background-color: rgba(247, 0, 0, .06);
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.footer-soc li a svg {
    fill: #f70000;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.footer-soc li a:hover {
    background-color: #f70000;
    -webkit-box-shadow: 0 12px 13px rgba(247, 0, 0, .21);
    box-shadow: 0 12px 13px rgba(247, 0, 0, .21)
}

.footer-soc li a:hover svg {
    fill: #fff
}

.footer-contacts__item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 190px
}

.footer-contacts__icon,
.footer-info-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.footer-contacts__item~li {
    margin-top: 15px
}

.footer-contacts__icon {
    margin-right: 10px;
    width: 10px;
    height: 10px;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0
}

.footer-contacts__icon svg {
    fill: #f70000
}

.footer-contacts a {
    font-size: 14px;
    color: #60687f;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    opacity: .8;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.footer-contacts a:hover {
    color: #333;
    opacity: 1
}

.footer-text {
    max-width: 270px
}

@media only screen and (max-width:600px) {
    .footer-text {
        max-width: 100%
    }
}

.footer-info-list li {
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.footer-info-list li .icon {
    margin-right: 10px
}

.footer-info-list li~li {
    margin-top: 10px
}

.footer-info-list li a {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.footer-info-list li a:hover {
    color: #f70000
}

.footer-info-list__email a,
.footer-info-list__tel a,
.portfolio-items .wrapper-hover .title {
    color: #fff;
    font-family: Montserrat, sans-serif
}

.footer-info-list__tel a {
    font-size: 16px;
    font-weight: 700
}

.footer-info-list__email a {
    font-size: 14px;
    font-weight: 400;
    max-width: 200px;
    width: 100%
}

.portfolio-items-wrapper {
    position: relative
}

.portfolio-items {
    margin: 0 -15px
}

.portfolio-items__item {
    padding: 0 15px;
    margin-bottom: 30px
}

.portfolio-items__item img {
    width: 100%
}

.portfolio-items.js-portfolio-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.portfolio-items.js-portfolio-items .portfolio-items__item {
    width: 25%
}

@media only screen and (max-width:1590px) {
    .portfolio-items.js-portfolio-items .portfolio-items__item {
        width: 33.333%
    }
}

@media only screen and (max-width:1030px) {
    .portfolio-items.js-portfolio-items .portfolio-items__item {
        width: 50%
    }
}

@media only screen and (max-width:991.98px) {
    .portfolio-items__item {
        margin-bottom: 0
    }

    .portfolio-items.js-portfolio-items .portfolio-items__item {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:670px) {
    .portfolio-items.js-portfolio-items .portfolio-items__item {
        width: 100%
    }
}

.portfolio-items__content {
    position: relative;
    padding-bottom: 70%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.section-contacts .contact-item,
.section-contacts__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.portfolio-items__content:after {
    content: '';
    width: 100%;
    height: 100%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#010b30), color-stop(48%, rgba(1, 14, 64, 0)), to(rgba(0, 18, 81, 0)));
    background-image: -webkit-linear-gradient(bottom, #010b30 0, rgba(1, 14, 64, 0) 48%, rgba(0, 18, 81, 0) 100%);
    background-image: -o-linear-gradient(bottom, #010b30 0, rgba(1, 14, 64, 0) 48%, rgba(0, 18, 81, 0) 100%);
    background-image: linear-gradient(to top, #010b30 0, rgba(1, 14, 64, 0) 48%, rgba(0, 18, 81, 0) 100%);
    opacity: .8;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.portfolio-items__content:hover:after {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(100%, rgba(0, 27, 123, .8)), to(rgba(0, 27, 123, .8)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 27, 123, .8) 100%, rgba(0, 27, 123, .8) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 27, 123, .8) 100%, rgba(0, 27, 123, .8) 100%);
    background-image: linear-gradient(to top, rgba(0, 27, 123, .8) 100%, rgba(0, 27, 123, .8) 100%)
}

.portfolio-items__content:hover .icon-search {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.portfolio-items__content:hover .wrapper-hover {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.portfolio-items__content:hover .wrapper-hover .content-text {
    opacity: 1
}

.portfolio-items .icon-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 0 10px;
    border-radius: 0 10px;
    background-color: rgba(42, 201, 185, .8);
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

.portfolio-items .icon-search svg {
    fill: #fff
}

.portfolio-items .wrapper-hover {
    position: absolute;
    z-index: 1;
    padding: 30px 20px;
    -webkit-transform: translateY(70%);
    -ms-transform: translateY(70%);
    transform: translateY(70%);
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: block;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.portfolio-items .wrapper-hover .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 10px;
    width: 85%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.portfolio-items .wrapper-hover .content-text {
    max-height: 360px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.toggle-portfolio,
.toggle-portfolio svg {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

.toggle-portfolio {
    width: 60px;
    height: 60px;
    background-color: #f70000;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 16;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    -webkit-box-shadow: 0 19px 40px rgba(24, 41, 116, .18);
    box-shadow: 0 19px 40px rgba(24, 41, 116, .18);
    cursor: pointer;
    transition: all ease-in-out .2s
}

.toggle-portfolio.active,
.toggle-portfolio:hover {
    background-color: #2ac9b9
}

@media only screen and (max-width:850px) {
    .toggle-portfolio {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.toggle-portfolio svg {
    width: 30px;
    height: 30px;
    fill: #fff;
    transition: all ease-in-out .2s
}

.section-contacts .contact-item__subtitle,
.section-first .length-slider {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

.toggle-portfolio.active svg {
    fill: #001b7b
}

.section-contacts {
    position: relative;
    overflow: hidden
}

.section-contacts .contacts-list {
    width: 30%;
    padding: 0 15px
}

@media only screen and (max-width:1050px) {
    .section-contacts .contacts-list {
        width: 100%;
        margin-bottom: 20px
    }
}

.section-contacts__wrapper {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -15px
}

@media only screen and (max-width:1050px) {
    .section-contacts__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.section-contacts .contact-item {
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.section-contacts .contact-item+.contact-item {
    margin-top: 25px
}

.section-contacts .contact-item .column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

.section-contacts .contact-item__icon {
    margin-right: 10px;
    width: 10px;
    height: 10px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0
}

.section-contacts .contact-item__icon svg {
    fill: #f70000
}

.section-contacts .contact-item__title {
    font-size: 14px;
    color: #232323;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.section-contacts .contact-item__subtitle {
    font-size: 14px;
    color: #60687f;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    margin-top: 5px;
    line-height: 1.2;
    transition: all ease-in-out .2s
}

.section-contacts .contact-item a.contact-item__subtitle:hover {
    color: #f70000
}

.section-contacts .contact-item__graphick {
    width: 100%;
    max-width: 200px;
    margin-top: 5px
}

.section-contacts .contact-item__graphick>span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-contacts .contact-item__graphick>span>strong {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.form-contact .wpcf7-response-output,
.form-want-know .wpcf7-response-output,
.section-contacts .contact-item__graphick>span>span,
.text-coming-soon__sub-title,
.text-coming-soon__title {
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

.section-contacts .contact-item__graphick>span>span {
    margin-left: 45px;
    font-size: 16px;
    color: #fff;
    line-height: 22px
}

.section-contacts .contact-map {
    width: 70%;
    padding: 0 15px
}

@media only screen and (max-width:1050px) {
    .section-contacts .contact-map {
        width: 100%
    }
}

.contact-map {
    position: relative
}

.contact-map .button {
    position: absolute;
    top: 30px;
    left: 45px;
    z-index: 1
}

@media only screen and (max-width:991.98px) {
    .contact-map .button {
        top: 15px;
        left: 30px
    }
}

.js-maps {
    width: 100%;
    height: 375px
}

@media only screen and (max-width:768.98px) {
    .contact-map .button {
        display: none
    }

    .js-maps {
        height: 350px;
        display: none
    }
}

.form-contact {
    max-width: 800px;
    margin: 0 auto
}

.form-contact__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px
}

.form-contact__bottom {
    text-align: center;
    margin: 0
}

.form-contact__bottom .button {
    margin: 0 auto
}

.form-contact__item {
    padding: 0 15px;
    width: 50%;
    position: relative;
    margin-bottom: 25px
}

@media only screen and (max-width:580px) {
    .form-contact__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-contact__bottom .button {
        max-width: 100%
    }

    .form-contact__item {
        width: 100%
    }
}

.form-contact__item .icon {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 40px;
    z-index: 1
}

.first-slider .slick-arrow,
.form-contact .wpcf7-response-output .close,
.form-want-know .wpcf7-response-output .close {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.form-contact__item .icon svg {
    fill: #404f65
}

.form-contact__item.full {
    width: 100%
}

.form-contact__item.full .icon {
    top: 28px
}

.form-contact .wpcf7 {
    width: 100%
}

.form-contact .wpcf7-form-control-wrap {
    display: inline-block;
    width: 100%
}

.form-contact .wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: none !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    color: #000;
    text-align: center
}

.form-contact .wpcf7-response-output .close {
    width: 20px;
    height: 20px;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E %3Crect x="1.45459" width="20.5703" height="2.05704" rx="1.02852" transform="rotate(45 1.45459 0)"/%3E %3Crect y="14.5454" width="20.5703" height="2.05704" rx="1.02852" transform="rotate(-45 0 14.5454)"/%3E %3C/svg%3E')
}

.form-contact .wpcf7-response-output.wpcf7-validation-errors {
    display: none !important
}

.form-contact .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #5bb952
}

.form-contact form {
    position: relative
}

.form-contact form.invalid .form-popup__wrapper {
    padding-bottom: 15px
}

.form-contact form.sent {
    padding-bottom: 30px
}

.form-contact form .wrapp-form-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1300px) {
    .form-contact form .wrapp-form-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.form-contact form p .ajax-loader,
.form-contact form p br {
    display: none
}

.form-contact form .ajax-loader {
    display: none !important
}

.coming-soon .container,
.coming-soon__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.form-contact form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    font-size: 12px;
    color: #DE958D;
    font-weight: 300;
    font-family: Montserrat, sans-serif;
    width: 100%;
    position: absolute;
    top: 110%;
    left: 0;
    z-index: 1
}

@media only screen and (max-width:480.98px) {
    .form-contact .wpcf7-response-output {
        margin: 0
    }

    .form-contact form span.wpcf7-form-control-wrap {
        margin-right: unset
    }
}

.coming-soon {
    background-position: top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100vh;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.coming-soon:after,
.coming-soon:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0
}

.coming-soon:before {
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #232323;
    opacity: .8
}

.coming-soon:after {
    right: 50%;
    max-width: 1px;
    width: 1px;
    height: 100vh;
    background-color: #fff;
    opacity: .1
}

.coming-soon .container {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.coming-soon__logo {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -4.1vh
}

@media only screen and (max-width:600px) {
    .coming-soon__logo {
        margin-top: 4.4vh
    }
}

@media only screen and (max-width:480.98px) {
    .coming-soon__logo {
        width: 62vw
    }
}

.text-coming-soon {
    background-color: rgba(255, 255, 255, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10vh 15vw;
    width: 70vw;
    height: 30vh;
    min-height: 150px;
    border-bottom: 3px #cadaf4 solid;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.text-coming-soon:after,
.text-coming-soon:before {
    content: '';
    position: absolute;
    max-width: 1px;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    opacity: .1
}

.text-coming-soon:before {
    left: 0;
    min-height: 100%
}

.text-coming-soon:after {
    right: 0
}

@media only screen and (max-width:1400px) {
    .text-coming-soon {
        margin: 8vh 0;
        width: 80vw
    }
}

@media only screen and (max-width:1199.98px) {
    .text-coming-soon {
        margin: 6vh 0;
        width: 85vw
    }
}

@media only screen and (max-width:991.98px) {
    .text-coming-soon {
        margin: 5vh 0;
        width: 90vw
    }
}

.text-coming-soon__title {
    font-size: 3.4vw;
    color: #fff;
    text-align: center
}

@media only screen and (max-width:1199.98px) {
    .text-coming-soon__title {
        font-size: 4.3vw
    }
}

@media only screen and (max-width:991.98px) {
    .text-coming-soon__title {
        font-size: 5.3vw
    }
}

@media only screen and (max-width:768.98px) {
    .text-coming-soon {
        width: 95vw
    }

    .text-coming-soon__title {
        font-size: 7.3vw
    }
}

.text-coming-soon__sub-title {
    font-size: 1vw;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.3;
    margin-top: 5vh;
    text-align: center
}

@media only screen and (max-width:1400px) {
    .text-coming-soon__sub-title {
        font-size: 1.7vw
    }
}

@media only screen and (max-width:991.98px) {
    .text-coming-soon__sub-title {
        font-size: 2vw;
        margin-top: 3vh
    }
}

@media only screen and (max-width:768.98px) {
    .text-coming-soon__sub-title {
        font-size: 2.3vw;
        margin-top: 2vh
    }
}

@media only screen and (max-width:480.98px) {
    .text-coming-soon {
        height: 25vh
    }

    .text-coming-soon__sub-title {
        font-size: 3.5vw
    }
}

.text-coming-soon .wrapper {
    position: relative;
    padding: 2vh 3vw;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.text-coming-soon .wrapper:after,
.text-coming-soon .wrapper:before {
    position: absolute;
    width: 100vw;
    height: 1px;
    background-color: #fff;
    content: '';
    opacity: .1
}

.text-coming-soon .wrapper:before {
    top: 0
}

.text-coming-soon .wrapper:after {
    bottom: -3px
}

.form-want-know {
    max-width: 590px;
    width: 100%;
    position: relative
}

.form-want-know .wpcf7-response-output {
    margin: 30px 0 0;
    padding: 15px 20px;
    border: none !important;
    font-size: 16px;
    color: #2F4858
}

@media only screen and (max-width:480.98px) {
    .form-want-know .wpcf7-response-output {
        margin: 20px 0 0
    }
}

.form-want-know .wpcf7-response-output .close {
    width: 20px;
    height: 20px;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E %3Crect x="1.45459" width="20.5703" height="2.05704" rx="1.02852" transform="rotate(45 1.45459 0)"/%3E %3Crect y="14.5454" width="20.5703" height="2.05704" rx="1.02852" transform="rotate(-45 0 14.5454)"/%3E %3C/svg%3E')
}

.form-want-know .wpcf7-response-output.wpcf7-validation-errors {
    display: none !important
}

.form-want-know .wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #92C79E
}

.form-want-know form p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form-want-know form p .ajax-loader {
    display: none
}

.form-want-know form p br {
    display: none
}

.form-want-know form p span.your-email {
    margin-right: 20px
}

.form-want-know form p span.your-email:before {
    content: '';
    position: absolute;
    top: 24px;
    left: 30px;
    width: 12px;
    height: 12px;
    z-index: 1;
    background-image: url(../img/mail-icon.svg)
}

.form-want-know form p span.your-email .wpcf7-not-valid-tip {
    font-size: 12px;
    color: #DE958D;
    font-weight: 300;
    font-family: Montserrat, sans-serif;
    width: 100%;
    position: absolute;
    top: -15px;
    left: 10px;
    z-index: 1
}

.first-service .btn-line,
.first-wrapper-text .subtitle,
.first-wrapper-text .title,
.section-first .length-slider {
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

.section-first .container:before,
.section-first:before {
    content: '';
    top: 0;
    background-color: #001028;
    width: 100%;
    opacity: .8
}

.form-want-know__input {
    max-width: 283px;
    width: 100%;
    position: relative
}

@media only screen and (max-width:600px) {
    .form-want-know form p {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column
    }

    .form-want-know form p span.your-email {
        margin-right: unset;
        margin-bottom: 20px
    }

    .form-want-know__input {
        max-width: unset;
        margin-right: unset
    }
}

.form-want-know .button {
    max-width: 283px
}

.section-first {
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 0 !important
}

.section-first:before {
    position: absolute;
    left: 0;
    height: 100%
}

.section-first .container {
    height: 100%;
    position: initial;
    padding-top: 40%
}

.section-first .container:before {
    position: absolute;
    height: 1px;
    display: none
}

@media only screen and (max-width:1599.98px) {
    .section-first .container {
        padding-top: 45%
    }
}

@media only screen and (max-width:1199.98px) {
    .section-first .container {
        padding-top: 50%
    }
}

@media only screen and (max-width:991.98px) {
    .section-first .container {
        padding-top: 55%
    }
}

@media only screen and (max-width:768.98px) {
    .section-first .container {
        padding-top: 60%
    }
}

@media only screen and (max-width:600px) {
    .form-want-know .button {
        max-width: unset
    }

    .section-first .container {
        padding-top: 70%
    }
}

@media only screen and (max-width:480.98px) {
    .section-first .container {
        padding-top: 80%
    }
}

@media only screen and (max-width:400px) {
    .section-first .container {
        padding-top: 100%
    }
}

.section-first .length-slider {
    position: absolute;
    bottom: 30px;
    z-index: 1;
    left: 55px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 30px;
    color: #b9b9c2;
    transition: all ease-in-out .2s
}

.first-slider .slick-arrow,
.section-first .length-slider span {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

@media only screen and (max-width:1650px) {
    .section-first .length-slider {
        left: 15px;
        bottom: auto;
        top: 20px
    }
}

@media only screen and (max-width:768.98px) {
    .section-first .length-slider {
        font-size: 20px
    }
}

.section-first .length-slider span {
    display: block;
    transition: all ease-in-out .2s
}

.section-first .length-slider span:last-child {
    margin-left: 5px
}

.section-first .length-slider span.first {
    margin-bottom: 10px;
    font-weight: 700;
    color: #fff;
    font-size: 50px
}

.first-slider,
.first-slider .slick-list,
.first-slider .slick-track,
.first-slider__item {
    height: 100%
}

.first-slider__wrapper-video {
    position: absolute;
    padding-top: 56.25%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    top: -30%
}

@media only screen and (max-width:1600px) {
    .first-slider__wrapper-video {
        top: -20%
    }
}

@media only screen and (max-width:1199.98px) {
    .first-slider__wrapper-video {
        top: -10%
    }
}

@media only screen and (max-width:991.98px) {
    .first-slider__wrapper-video {
        top: 0
    }
}

.first-slider__wrapper-video .youtube-slider,
.first-slider__wrapper-video iframe,
.first-slider__wrapper-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.first-slider__wrapper-video .slider-button-video {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: transparent;
    z-index: 1000;
    background-position: 60%;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 494.148 494.148" style="enable-background:new 0 0 494.148 494.148;" fill="%23ffffff"%3E %3Cpath d="M405.284,201.188L130.804,13.28C118.128,4.596,105.356,0,94.74,0C74.216,0,61.52,16.472,61.52,44.044v406.124 c0,27.54,12.68,43.98,33.156,43.98c10.632,0,23.2-4.6,35.904-13.308l274.608-187.904c17.66-12.104,27.44-28.392,27.44-45.884 C432.632,229.572,422.964,213.288,405.284,201.188z"/%3E%3C/svg%3E');
    -webkit-background-size: 25px 25px;
    background-size: 25px;
    background-repeat: no-repeat;
    border: 2px solid #fff
}

.first-slider__bg:before,
.first-slider__wrapper-video:before {
    width: 100%;
    background-color: #090f39;
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    content: '';
    opacity: .3
}

.first-slider .slick-arrow,
.first-slider__bg {
    background-position: center center;
    background-repeat: no-repeat
}

@media only screen and (max-width:768.98px) {
    .section-first .length-slider span.first {
        font-size: 35px
    }

    .first-slider__wrapper-video .youtube-slider,
    .first-slider__wrapper-video iframe,
    .first-slider__wrapper-video video {
        display: none
    }

    .first-slider__wrapper-video .slider-button-video {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.first-slider__info,
.first-slider__info>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.first-slider__wrapper-video:before {
    z-index: 1
}

@media only screen and (max-width:480.98px) {
    .first-slider__wrapper-video {
        padding: 70.25% 0 0 !important
    }
}

.first-slider__bg {
    -webkit-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    padding: 56.25% 0 0 !important;
    position: absolute
}

@media only screen and (max-width:480.98px) {
    .first-slider__bg {
        padding: 70.25% 0 0 !important
    }
}

.first-slider__info {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    max-width: 1410px;
    margin: 0 auto;
    z-index: 1;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    padding: 100px 0 70px
}

.first-slider__info>div {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.first-slider__info.left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.first-slider__info.left .first-slider__wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width:1199.98px) {
    .first-slider__info.left .first-slider__wrapper .button {
        margin: 20px 0 0
    }
}

@media only screen and (max-width:768.98px) {
    .first-slider__info>div {
        width: 100%
    }

    .first-slider__info.left .first-slider__wrapper .button {
        margin: 10px 0 0
    }

    .first-slider__info.center .title {
        max-width: -webkit-calc(100% - 100px);
        max-width: calc(100% - 100px)
    }
}

.first-slider__info.left .title {
    text-align: left
}

@media only screen and (max-width:1199.98px) {
    .first-slider__info.left .title {
        margin: 0
    }
}

.first-slider__info.center .title {
    text-align: center
}

@media only screen and (max-width:600px) {
    .first-slider__info.center .title {
        max-width: 100%
    }
}

.first-slider .title {
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 60px;
    margin-bottom: 20px;
    max-width: 680px
}

@media only screen and (max-width:1199.98px) {
    .first-slider .title {
        font-size: 35px;
        line-height: 55px
    }
}

@media only screen and (max-width:991.98px) {
    .first-slider__info {
        padding-bottom: 90px !important
    }

    .first-slider .title {
        font-size: 30px;
        line-height: 45px
    }
}

@media only screen and (max-width:768.98px) {
    .first-slider .title {
        font-size: 26px;
        line-height: 40px
    }
}

@media only screen and (max-width:480.98px) {
    .first-slider__info {
        padding: 80px 0
    }

    .first-slider .title {
        font-size: 20px;
        line-height: 35px
    }
}

.first-slider .button {
    max-width: 220px;
    width: 100%
}

@media only screen and (max-width:991.98px) {
    .first-slider .button {
        height: 40px;
        line-height: 40px
    }
}

@media only screen and (max-width:480.98px) {
    .first-slider .button {
        background-color: transparent;
        color: #f70000;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 12px;
        padding: 0;
        line-height: initial;
        height: 20px;
        width: auto
    }

    .first-slider .button:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.first-slider .slick-arrow {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    border: none;
    transition: all ease-in-out .2s;
    z-index: 2
}

@media only screen and (max-width:1650px) {
    .first-slider .slick-arrow {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        top: auto;
        bottom: 30px
    }
}

@media only screen and (max-width:1300px) {
    .first-slider .slick-arrow {
        bottom: 50px
    }

    .form-popup .wpcf7-response-output {
        text-align: center
    }
}

@media only screen and (max-width:768.98px) {
    .first-slider .slick-arrow {
        width: 40px;
        height: 40px
    }
}

.first-slider .slick-arrow.slick-prev {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%23292929" d="M301.14,3805.529l5.275-5.278c0.337-0.337,0.88-0.337,1.217,0c0.337,0.336,0.337,0.88,0,1.214l-4.669,4.669l4.669,4.672 c0.337,0.336,0.337,0.88,0,1.214c-0.337,0.337-0.88,0.337-1.217,0l-5.278-5.278c-0.168-0.168-0.252-0.388-0.252-0.608 C300.888,3805.918,300.972,3805.698,301.14,3805.529z"/%3E %3C/svg%3E');
    left: 55px
}

.first-slider .slick-arrow.slick-next {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%23292929" d="M307.63,3806.744l-5.275,5.278c-0.337,0.337-0.88,0.337-1.217,0c-0.337-0.336-0.337-0.88,0-1.214l4.669-4.669l-4.669-4.672 c-0.337-0.336-0.337-0.88,0-1.214c0.337-0.337,0.88-0.337,1.217,0l5.278,5.278c0.168,0.168,0.252,0.388,0.252,0.608 C307.882,3806.355,307.798,3806.576,307.63,3806.744z"/%3E %3C/svg%3E');
    right: 55px
}

@media only screen and (max-width:1650px) {
    .first-slider .slick-arrow.slick-prev {
        left: 15px
    }

    .first-slider .slick-arrow.slick-next {
        left: 75px
    }
}

@media only screen and (max-width:600px) {
    .first-slider .slick-arrow {
        width: 30px;
        height: 30px
    }

    .first-slider .slick-arrow.slick-next {
        right: auto;
        left: 55px
    }
}

.first-slider .slick-arrow:hover {
    -webkit-box-shadow: 0 11px 20px rgba(0, 0, 0, .09);
    box-shadow: 0 11px 20px rgba(0, 0, 0, .09);
    opacity: 1
}

.first-slider .slick-arrow:focus {
    outline: 0
}

.first-wrapper-text {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    max-width: 1730px
}

.first-wrapper-text__wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.first-wrapper-text__wrapper:after,
.first-wrapper-text__wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    width: 200%;
    height: 1px;
    background-color: #fff;
    opacity: .1;
    left: -50%
}

.first-wrapper-text__wrapper:after {
    bottom: 0;
    top: auto
}

.first-wrapper-text__wrapper-wrap {
    max-width: 620px;
    background-color: rgba(255, 255, 255, .1);
    border-left: 3px solid #cadaf4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3vh 5vw 4vh 2vw
}

.first-wrapper-text .title {
    font-size: 60px;
    color: #fff
}

@media only screen and (max-width:768.98px) {
    .first-wrapper-text__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .first-wrapper-text__wrapper:after,
    .first-wrapper-text__wrapper:before {
        display: none
    }

    .first-wrapper-text__wrapper-wrap {
        margin-bottom: 20px
    }

    .first-wrapper-text .title {
        font-size: 35px
    }
}

.first-wrapper-text .subtitle {
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    text-transform: uppercase;
    margin-top: 25px
}

@media only screen and (max-width:768.98px) {
    .first-wrapper-text .subtitle {
        font-size: 15px;
        margin-top: 20px
    }

    .first-wrapper-text .button {
        margin-left: 0
    }
}

@media only screen and (max-width:480.98px) {
    .first-wrapper-text .subtitle {
        font-size: 12px;
        margin-top: 15px
    }
}

.first-service {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.first-service .text-content-fs {
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
    transition: .4s all ease
}

@media only screen and (max-width:1024px) {
    .first-service .text-content-fs {
        -webkit-transform: rotate(270deg) translateX(70px);
        -ms-transform: rotate(270deg) translateX(70px);
        transform: rotate(270deg) translateX(70px);
        width: 100%;
        white-space: nowrap;
        bottom: 0
    }

    .first-service .btn-line {
        display: none
    }
}

@media only screen and (max-width:768.98px) {
    .first-service .text-content-fs {
        -webkit-transform: rotate(270deg) translateX(30px);
        -ms-transform: rotate(270deg) translateX(30px);
        transform: rotate(270deg) translateX(30px)
    }

    .first-service__item .itembg {
        display: none
    }
}

@media only screen and (max-width:650px) {
    .first-service .text-content-fs {
        -webkit-transform: rotate(270deg) translateX(0);
        -ms-transform: rotate(270deg) translateX(0);
        transform: rotate(270deg) translateX(0)
    }
}

.first-service .btn-line {
    line-height: 24px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: .4s all ease;
    -o-transition: .4s all ease;
    transition: .4s all ease;
    visibility: hidden;
    opacity: 0;
    position: relative
}

.first-service .btn-line:after {
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    width: 6px;
    height: 11px;
    background-image: url(../img/right-arrow.svg)
}

.first-service .btn-line:hover {
    color: #cadaf4
}

.first-service__item {
    width: 25%;
    height: 100%;
    min-height: 100vh;
    position: relative
}

.first-service__item .itembg {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
    -webkit-transition: .4s all ease;
    -o-transition: .4s all ease;
    transition: .4s all ease
}

.first-service__item .itembg:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#001028), color-stop(42%, rgba(0, 16, 40, 0)), to(rgba(0, 16, 40, .5)));
    background-image: -webkit-linear-gradient(bottom, #001028 0, rgba(0, 16, 40, 0) 42%, rgba(0, 16, 40, .5) 100%);
    background-image: -o-linear-gradient(bottom, #001028 0, rgba(0, 16, 40, 0) 42%, rgba(0, 16, 40, .5) 100%);
    background-image: linear-gradient(to top, #001028 0, rgba(0, 16, 40, 0) 42%, rgba(0, 16, 40, .5) 100%);
    opacity: .5;
    z-index: 1
}

.first-service__item:before {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #fff;
    opacity: .1
}

.first-service__item:last-child:before {
    display: none
}

.first-service__item>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;
    padding: 30px 30px 5vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    position: relative
}

.first-service__item:hover .itembg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.first-service__item:hover>a .text-content-fs {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin-bottom: 25px
}

@media only screen and (max-width:1024px) {
    .first-service__item:hover>a .text-content-fs {
        -webkit-transform: rotate(270deg) translateX(70px);
        -ms-transform: rotate(270deg) translateX(70px);
        transform: rotate(270deg) translateX(70px)
    }
}

@media only screen and (max-width:768.98px) {
    .first-service__item>a {
        padding: 30px
    }

    .first-service__item:hover>a .text-content-fs {
        -webkit-transform: rotate(270deg) translateX(30px);
        -ms-transform: rotate(270deg) translateX(30px);
        transform: rotate(270deg) translateX(30px)
    }
}

@media only screen and (max-width:650px) {
    .first-service__item:hover>a .text-content-fs {
        -webkit-transform: rotate(270deg) translateX(0);
        -ms-transform: rotate(270deg) translateX(0);
        transform: rotate(270deg) translateX(0)
    }
}

.first-service__item:hover>a .btn-line {
    max-height: 100%;
    visibility: visible;
    opacity: 1
}

.first-service .title {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    position: relative
}

.first-service .title:after {
    content: '';
    display: block;
    margin: 15px 20px 30px 0;
    width: 40px;
    height: 3px;
    background-color: #cadaf4
}

@media only screen and (max-width:768.98px) {
    .first-service .title {
        font-size: 25px
    }
}

@media only screen and (max-width:480.98px) {
    .first-service .title {
        font-size: 20px
    }
}

.first-service .subtitle {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    line-height: 24px;
    opacity: .7
}

@media only screen and (max-width:1024px) {

    .first-service .subtitle,
    .first-service .title:after {
        display: none
    }
}

.form-popup__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -15px
}

.form-popup h2 {
    text-align: center
}

.form-popup p {
    text-align: center;
    margin: 10px 0
}

.form-popup__item {
    position: relative;
    padding: 0 15px;
    width: 50%
}

@media only screen and (max-width:600px) {
    .form-popup__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-popup__item {
        width: 100%
    }

    .form-popup__item~.form-popup__item {
        margin-top: 20px
    }
}

.form-popup__item .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 40px;
    z-index: 1
}

.form-popup__item .icon svg {
    fill: #cadaf4
}

.form-popup__item input[type=text],
.form-popup__item input[type=email],
.form-popup__item input[type=phone],
.form-popup__item input[type=tel] {
    font-size: 14px;
    color: #404f65;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    width: 100%
}

.form-popup__item input[type=text]:-moz-placeholder,
.form-popup__item input[type=text]:-ms-input-placeholder,
.form-popup__item input[type=text]::-moz-placeholder,
.form-popup__item input[type=text]::-webkit-input-placeholder,
.form-popup__item input[type=email]:-moz-placeholder,
.form-popup__item input[type=email]:-ms-input-placeholder,
.form-popup__item input[type=email]::-moz-placeholder,
.form-popup__item input[type=email]::-webkit-input-placeholder,
.form-popup__item input[type=phone]:-moz-placeholder,
.form-popup__item input[type=phone]:-ms-input-placeholder,
.form-popup__item input[type=phone]::-moz-placeholder,
.form-popup__item input[type=phone]::-webkit-input-placeholder,
.form-popup__item input[type=tel]:-moz-placeholder,
.form-popup__item input[type=tel]:-ms-input-placeholder,
.form-popup__item input[type=tel]::-moz-placeholder,
.form-popup__item input[type=tel]::-webkit-input-placeholder {
    color: #404f65
}

.form-popup__item input[type=text]:-moz-placeholder,
.form-popup__item input[type=text]:-ms-input-placeholder,
.form-popup__item input[type=text]::-moz-placeholder,
.form-popup__item input[type=text]::-webkit-input-placeholder,
.form-popup__item input[type=text]::placeholder,
.form-popup__item input[type=email]:-moz-placeholder,
.form-popup__item input[type=email]:-ms-input-placeholder,
.form-popup__item input[type=email]::-moz-placeholder,
.form-popup__item input[type=email]::-webkit-input-placeholder,
.form-popup__item input[type=email]::placeholder,
.form-popup__item input[type=phone]:-moz-placeholder,
.form-popup__item input[type=phone]:-ms-input-placeholder,
.form-popup__item input[type=phone]::-moz-placeholder,
.form-popup__item input[type=phone]::-webkit-input-placeholder,
.form-popup__item input[type=phone]::placeholder,
.form-popup__item input[type=tel]:-moz-placeholder,
.form-popup__item input[type=tel]:-ms-input-placeholder,
.form-popup__item input[type=tel]::-moz-placeholder,
.form-popup__item input[type=tel]::-webkit-input-placeholder,
.form-popup__item input[type=tel]::placeholder {
    color: #404f65
}

.form-popup .button {
    margin: 15px auto 0
}

.form-popup .wpcf7 {
    width: 100%
}

.form-popup .wpcf7-form-control-wrap {
    display: inline-block;
    width: 100%
}

.form-popup .wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: none !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    color: #000;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    text-align: center
}

@media only screen and (max-width:480.98px) {
    .form-popup .wpcf7-response-output {
        margin: 0
    }
}

.form-popup .wpcf7-response-output .close {
    width: 20px;
    height: 20px;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E %3Crect x="1.45459" width="20.5703" height="2.05704" rx="1.02852" transform="rotate(45 1.45459 0)"/%3E %3Crect y="14.5454" width="20.5703" height="2.05704" rx="1.02852" transform="rotate(-45 0 14.5454)"/%3E %3C/svg%3E')
}

.our-services-items-content .read-more:after,
.our-services-items-tab .read-more:after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492.004 492.004" style="enable-background:new 0 0 492.004 492.004;" fill="%23f70000"%3E%3Cpath d="M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12 c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028 c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265 c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z"/%3E%3C/svg%3E');
    content: ''
}

.form-popup .wpcf7-response-output.wpcf7-validation-errors {
    display: none !important
}

.form-popup .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #5bb952
}

.form-popup form.invalid .form-popup__wrapper {
    padding-bottom: 15px
}

.form-popup form.sent {
    padding-bottom: 30px
}

.form-popup form .wrapp-form-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1300px) {
    .form-popup form .wrapp-form-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-popup form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
        bottom: -4px;
        width: 100%;
        left: 0;
        text-align: center
    }
}

.advantages-items,
.our-advantages-items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.form-popup form p .ajax-loader,
.form-popup form p br {
    display: none
}

.form-popup form .ajax-loader {
    display: none !important
}

.advantages-items,
.advantages-items__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.form-popup form span.wpcf7-form-control-wrap {
    margin-right: 20px
}

.form-popup form span.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    font-size: 12px;
    color: #DE958D;
    font-weight: 300;
    font-family: Montserrat, sans-serif;
    width: 100%;
    position: absolute;
    top: 110%;
    left: 0;
    z-index: 1
}

@media only screen and (max-width:480.98px) {
    .form-popup form span.wpcf7-form-control-wrap {
        margin-right: unset
    }
}

.section-advantages {
    padding: 80px 0
}

.advantages-items {
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px -50px
}

@media only screen and (max-width:1350px) {
    .advantages-items {
        margin: 0 -15px -40px
    }
}

@media only screen and (max-width:768.98px) {
    .advantages-items {
        margin: 0 -15px -30px
    }
}

.advantages-items__item {
    width: 25%;
    padding: 0 15px
}

@media only screen and (max-width:1350px) {
    .advantages-items__item {
        width: 50%
    }
}

@media only screen and (max-width:700px) {
    .advantages-items__item {
        width: 100%
    }
}

.advantages-items__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #2ac9b9;
    background-color: rgba(255, 255, 255, .1);
    min-height: 235px;
    margin-bottom: 50px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.advantages-items .icon,
.advantages-items__wrapper .text {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.advantages-items__wrapper .text,
.advantages-items__wrapper .text span {
    -o-transition: all ease-in-out .2s;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.advantages-items__wrapper .text {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 24px;
    color: #fff;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    padding: 0 15px;
    text-align: center
}

.advantages-items__wrapper .text span {
    font-size: 100px;
    color: #2ac9b9;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:1199.98px) {
    .advantages-items__wrapper .text span {
        font-size: 80px
    }
}

@media only screen and (max-width:991.98px) {
    .advantages-items__wrapper {
        min-height: 190px
    }

    .advantages-items__wrapper .text span {
        font-size: 60px
    }
}

@media only screen and (max-width:1350px) {
    .advantages-items__wrapper {
        margin-bottom: 40px
    }
}

.advantages-items__wrapper:hover {
    background-color: #2ac9b9
}

.advantages-items__wrapper:hover .text span {
    color: #fff
}

.advantages-items .title {
    font-size: 20px;
    color: #404f65;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 24px;
    max-width: 200px
}

@media only screen and (max-width:991.98px) {
    .advantages-items .title {
        font-size: 16px
    }
}

@media only screen and (max-width:768.98px) {
    .advantages-items__wrapper {
        margin-bottom: 30px
    }

    .advantages-items .title {
        font-size: 14px;
        max-width: 140px
    }
}

.advantages-items .icon {
    width: 137px;
    height: 112px;
    -webkit-box-shadow: 0 19px 27px rgba(0, 0, 0, .08);
    box-shadow: 0 19px 27px rgba(0, 0, 0, .08);
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: -40px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.advantages-items .icon svg {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    fill: #404f65
}

@media only screen and (max-width:700px) {
    .advantages-items .icon {
        min-width: 107px;
        max-width: 107px;
        height: 78px
    }

    .advantages-items .icon svg {
        max-width: 45px;
        max-height: 37px
    }
}

.advantages-items .content-text p {
    font-size: 14px;
    color: #757e8c;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    line-height: 22px
}

.section-our-services {
    position: relative
}

.wrapper-our-services {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -15px
}

.our-services-items-tab {
    width: 25%;
    padding: 0 15px
}

@media only screen and (max-width:1199.98px) {
    .our-services-items-tab {
        width: 30%
    }
}

@media only screen and (max-width:991.98px) {
    .wrapper-our-services {
        margin: 0 -15px
    }

    .our-services-items-tab {
        width: 40%;
        padding: 0 15px
    }
}

@media only screen and (max-width:768.98px) {
    .wrapper-our-services {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .our-services-items-tab {
        width: 100%;
        display: none
    }
}

.our-services-items-tab__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px;
    min-height: 60px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #e5e5ee;
    background-color: #fff;
    padding: 18px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    cursor: pointer
}

@media only screen and (max-width:1399.98px) {
    .our-services-items-tab__item {
        padding: 15px
    }
}

@media only screen and (max-width:1100px) {
    .our-services-items-tab__item {
        padding: 10px 5px 10px 0;
        min-height: auto;
        border: 0;
        border-bottom: 1px solid #e5e5ee;
        -webkit-border-radius: 0;
        border-radius: 0
    }
}

.our-services-items-tab__item:last-child {
    margin-bottom: 0
}

.our-services-items-tab__item .title {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 20px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.our-services-items-content .read-more,
.our-services-items-tab .read-more {
    -o-transition: all ease-in-out .2s;
    display: inline-block;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase
}

@media only screen and (max-width:1399.98px) {
    .our-services-items-tab__item .title {
        font-size: 16px
    }
}

.our-services-items-tab__item.active {
    background-color: #f70000;
    border-color: #f70000
}

.our-services-items-tab__item.active .title {
    color: #fff
}

@media only screen and (max-width:1100px) {
    .our-services-items-tab__item.active {
        background-color: transparent;
        border-color: #e5e5ee
    }

    .our-services-items-tab__item.active .title {
        color: #f70000
    }
}

.our-services-items-tab .read-more {
    font-size: 14px;
    color: #f70000;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.our-services-items-tab .read-more:after {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    margin-left: 3px
}

@media only screen and (max-width:480.98px) {
    .our-services-items-tab .read-more {
        width: 100%;
        max-width: 100%
    }
}

.our-services-items-tab .read-more:hover {
    opacity: .7
}

.our-services-items-content {
    width: 75%;
    padding: 0 15px
}

@media only screen and (max-width:991.98px) {
    .our-services-items-content {
        width: 60%;
        padding: 0 15px
    }
}

@media only screen and (max-width:768.98px) {
    .our-services-items-content {
        width: 100%
    }
}

.our-services-items-content .title {
    font-size: 24px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 24px;
    margin-bottom: 25px;
    padding-left: 13px;
    position: relative
}

.our-services-items-content .title:before {
    content: '';
    width: 3px;
    height: 100%;
    background-color: #f70000;
    position: absolute;
    left: 0;
    top: 0
}

.our-services-items-content .content-text {
    max-height: 145px;
    overflow: hidden
}

.our-services-items-content .read-more {
    margin-top: 20px;
    font-size: 18px;
    color: #f70000;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.our-services-items-content .read-more:after {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    margin-left: 5px
}

.our-services-items-content .read-more:hover {
    opacity: .7
}

.our-services-items-content .read-more.m-btn {
    display: none
}

@media only screen and (max-width:768.98px) {
    .our-services-items-content .read-more.m-btn {
        display: inline-block
    }

    .our-services-items-content .tab-content {
        border: 1px solid #e5e5ee;
        border-top: 0
    }

    .our-services-items-content .tab-content.active {
        padding: 15px
    }
}

.our-services-items-content .tab-content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.our-services-items-content .tab-content-wrapper-slider {
    max-height: 420px;
    -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .16);
    box-shadow: 0 15px 24px rgba(0, 0, 0, .16);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #959595;
    margin-top: 30px;
    position: relative;
    width: 100%
}

.our-services-items-content .tab-content-wrapper-slider .slick-list {
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.our-services-items-content .tab-content-wrapper-slider__item {
    padding-bottom: 35%;
    position: relative;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.our-services-items-content .tab-content-wrapper-slider__share,
.stock-slider__share {
    right: 10px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 416 416" style="enable-background:new 0 0 416 416;" fill="%23ffffff"%3E %3Cpath d="M288,0v32h41.6c14.573,0.036,28.964-3.247,42.08-9.6l1.92-0.96l-352,352v-0.96c6.653-13.099,10.211-27.55,10.4-42.24V288 H0v128h128v-32H85.76c-14.159-0.018-28.146,3.097-40.96,9.12l-1.76,0.8l352-352v1.6C388.069,56.758,384.288,71.442,384,86.4V128 h32V0H288z"/%3E %3Cpath d="M185.6,164.64L43.2,22.24h0.96c12.86,6.291,26.964,9.625,41.28,9.76H128V0H0v128h32V85.44 c-0.003-13.985-3.06-27.8-8.96-40.48l-0.8-1.76l142.4,142.4L185.6,164.64z"/%3E %3Cpath d="M384,288v42.72c0.003,13.985,3.06,27.8,8.96,40.48l0.64,1.28L251.36,230.24L230.4,251.2l142.24,142.24h-1.28 c-12.691-6.088-26.565-9.311-40.64-9.44H288v32h128V288H384z"/%3E%3C/svg%3E');
    -webkit-background-size: 20px 20px
}

@media only screen and (max-width:1399.98px) {
    .our-services-items-content .tab-content-wrapper-slider__item {
        padding-bottom: 40%
    }
}

@media only screen and (max-width:768.98px) {
    .our-services-items-content .tab-content-wrapper .title {
        display: none
    }

    .our-services-items-content .tab-content-wrapper-slider__item {
        padding-bottom: 50%
    }
}

@media only screen and (max-width:480.98px) {
    .our-services-items-content .read-more {
        width: 100%;
        max-width: 100%
    }

    .our-services-items-content .tab-content-wrapper-slider__item {
        padding-bottom: 30%
    }
}

.our-services-items-content .tab-content-wrapper-slider__share {
    width: 40px;
    height: 40px;
    border: 1px solid #f70000;
    background-color: #f70000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.our-services-items-content .tab-content-wrapper-slider__share:hover {
    background-color: #fff;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 416 416" style="enable-background:new 0 0 416 416;" fill="%23f70000"%3E %3Cpath d="M288,0v32h41.6c14.573,0.036,28.964-3.247,42.08-9.6l1.92-0.96l-352,352v-0.96c6.653-13.099,10.211-27.55,10.4-42.24V288 H0v128h128v-32H85.76c-14.159-0.018-28.146,3.097-40.96,9.12l-1.76,0.8l352-352v1.6C388.069,56.758,384.288,71.442,384,86.4V128 h32V0H288z"/%3E %3Cpath d="M185.6,164.64L43.2,22.24h0.96c12.86,6.291,26.964,9.625,41.28,9.76H128V0H0v128h32V85.44 c-0.003-13.985-3.06-27.8-8.96-40.48l-0.8-1.76l142.4,142.4L185.6,164.64z"/%3E %3Cpath d="M384,288v42.72c0.003,13.985,3.06,27.8,8.96,40.48l0.64,1.28L251.36,230.24L230.4,251.2l142.24,142.24h-1.28 c-12.691-6.088-26.565-9.311-40.64-9.44H288v32h128V288H384z"/%3E%3C/svg%3E')
}

.js-accordion {
    display: none
}

.js-accordion~.js-accordion {
    margin-top: 10px
}

@media only screen and (max-width:768.98px) {
    .js-accordion {
        display: block
    }
}

.js-accordion span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    border: 1px solid #e5e5ee;
    padding: 10px 15px;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.js-accordion .title {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 24px;
    margin-bottom: 0
}

@media only screen and (max-width:480.98px) {
    .js-accordion .title {
        font-size: 16px
    }
}

.js-accordion.active span {
    background-color: #f70000;
    border-color: #f70000
}

.white-services .our-services-items-tab__item .icon span,
.white-services .our-services-items-tab__item.active .icon {
    border: 1px solid #404f65
}

.js-accordion.active .title {
    color: #fff
}

.js-accordion.active .title:before {
    background-color: #fff
}

.white-services .js-accordion.active span,
.white-services .our-services-items-tab__item .icon span:after,
.white-services .our-services-items-tab__item .icon span:before,
.white-services .our-services-items-tab__item.active .icon span {
    background-color: #404f65
}

.white-services .our-services-items-tab {
    width: 25%;
    padding: 0 15px
}

@media only screen and (max-width:1350px) {
    .white-services {
        margin: 0 -15px
    }

    .white-services .our-services-items-tab {
        width: 35%;
        padding: 0 15px
    }
}

.white-services .our-services-items-tab__item .title {
    color: #757e8c
}

.white-services .our-services-items-content .title,
.white-services .our-services-items-tab__item.active .title {
    color: #404f65
}

.white-services .our-services-items-tab__item .icon svg {
    fill: #404f65
}

.white-services .our-services-items-tab__item.active .icon svg {
    fill: #cadaf4
}

.white-services .our-services-items-content {
    width: 75%;
    padding: 0 30px
}

@media only screen and (max-width:1350px) {
    .white-services .our-services-items-content {
        width: 65%;
        padding: 0 15px
    }
}

.white-services .our-services-items-content .content-text {
    max-height: 100%;
    overflow: hidden
}

.white-services .our-services-items-content .content-text p {
    opacity: 1;
    color: #757e8c
}

@media only screen and (max-width:768.98px) {
    .white-services .our-services-items-content {
        width: 100%;
        padding: 0 15px
    }

    .white-services .our-services-items-content .tab-content {
        border: 1px solid #cadaf4;
        border-top: 0;
        padding: 15px
    }
}

.white-services .our-services-items-content .tab-content-wrapper {
    display: block;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    -webkit-column-rule: 1px solid #dcdfe3;
    -moz-column-rule: 1px solid #dcdfe3;
    column-rule: 1px solid #dcdfe3;
    padding-right: 30px;
    border-right: 1px solid #dcdfe3
}

@media only screen and (max-width:1350px) {
    .white-services .our-services-items-content .tab-content-wrapper {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        padding-right: 15px
    }
}

@media only screen and (max-width:768.98px) {
    .white-services .our-services-items-content .tab-content-wrapper {
        width: 100%;
        padding-right: 0;
        border: 0
    }
}

.white-services .js-accordion span {
    border: 1px solid #404f65
}

.white-services .js-accordion .icon svg {
    fill: #404f65
}

.white-services .js-accordion.active .title {
    color: #cadaf4
}

.reviews-slider__top .chart,
.reviews-slider__top .city,
.reviews-slider__top .title {
    color: #2b2f3e;
    line-height: 24px;
    font-size: 16px
}

.white-services .js-accordion.active .icon svg {
    fill: #cadaf4
}

.section-reviews {
    padding: 80px 0
}

.reviews-slider-wrapper {
    position: relative
}

.reviews-slider {
    position: relative;
    margin: 0 -15px
}

.reviews-slider .slick-list {
    overflow: visible
}

.reviews-slider__item {
    display: block;
    padding: 0 15px;
    opacity: 0;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.reviews-slider__top,
.reviews-slider__top .left-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.reviews-slider__item.slick-active {
    opacity: 1
}

.reviews-slider__wrapper:hover .reviews-slider__top {
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background-color: #ebedf0
}

.reviews-slider__wrapper:hover .icon {
    border-color: #2ac9b9;
    -webkit-box-shadow: 0 19px 26px rgba(0, 0, 0, .14);
    box-shadow: 0 19px 26px rgba(0, 0, 0, .14)
}

.reviews-slider__top {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -20px;
    padding: 0 30px;
    position: relative;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:768.98px) {
    .reviews-slider__top {
        -webkit-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        background-color: #ebedf0
    }
}

.reviews-slider__top .icon {
    min-width: 115px;
    min-height: 115px;
    max-width: 115px;
    max-height: 115px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid transparent;
    overflow: hidden;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.reviews-slider__top .icon img {
    width: 100%
}

.reviews-slider__top .title {
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase
}

.reviews-slider__top .city {
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

.reviews-slider-nav .title,
.reviews-slider__top .chart {
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.reviews-slider__top .left-info {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:768.98px) {
    .reviews-slider__top .icon {
        border-color: #2ac9b9;
        -webkit-box-shadow: 0 19px 26px rgba(0, 0, 0, .14);
        box-shadow: 0 19px 26px rgba(0, 0, 0, .14);
        max-width: 95px;
        max-height: 95px
    }

    .reviews-slider__top .info {
        margin-left: 20px
    }
}

.reviews-slider__top .rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reviews-slider-nav .slick-dots li button,
.reviews-slider-nav-wrapper .arrow {
    display: none
}

@media only screen and (max-width:991.98px) {
    .white-services .our-services-items-tab__item .title {
        font-size: 16px
    }

    .reviews-slider__top {
        padding: 0 15px
    }

    .reviews-slider__top .rating {
        position: absolute;
        bottom: 25px;
        right: 20px
    }
}

@media only screen and (max-width:410px) {
    .reviews-slider__top .rating {
        display: none
    }
}

.reviews-slider__top .chart {
    text-transform: uppercase;
    margin-right: 7px
}

.reviews-slider__bottom {
    height: 207px;
    -webkit-box-shadow: 0 20px 66px rgba(0, 0, 0, .1);
    box-shadow: 0 20px 66px rgba(0, 0, 0, .1);
    background-color: #fff;
    padding: 40px 35px 35px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px
}

.reviews-slider__bottom .content-text {
    max-height: 115px;
    overflow: hidden
}

.reviews-slider-nav-wrapper {
    position: relative
}

@media only screen and (max-width:1010px) {
    .reviews-slider-nav-wrapper .arrow {
        display: block
    }
}

.reviews-slider-nav-wrapper .arrow__next,
.reviews-slider-nav-wrapper .arrow__prev {
    position: absolute;
    bottom: 0;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    z-index: 1
}

@media only screen and (max-width:650px) {

    .reviews-slider-nav-wrapper .arrow__next,
    .reviews-slider-nav-wrapper .arrow__prev {
        width: auto;
        height: auto;
        background-color: transparent
    }
}

.reviews-slider-nav-wrapper .arrow__next svg,
.reviews-slider-nav-wrapper .arrow__prev svg {
    fill: #cadaf4;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.reviews-slider-nav-wrapper .arrow__next:hover,
.reviews-slider-nav-wrapper .arrow__prev:hover {
    background-color: #cadaf4
}

.reviews-slider-nav-wrapper .arrow__prev {
    left: 0
}

.reviews-slider-nav-wrapper .arrow__next {
    right: 0
}

.reviews-slider-nav {
    max-width: 550px;
    margin: 30px auto 0
}

@media only screen and (max-width:768.98px) {
    .reviews-slider-nav {
        margin: 20px auto 0
    }
}

@media only screen and (max-width:650px) {

    .reviews-slider-nav-wrapper .arrow__next:hover,
    .reviews-slider-nav-wrapper .arrow__prev:hover {
        background-color: transparent
    }

    .reviews-slider-nav__item {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 350px;
        margin: 0 auto;
        padding-bottom: 15px
    }
}

.reviews-slider-nav .js-rating {
    margin: 15px auto 0;
    opacity: 0;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:650px) {
    .reviews-slider-nav .js-rating {
        opacity: 1;
        margin: 5px 0 0
    }
}

.reviews-slider-nav .icon {
    position: relative;
    margin: 0 auto 35px;
    width: 120px;
    height: 120px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:768.98px) {
    .reviews-slider-nav .icon {
        margin-bottom: 25px
    }
}

@media only screen and (max-width:650px) {
    .reviews-slider-nav .icon {
        width: 80px;
        height: 80px;
        margin: 0 30px 0 0
    }

    .reviews-slider-nav .icon:before {
        display: none
    }
}

.reviews-slider-nav .icon:before {
    content: '';
    background-color: #fff;
    opacity: .5;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.reviews-slider-nav .icon img {
    margin: 0 auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

@media only screen and (max-width:650px) {
    .reviews-slider-nav .icon img {
        width: 100%
    }
}

.reviews-slider-nav .icon span {
    position: absolute;
    bottom: -15px;
    left: -webkit-calc(50% - 15px);
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background-color: #cadaf4;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    opacity: 0
}

.reviews-slider-nav .slick-dots,
.section-gallery .arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.reviews-slider-nav .profession,
.reviews-slider-nav .title {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    color: #fff;
    line-height: 24px
}

.reviews-slider-nav .icon span svg {
    fill: #404f65
}

.reviews-slider-nav .title {
    font-size: 18px;
    transition: all ease-in-out .2s;
    text-align: center
}

@media only screen and (max-width:650px) {
    .reviews-slider-nav .icon span {
        opacity: 1
    }

    .reviews-slider-nav .title {
        text-align: left;
        font-size: 16px
    }
}

.reviews-slider-nav .profession {
    font-size: 14px;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    opacity: .5;
    transition: all ease-in-out .2s;
    text-align: center
}

.about-us-items .year,
.gallery-slider .title,
.our-advantages-items .title,
.price-table-top,
.services-items .title,
.wrapper-title__title {
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.reviews-slider-nav .slick-slide .icon {
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

.reviews-slider-nav .slick-slide .title {
    opacity: 0
}

@media only screen and (max-width:650px) {
    .reviews-slider-nav .profession {
        text-align: left;
        font-size: 13px
    }

    .reviews-slider-nav .slick-slide .icon {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .reviews-slider-nav .slick-slide .title {
        opacity: 1
    }
}

.reviews-slider-nav .slick-slide .profession {
    opacity: 0
}

@media only screen and (max-width:650px) {
    .reviews-slider-nav .slick-slide .profession {
        opacity: 1
    }
}

.reviews-slider-nav .slick-slide.slick-center .icon {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.reviews-slider-nav .slick-slide.slick-center .icon span {
    opacity: 1
}

.reviews-slider-nav .slick-slide.slick-center .icon:before {
    opacity: 0
}

.reviews-slider-nav .slick-slide.slick-center .title {
    opacity: 1
}

.reviews-slider-nav .slick-slide.slick-center .profession {
    opacity: .5
}

.reviews-slider-nav .slick-slide.slick-center .js-rating {
    opacity: 1
}

.reviews-slider-nav .slick-dots {
    margin: 15px;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reviews-slider-nav .slick-dots li {
    width: 6px;
    height: 6px;
    background-color: #687382;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: 8px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.reviews-slider-nav .slick-dots li.slick-active {
    width: 18px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #cadaf4
}

.section-gallery {
    padding: 80px 0;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}

.section-gallery .arrow {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #dcdfe3;
    margin-left: 15px
}

.section-gallery .arrow__next,
.section-gallery .arrow__prev {
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    z-index: 1
}

@media only screen and (max-width:768.98px) {
    .section-gallery .arrow {
        border: none
    }

    .section-gallery .arrow__next,
    .section-gallery .arrow__prev {
        width: auto;
        height: auto;
        background-color: transparent;
        position: absolute
    }
}

.gallery-slider .wrapper,
.gallery-slider .wrapper-inner {
    width: 100%;
    height: 100%;
    position: absolute
}

.section-gallery .arrow__next svg,
.section-gallery .arrow__prev svg {
    fill: #404f65;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.section-gallery .arrow__next:hover,
.section-gallery .arrow__prev:hover {
    background-color: #404f65
}

.section-gallery .arrow__next:hover svg,
.section-gallery .arrow__prev:hover svg {
    fill: #fff
}

.section-gallery .arrow__prev {
    border-right: 1px solid #dcdfe3
}

.gallery-slider-wrapper {
    position: relative
}

.gallery-slider-wrapper .arrow {
    display: none
}

@media only screen and (max-width:768.98px) {

    .section-gallery .arrow__next:hover svg,
    .section-gallery .arrow__prev:hover svg {
        fill: #404f65
    }

    .section-gallery .arrow__next:hover,
    .section-gallery .arrow__prev:hover {
        background-color: transparent
    }

    .section-gallery .arrow__prev {
        border: none;
        left: 0
    }

    .section-gallery .arrow__next {
        right: 0
    }

    .section-gallery.blue-them .arrow svg {
        fill: #fff
    }

    .gallery-slider-wrapper .arrow {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.gallery-slider {
    margin: 0 -15px
}

.gallery-slider__item {
    position: relative;
    padding: 0 15px
}

.gallery-slider .wrapper>img {
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%
}

.gallery-slider .wrapper-inner {
    left: 0;
    top: 0;
    background-color: rgba(0, 16, 40, .8);
    padding: 10px;
    -webkit-transform: translateY(101%);
    -ms-transform: translateY(101%);
    transform: translateY(101%);
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    cursor: pointer
}

.gallery-slider .slick-dots li,
.gallery-slider .title {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

.gallery-slider .wrapper-inner-content {
    border: 1px solid rgba(255, 255, 255, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.gallery-slider .icon {
    width: 90px;
    height: 90px;
    border: 1px solid rgba(255, 255, 255, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gallery-slider .title {
    margin-top: 15px;
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    max-width: 460px;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:991.98px) {
    .gallery-slider .title {
        font-size: 18px
    }
}

.gallery-slider__wrapper {
    position: relative;
    -webkit-box-shadow: 0 34px 27px rgba(0, 0, 0, .08);
    box-shadow: 0 34px 27px rgba(0, 0, 0, .08);
    border: 1px solid #b5bbc5;
    background-color: #757e8c;
    overflow: hidden;
    padding-bottom: 65%;
    display: block
}

.gallery-slider__wrapper:hover .wrapper-inner {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.gallery-slider .slick-dots {
    margin: 25px 15px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gallery-slider .slick-dots li {
    width: 6px;
    height: 6px;
    background-color: #b5bbc5;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: 8px;
    transition: all ease-in-out .2s
}

.about-us-items .content-text p,
.about-us-items .year {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

.gallery-slider .slick-dots li button {
    display: none
}

.gallery-slider .slick-dots li.slick-active {
    width: 18px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #404f65
}

.photos,
.photos__photo,
.photos__photo:first-child>div {
    height: 100%
}

.photos__photo>img {
    width: 100%
}

.photos .cocoen-drag:after,
.photos .cocoen-drag:before {
    content: '';
    position: absolute;
    top: -webkit-calc(50% - 17px);
    top: calc(50% - 17px);
    width: 35px;
    height: 35px;
    margin: 0;
    border: 0;
    background-color: #fff;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="6px" height="11.217px" viewBox="358.868 49.66 6 11.217" enable-background="new 358.868 49.66 6 11.217" xml:space="preserve"%3E %3Cg%3E %3Cpath fill="%23404f65" d="M358.983,49.775c-0.154,0.155-0.154,0.406,0,0.561l4.938,4.927l-4.938,4.938 c-0.154,0.154-0.154,0.406,0,0.56c0.155,0.155,0.406,0.155,0.561,0l5.208-5.208c0.078-0.077,0.116-0.174,0.116-0.28 c0-0.097-0.039-0.203-0.116-0.28l-5.208-5.208C359.389,49.62,359.138,49.62,358.983,49.775z"/%3E %3C/g%3E %3C/svg%3E');
    background-position: center;
    background-repeat: no-repeat
}

.photos .cocoen-drag:before {
    left: -webkit-calc(50% - 35px);
    left: calc(50% - 35px);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.photos .cocoen-drag:after {
    left: -50%
}

.section-title {
    position: relative;
    padding: 40px 0;
    overflow: hidden;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media only screen and (max-width:768.98px) {
    .gallery-slider .title {
        font-size: 16px
    }

    .section-title {
        padding: 30px 0
    }
}

.section-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #090f39;
    opacity: .7
}

.section-title__wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:991.98px) {
    .section-title {
        padding: 30px 0
    }

    .section-title__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.section-title .breadcrumb {
    position: absolute;
    z-index: 1
}

.about-us-items,
.wrapper-title {
    position: relative
}

.section-title .breadcrumb__item span {
    max-width: 500px;
    display: block;
    white-space: nowrap;
    overflow: hidden !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.wrapper-title {
    width: 100%;
    padding: 100px 0
}

.wrapper-title.blog-size .wrapper-title__title {
    font-size: 30px
}

@media only screen and (max-width:991.98px) {
    .wrapper-title {
        padding: 80px 0
    }

    .wrapper-title.blog-size .wrapper-title__title {
        font-size: 22px
    }
}

@media only screen and (max-width:768.98px) {
    .wrapper-title.blog-size .wrapper-title__title {
        font-size: 18px;
        line-height: 22px
    }
}

.wrapper-title__title {
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    max-width: 850px
}

@media only screen and (max-width:991.98px) {
    .wrapper-title__title {
        font-size: 35px
    }
}

@media only screen and (max-width:768.98px) {
    .wrapper-title__title {
        font-size: 27px
    }
}

@media only screen and (max-width:480.98px) {
    .wrapper-title__title {
        font-size: 25px
    }
}

.section-about-us {
    padding: 80px 0 180px;
    -webkit-background-size: cover;
    background-size: cover
}

@media only screen and (max-width:991.98px) {
    .section-about-us {
        padding: 80px 0 140px
    }
}

@media only screen and (max-width:768.98px) {
    .section-about-us {
        padding: 30px 0 80px !important
    }
}

.about-us-items:after {
    content: '';
    width: 1px;
    height: 99px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#404f65), to(#fff));
    background-image: -webkit-linear-gradient(top, #404f65 0, #fff 100%);
    background-image: -o-linear-gradient(top, #404f65 0, #fff 100%);
    background-image: linear-gradient(to bottom, #404f65 0, #fff 100%);
    position: absolute;
    bottom: -115px;
    left: -webkit-calc(50% - .5px);
    left: calc(50% - .5px)
}

.about-us-items .year {
    font-size: 30px;
    color: #404f65;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    white-space: nowrap;
    transition: all ease-in-out .2s
}

.about-us-items .content-text p {
    transition: all ease-in-out .2s
}

.about-us-items__wrapper,
.our-advantages-items .icon,
.our-advantages-items__wrapper {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

.about-us-items__wrapper {
    width: 50%;
    padding: 20px 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    transition: all ease-in-out .2s;
    cursor: pointer;
    min-height: 150px
}

@media only screen and (max-width:991.98px) {
    .about-us-items:after {
        height: 50px;
        left: 15px;
        bottom: -65px
    }

    .about-us-items__wrapper {
        width: 100%;
        margin-left: 15px
    }
}

@media only screen and (max-width:680px) {
    .about-us-items .year {
        -webkit-transform: translateY(-35px) rotate(0);
        -ms-transform: translateY(-35px) rotate(0);
        transform: translateY(-35px) rotate(0);
        white-space: nowrap;
        margin-bottom: 20px;
        margin-left: 15px
    }

    .about-us-items .content-text {
        -webkit-transform: translateY(-35px);
        -ms-transform: translateY(-35px);
        transform: translateY(-35px)
    }

    .about-us-items__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .about-us-items__wrapper:before {
        display: none
    }
}

.about-us-items__wrapper:hover {
    background-color: #404f65
}

.about-us-items__wrapper:hover .content-text p,
.about-us-items__wrapper:hover .year {
    color: #fff
}

.about-us-items__wrapper:after,
.about-us-items__wrapper:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: -webkit-calc(100% - 15px);
    width: calc(100% - 15px);
    height: 1px;
    background-color: #404f65
}

.about-us-items__wrapper:after {
    width: 1px;
    left: -1px;
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.about-us-items__wrapper span {
    width: 30px;
    height: 30px;
    border: 1px solid #404f65;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: -15px;
    left: -15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.our-advantages-items,
.our-advantages-items__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.about-us-items__wrapper span:before {
    content: '';
    width: 10px;
    height: 10px;
    border: 4px solid #fff;
    background-color: #404f65;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.about-us-items__item {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.about-us-items__item:nth-child(odd) .about-us-items__wrapper:after {
    width: 1px
}

.about-us-items__item:nth-child(odd) .about-us-items__wrapper:before {
    left: auto;
    right: 0
}

.about-us-items__item:nth-child(2n) {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.about-us-items__item:nth-child(2n) .about-us-items__wrapper:after {
    width: 1px;
    right: 0;
    left: auto
}

@media only screen and (max-width:991.98px) {
    .about-us-items__item:nth-child(2n) .about-us-items__wrapper:before {
        left: auto;
        right: 0
    }

    .about-us-items__item:nth-child(2n) .about-us-items__wrapper:after {
        left: 0;
        right: auto
    }
}

.about-us-items__item:nth-child(2n) .about-us-items__wrapper span {
    left: auto;
    right: -15px
}

.about-us-items__item:nth-child(2n) .about-us-items__wrapper .year {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.about-us-items__item:nth-child(2n) .about-us-items__wrapper .content-text {
    text-align: right
}

@media only screen and (max-width:991.98px) {
    .about-us-items__item:nth-child(2n) .about-us-items__wrapper span {
        left: -15px;
        right: auto
    }

    .about-us-items__item:nth-child(2n) .about-us-items__wrapper .year {
        -webkit-box-ordinal-group: initial;
        -webkit-order: initial;
        -ms-flex-order: initial;
        order: initial
    }

    .about-us-items__item:nth-child(2n) .about-us-items__wrapper .content-text {
        text-align: left
    }
}

.about-us-items__item:last-child {
    position: relative
}

.about-us-items__item:last-child:before {
    content: '';
    width: 10px;
    height: 10px;
    border: 4px solid #fff;
    background-color: #404f65;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: -8.5px;
    left: -webkit-calc(50% - 8.5px);
    left: calc(50% - 8.5px);
    z-index: 1
}

@media only screen and (max-width:991.98px) {
    .about-us-items__item:last-child:before {
        left: 6.5px;
        bottom: -9px
    }
}

.about-us-items__item:last-child:after {
    content: '';
    width: 30px;
    height: 30px;
    border: 1px solid #404f65;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: -16px;
    left: -webkit-calc(50% - 15.5px);
    left: calc(50% - 15.5px)
}

.our-advantages-items {
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px 15px
}

.our-advantages-items__item {
    width: 20%;
    padding: 0 15px;
    margin-bottom: 20px;
    position: relative
}

@media only screen and (max-width:1199.98px) {
    .our-advantages-items__item {
        width: 33.333%
    }
}

@media only screen and (max-width:630px) {
    .our-advantages-items__item {
        width: 100%
    }
}

.our-advantages-items__wrapper {
    min-height: 223px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d1d4de;
    background-color: #fff;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    height: 100%;
    transition: all ease-in-out .2s
}

.section-consultation__wrapper-content,
.services-items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.our-advantages-items__wrapper:hover {
    border-color: #f70000;
    -webkit-box-shadow: 0 24px 22px rgba(0, 0, 0, .09);
    box-shadow: 0 24px 22px rgba(0, 0, 0, .09)
}

.our-advantages-items .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all ease-in-out .2s
}

.our-advantages-items .icon svg,
.our-advantages-items .title {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

.our-advantages-items .icon svg {
    transition: all ease-in-out .2s
}

.our-advantages-items .title {
    font-size: 18px;
    color: #333;
    text-align: center;
    line-height: 24px;
    max-width: 300px;
    transition: all ease-in-out .2s
}

.our-advantages-items .title:before,
.services-items .top {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

.our-advantages-items .title:before {
    content: '';
    width: 40px;
    height: 3px;
    background-color: #f70000;
    margin: 20px auto;
    display: block;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:991.98px) {
    .about-us-items__item:last-child:after {
        left: 0
    }

    .our-advantages-items .title {
        font-size: 18px
    }
}

@media only screen and (max-width:768.98px) {
    .our-advantages-items .title {
        font-size: 16px
    }
}

.our-advantages-items .content-text {
    max-width: 350px;
    margin: 0 auto
}

.section-services .arrow__next,
.section-services .arrow__prev {
    bottom: 0;
    display: none
}

@media only screen and (max-width:1290px) {

    .section-services .arrow__next,
    .section-services .arrow__prev {
        display: block
    }
}

.services-items-wrapper {
    position: relative
}

.services-items {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px -30px
}

@media only screen and (max-width:1290px) {
    .services-items {
        margin: 0 -15px
    }

    .services-items .slick-list {
        padding-bottom: 40px;
        margin-bottom: -40px
    }
}

.services-items__item {
    padding: 0 15px;
    width: 25%;
    margin-bottom: 30px
}

@media only screen and (max-width:1600px) {
    .services-items__item {
        width: 33.333%
    }
}

@media only screen and (max-width:1350px) {
    .services-items__item {
        width: 50%
    }
}

@media only screen and (max-width:1290px) {
    .services-items__item {
        margin-bottom: 0
    }
}

.services-items .top {
    padding: 20px 25px;
    background-color: #2ac9b9;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    position: relative;
    margin: -1px;
    transition: all ease-in-out .2s;
    overflow: hidden
}

.services-items .bottom,
.services-items .icon-small {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

@media only screen and (max-width:800px) {
    .services-items .top {
        margin-bottom: 0
    }
}

.services-items .icon-small {
    position: absolute;
    right: -100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    transition: all ease-in-out .2s;
    z-index: 1
}

.services-items .icon-small svg {
    width: 50px;
    height: 50px;
    fill: #fff !important
}

.services-items .icon-small svg path {
    fill: #fff !important
}

.services-items .title {
    font-size: 20px;
    color: #fff;
    max-width: 280px;
    z-index: 1;
    position: relative
}

.services-items .bottom {
    padding: 15px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    transition: all ease-in-out .2s;
    overflow: hidden
}

.services-items .bottom:after,
.services-items .content-text {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

.services-items .bottom:after {
    content: '';
    position: absolute;
    left: 0;
    top: -100%;
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    height: -webkit-calc(100% + 2px);
    height: calc(100% + 2px);
    background-color: #2ac9b9;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    margin: -1px;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:768.98px) {
    .services-items .bottom:after {
        background-color: transparent
    }
}

@media only screen and (max-width:600px) {
    .services-items .icon-small {
        right: 20px
    }

    .services-items .title {
        font-size: 16px;
        max-width: 180px
    }

    .services-items .bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .services-items .bottom:after {
        display: none
    }
}

.services-items .content-text {
    max-width: 210px;
    z-index: 1;
    position: relative;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:800px) {
    .services-items .content-text {
        max-width: 450px
    }
}

.services-items .content-text p,
.services-items .content-text ul li {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    line-height: 20px
}

.services-items .icon-big {
    z-index: 1;
    position: relative
}

@media only screen and (max-width:600px) {
    .services-items .content-text {
        max-width: 100%
    }

    .services-items .icon-big {
        display: none
    }
}

.services-items__wrapper {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #c6c6c6;
    background-color: #fff;
    height: 100%
}

.price-table-bottom,
.price-table-top {
    background-color: #404f65;
    display: -webkit-box;
    display: -webkit-flex;
    text-transform: uppercase
}

@media only screen and (max-width:800px) {
    .services-items__wrapper {
        -webkit-box-shadow: 0 12px 26px rgba(12, 43, 81, .16);
        box-shadow: 0 12px 26px rgba(12, 43, 81, .16);
        border-color: #2ac9b9
    }
}

.services-items__wrapper:hover {
    border-color: #2ac9b9;
    -webkit-box-shadow: 0 12px 26px rgba(12, 43, 81, .16);
    box-shadow: 0 12px 26px rgba(12, 43, 81, .16)
}

.services-items__wrapper:hover .bottom:after {
    top: 0
}

.services-items__wrapper:hover .icon-small {
    right: 20px
}

.services-items__wrapper:hover .content-text {
    max-width: 100%
}

.services-items__wrapper:hover .content-text li,
.services-items__wrapper:hover .content-text p {
    color: #fff
}

@media only screen and (max-width:600px) {

    .services-items__wrapper:hover .content-text li,
    .services-items__wrapper:hover .content-text p {
        color: initial
    }
}

.services-items__wrapper:hover .icon-big {
    opacity: 0;
    width: 0%;
    height: 0%
}

.section-price__wrapper {
    max-width: 1122px;
    margin: 0 auto
}

.wrapper-price-table {
    margin-top: 30px
}

.price-table-top {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
    color: #fff
}

.price-table-top>div {
    padding: 25px 30px
}

.price-table-top>.price {
    max-width: 200px;
    width: 100%;
    border-left: 1px solid #2e3d52
}

@media only screen and (max-width:610px) {
    .price-table-top>div {
        padding: 10px 15px
    }

    .price-table-top>.price {
        display: none
    }
}

.price-table-bottom {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #dcdfe3;
    border-top: 0
}

.price-table-bottom>.price,
.price-table-bottom>.title {
    display: -webkit-box;
    display: -webkit-flex;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    width: 100%
}

@media only screen and (max-width:610px) {
    .price-table-bottom {
        position: fixed;
        bottom: 0;
        z-index: 2;
        width: 100%;
        left: 0;
        border: none
    }
}

.items-blog .wrapper-bottom,
.price-table__info,
.price-table__item~.price-table__item {
    border-top: 1px solid #dcdfe3
}

.price-table-bottom>div {
    padding: 25px 30px
}

.price-table-bottom>.title {
    font-size: 16px;
    color: #404f65;
    background-color: #eff2f7;
    padding: 25px 30px;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:610px) {
    .price-table-bottom>.title {
        padding: 10px 15px
    }
}

@media only screen and (max-width:480.98px) {
    .price-table-bottom>.title {
        font-size: 14px
    }
}

.price-table-bottom>.price {
    max-width: 200px;
    border-left: 1px solid #2e3d52;
    font-size: 20px;
    color: #fff;
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.price-table-bottom>.price span {
    margin-right: 7px
}

@media only screen and (max-width:610px) {
    .price-table-bottom>.price {
        font-size: 18px
    }
}

@media only screen and (max-width:480.98px) {
    .price-table-bottom>.price {
        font-size: 16px
    }
}

.price-table {
    background-color: #fff;
    border: 1px solid #dcdfe3
}

.price-table__item>.title {
    padding: 20px 30px;
    background-color: #eff2f7;
    font-size: 16px;
    color: #404f65;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 24px
}

.price-table__info .info-wrapp>.price,
.price-table__info .info-wrapp>.title {
    color: #404f65;
    border-left: 1px solid #dcdfe3;
    line-height: 20px;
    font-family: Montserrat, sans-serif
}

@media only screen and (max-width:610px) {
    .price-table__item>.title {
        padding: 10px 15px
    }
}

.price-table__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.price-table__info:hover {
    background-color: #eef4f6
}

.price-table__info .result-prices-hidden {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.price-table__info .chek {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.price-table__info .chek .checkbox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 10px
}

.price-table__info .info-wrapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-left: 50px
}

.price-table__info .info-wrapp>.title {
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 400;
    min-width: 315px
}

@media only screen and (max-width:610px) {
    .price-table__info .info-wrapp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .price-table__info .info-wrapp>.title {
        padding: 7px 15px 0;
        min-width: auto
    }
}

.price-table__info .info-wrapp>.price {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 700;
    max-width: 200px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media only screen and (max-width:610px) {
    .price-table__info .info-wrapp>.price {
        padding: 7px 15px
    }
}

.price-table__info .info-wrapp>.price>span {
    margin-left: 5px
}

.certificates-slider-wrapper {
    position: relative
}

.certificates-slider-wrapper .arrow__next,
.certificates-slider-wrapper .arrow__prev {
    border: 1px solid #dcdfe3;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    z-index: 1;
    position: absolute;
    bottom: 0
}

.certificates-slider-wrapper .arrow__next svg,
.certificates-slider-wrapper .arrow__prev svg {
    fill: #404f65;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.certificates-slider-wrapper .arrow__next:hover svg,
.certificates-slider-wrapper .arrow__prev:hover svg,
.portfolio-items-nav__item.active .icon svg path,
.portfolio-items-nav__wrapper:hover .icon svg path,
.stock-slider-nav__wrapper-content svg {
    fill: #fff
}

.certificates-slider-wrapper .arrow__next:hover,
.certificates-slider-wrapper .arrow__prev:hover {
    background-color: #404f65
}

.certificates-slider-wrapper .arrow__prev {
    left: 0;
    border-right: 1px solid #dcdfe3
}

.certificates-slider-wrapper .arrow__next {
    right: 0
}

@media only screen and (max-width:768.98px) {

    .certificates-slider-wrapper .arrow__next:hover svg,
    .certificates-slider-wrapper .arrow__prev:hover svg {
        fill: #404f65
    }

    .certificates-slider-wrapper .arrow__next:hover,
    .certificates-slider-wrapper .arrow__prev:hover {
        background-color: transparent
    }

    .certificates-slider-wrapper .arrow__prev {
        border: none;
        left: 0
    }

    .certificates-slider-wrapper .arrow__next {
        right: 0;
        border: none
    }
}

.certificates-slider .slick-track {
    margin: 0 -15px
}

@media only screen and (max-width:600px) {
    .certificates-slider .slick-track {
        margin: 0
    }
}

.certificates-slider__item {
    position: relative;
    padding: 0 15px
}

.certificates-slider .wrapper {
    position: relative
}

.certificates-slider .wrapper img {
    width: 100%
}

.certificates-slider .wrapper-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 16, 40, .8);
    padding: 10px;
    -webkit-transform: translateY(101%);
    -ms-transform: translateY(101%);
    transform: translateY(101%);
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    cursor: pointer
}

.certificates-slider .wrapper-inner-content {
    border: 1px solid rgba(255, 255, 255, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.certificates-slider .icon {
    width: 90px;
    height: 90px;
    border: 1px solid rgba(255, 255, 255, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.certificates-slider .title {
    margin-top: 15px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 24px;
    max-width: 460px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:991.98px) {
    .certificates-slider .title {
        font-size: 18px
    }
}

.certificates-slider__wrapper {
    position: relative;
    background-color: #757e8c;
    overflow: hidden;
    display: block
}

.section-404__wrapper,
.section-404__wrapper-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.certificates-slider__wrapper:hover .wrapper-inner {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.certificates-slider .slick-dots {
    margin: 50px 15px 0;
    padding-bottom: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.certificates-slider .slick-dots li {
    width: 6px;
    height: 6px;
    background-color: #b5bbc5;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: 8px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.certificates-slider .slick-dots li button {
    display: none
}

.certificates-slider .slick-dots li.slick-active {
    width: 18px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #404f65
}

.section-404 {
    height: 100vh;
    min-height: 100%;
    position: relative;
    overflow: hidden
}

.section-404:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #001028;
    opacity: .8
}

.section-404 .container {
    height: 100%;
    max-width: 1410px
}

.section-404__wrapper-content {
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.section-404__wrapper {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 -15px
}

.section-404__buttons,
.wrapper-content-404__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.section-404__logo {
    padding: 0 15px
}

@media only screen and (max-width:991.98px) {
    .section-404__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .section-404__logo {
        width: 100%
    }
}

@media only screen and (max-width:1150px) {
    .section-404__logo svg {
        width: 320px
    }
}

@media only screen and (max-width:768.98px) {
    .certificates-slider .title {
        font-size: 16px
    }

    .section-404__logo svg {
        width: 220px;
        height: 200px
    }

    .section-404__logo {
        margin-bottom: 40px;
        text-align: center
    }
}

@media only screen and (max-width:600px) {
    .section-404__logo svg {
        width: 220px;
        height: 200px
    }
}

@media only screen and (max-width:480.98px) {
    .section-404__logo svg {
        width: 140px;
        height: 140px
    }

    .section-404__buttons .button {
        max-width: 100%
    }
}

.section-404__buttons {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

.section-404__buttons .button:last-child {
    margin-left: 30px
}

@media only screen and (max-width:480.98px) {
    .section-404__buttons .button:last-child {
        margin: 20px 0 0
    }
}

@media only screen and (max-width:768.98px) {
    .section-404__buttons {
        margin-top: 40px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width:480.98px) {
    .section-404__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.wrapper-content-404 {
    width: 50%;
    padding: 0 15px;
    position: relative
}

.wrapper-content-404__title {
    font-size: 100px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    position: relative;
    display: inline-block
}

@media only screen and (max-width:991.98px) {
    .wrapper-content-404 {
        width: 100%
    }

    .wrapper-content-404__title {
        font-size: 70px
    }
}

@media only screen and (max-width:768.98px) {
    .wrapper-content-404__title {
        font-size: 60px;
        text-align: center;
        width: 100%
    }
}

.items-blog .title,
.title-portfolio,
.wrapper-content-404__sub {
    font-size: 20px;
    font-family: Montserrat, sans-serif
}

.wrapper-content-404__title:after {
    content: '';
    position: absolute;
    right: -30px;
    bottom: 13px;
    width: 14px;
    height: 14px;
    background-color: #f70000
}

@media only screen and (max-width:1199.98px) {
    .wrapper-content-404__title:after {
        display: none
    }
}

.wrapper-content-404__sub {
    color: #333;
    font-weight: 700;
    line-height: 32px;
    max-width: 440px;
    margin: 15px 0 55px
}

@media only screen and (max-width:991.98px) {
    .wrapper-content-404__sub {
        font-size: 18px
    }
}

@media only screen and (max-width:768.98px) {
    .wrapper-content-404__sub {
        font-size: 16px;
        text-align: center;
        margin: 15px auto 0
    }
}

.wrapper-content-404__buttons {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

.wrapper-content-404__buttons .button {
    max-width: 260px;
    width: 100%
}

.wrapper-content-404__buttons .button:last-child {
    margin-left: 30px
}

@media only screen and (max-width:600px) {
    .wrapper-content-404__buttons .button {
        max-width: 100%
    }

    .wrapper-content-404__buttons .button:last-child {
        margin: 20px 0 0
    }
}

@media only screen and (max-width:768.98px) {
    .wrapper-content-404__buttons {
        margin-top: 40px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width:600px) {
    .wrapper-content-404__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width:480.98px) {
    .wrapper-content-404__buttons {
        margin-top: 20px
    }
}

.section-clients {
    overflow: hidden
}

.clients-slider-wrapper {
    position: relative
}

.clients-slider {
    margin: 0 -15px
}

.clients-slider__item {
    padding: 0 15px;
    opacity: 0;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.clients-slider__item.slick-active {
    opacity: 1
}

.clients-slider .slick-list {
    overflow: initial
}

.clients-slider__wrapper {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e0e2e9;
    border-bottom: 3px solid #e0e2e9;
    background-color: #fff;
    padding-bottom: 60%;
    position: relative;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    cursor: pointer
}

.clients-slider__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.clients-slider__content>img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    padding: 20px
}

.clients-slider__item:hover .clients-slider__wrapper {
    border-color: #f70000;
    border-bottom: 3px solid #f70000;
    -webkit-box-shadow: 0 24px 22px rgba(0, 0, 0, .09);
    box-shadow: 0 24px 22px rgba(0, 0, 0, .09)
}

.clients-slider__item:hover .clients-slider__content>img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.js-slider-clients-dots {
    max-width: 310px;
    margin: 50px auto 0;
    padding-bottom: 20px;
    display: none
}

@media only screen and (max-width:991.98px) {
    .js-slider-clients-dots {
        display: block
    }
}

@media only screen and (max-width:480.98px) {
    .js-slider-clients-dots {
        max-width: 240px;
        margin: 40px auto 0
    }
}

@media only screen and (max-width:380px) {
    .js-slider-clients-dots {
        max-width: 200px
    }
}

@media only screen and (max-width:350px) {
    .js-slider-clients-dots {
        max-width: 170px
    }
}

.js-slider-clients-dots__item {
    min-width: 10px;
    max-width: 10px;
    width: 100%;
    height: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f70000;
    opacity: .4;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.js-slider-clients-dots__item~.js-slider-clients-dots__item {
    margin-left: 10px
}

.js-slider-clients-dots__item.slick-current.slick-center {
    min-width: 30px;
    max-width: 30px;
    height: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    opacity: 1
}

.section-consultation__wrapper {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.section-consultation__wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #001b7b;
    opacity: .8;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.section-consultation__wrapper-content {
    padding: 80px 0;
    max-width: 1410px;
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media only screen and (max-width:768.98px) {
    .section-consultation__wrapper-content {
        padding: 30px 0
    }
}

.section-consultation__wrapper-content>div {
    width: 50%;
    padding: 0 15px
}

@media only screen and (max-width:991.98px) {
    .section-consultation__wrapper-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .section-consultation__wrapper-content>div {
        width: 100%
    }
}

.section-consultation .title-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.section-consultation .title-block__title {
    color: #fff;
    text-align: left
}

.section-consultation .title-block__sub {
    color: #fff;
    text-align: left;
    margin-top: 5%
}

.form-consultation__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:991.98px) {
    .form-consultation__wrapper {
        margin: 0 -15px
    }
}

.form-consultation-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px -30px;
    max-width: 560px
}

@media only screen and (max-width:991.98px) {
    .form-consultation-content {
        width: 100%;
        max-width: 100%;
        margin: 0 0 -30px
    }
}

.form-consultation-content__item {
    position: relative;
    padding: 0 15px;
    width: 50%;
    margin-bottom: 30px
}

@media only screen and (max-width:540px) {
    .form-consultation-content__item {
        width: 100%;
        margin-bottom: 20px
    }
}

.form-consultation-content__item.full {
    width: 100%
}

.form-consultation-content__item.full .form-item-input svg {
    top: 28px
}

.form-consultation-content__item .button {
    width: 100%
}

.form-consultation-content .form-item-input {
    position: relative
}

.form-consultation-content .form-item-input svg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25px;
    fill: #2ac9b9;
    z-index: 1
}

.section-video .yottie-widget-feed-section-slide,
.wrapper-video-tab .yottie-widget-feed-section-slide {
    width: 100%
}

@media only screen and (max-width:600px) {

    .section-video .yottie-widget-feed-section-slide,
    .wrapper-video-tab .yottie-widget-feed-section-slide {
        padding: 0 !important
    }
}

.section-video .yottie-widget-feed-section-search,
.wrapper-video-tab .yottie-widget-feed-section-search {
    opacity: 0;
    display: none
}

.section-video .yottie-widget-video .yottie-widget-video-preview,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-preview {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.section-video .yottie-widget-video .yottie-widget-video-preview:before,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-preview:before {
    content: '';
    -webkit-background-size: cover;
    background-size: cover;
    top: -100%;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #071627;
    opacity: .5;
    z-index: 1;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.section-video .yottie-widget-video .yottie-widget-video-preview .yottie-widget-video-preview-thumbnail,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-preview .yottie-widget-video-preview-thumbnail {
    position: relative
}

.section-video .yottie-widget-video .yottie-widget-video-preview .yottie-widget-video-preview-play,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-preview .yottie-widget-video-preview-play {
    width: 90px;
    height: 90px;
    border: 1px solid rgba(255, 255, 255, .4);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="26px" height="28.832px" viewBox="183.508 0 26 28.832" enable-background="new 183.508 0 26 28.832" xml:space="preserve"%3E %3Cpath fill="%23FFFFFF" d="M184.986,28.832c-0.819,0-1.479-0.659-1.479-1.479V1.479c0-0.819,0.66-1.479,1.479-1.479l24.028,13.309 c0,0,1.111,1.111,0,2.222C207.91,16.634,184.986,28.832,184.986,28.832z"/%3E %3C/svg%3E');
    background-position: center;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-video .yottie-widget-video .yottie-widget-video-preview:hover:before,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-preview:hover:before {
    top: 0
}

.section-video .yottie-widget-video .yottie-widget-video-preview:hover .yottie-widget-video-preview-play,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-preview:hover .yottie-widget-video-preview-play {
    opacity: 1
}

.section-video .yottie-widget-video .yottie-widget-video-info-title,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-title {
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    color: #333 !important;
    text-decoration: none !important
}

.section-video .yottie-widget-video .yottie-widget-video-info-title:hover,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-title:hover {
    color: #f70000 !important
}

.section-video .yottie-widget-video .yottie-widget-video-info-passed-time,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-passed-time {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    color: #60687f;
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

@media only screen and (max-width:1199.98px) {

    .section-video .yottie-widget-video .yottie-widget-video-info-passed-time,
    .wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-passed-time {
        font-size: 12px
    }
}

@media only screen and (max-width:480.98px) {

    .section-video .yottie-widget-video .yottie-widget-video-info-passed-time,
    .wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-passed-time {
        font-size: 10px
    }
}

.section-video .yottie-widget-video .yottie-widget-video-info-passed-time:before,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-passed-time:before {
    content: '';
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="13px" height="13.294px" viewBox="15.485 3800 13 13.294" enable-background="new 15.485 3800 13 13.294" xml:space="preserve"%3E %3Cg%3E %3Cg%3E %3Cpath fill="%23f70000" d="M20.183,3807.333c0-0.167-0.136-0.303-0.302-0.303h-1.054c-0.167,0-0.303,0.136-0.303,0.303v1.054 c0,0.166,0.136,0.302,0.303,0.302h1.054c0.166,0,0.302-0.136,0.302-0.302V3807.333L20.183,3807.333z"/%3E %3Cpath fill="%23f70000" d="M22.813,3807.333c0-0.167-0.136-0.303-0.302-0.303h-1.054c-0.167,0-0.303,0.136-0.303,0.303v1.054 c0,0.166,0.136,0.302,0.303,0.302h1.054c0.166,0,0.302-0.136,0.302-0.302V3807.333z"/%3E %3Cpath fill="%23f70000" d="M25.444,3807.333c0-0.167-0.136-0.303-0.303-0.303h-1.054c-0.166,0-0.302,0.136-0.302,0.303v1.054 c0,0.166,0.136,0.302,0.302,0.302h1.054c0.167,0,0.303-0.136,0.303-0.302V3807.333z"/%3E %3Cpath fill="%23f70000" d="M20.183,3809.967c0-0.166-0.136-0.302-0.302-0.302h-1.054c-0.167,0-0.303,0.136-0.303,0.302v1.054 c0,0.167,0.136,0.303,0.303,0.303h1.054c0.166,0,0.302-0.136,0.302-0.303V3809.967L20.183,3809.967z"/%3E %3Cpath fill="%23f70000" d="M22.813,3809.967c0-0.166-0.136-0.302-0.302-0.302h-1.054c-0.167,0-0.303,0.136-0.303,0.302v1.054 c0,0.167,0.136,0.303,0.303,0.303h1.054c0.166,0,0.302-0.136,0.302-0.303V3809.967z"/%3E %3Cpath fill="%23f70000" d="M25.444,3809.967c0-0.166-0.136-0.302-0.303-0.302h-1.054c-0.166,0-0.302,0.136-0.302,0.302v1.054 c0,0.167,0.136,0.303,0.302,0.303h1.054c0.167,0,0.303-0.136,0.303-0.303V3809.967L25.444,3809.967z"/%3E %3Cpath fill="%23f70000" d="M27.328,3801.482v1.606c0,0.727-0.591,1.313-1.315,1.313h-0.831c-0.727,0-1.323-0.585-1.323-1.313v-1.615 h-3.744v1.615c0,0.727-0.596,1.313-1.323,1.313h-0.833c-0.727,0-1.315-0.585-1.315-1.313v-1.606 c-0.635,0.019-1.158,0.544-1.158,1.19v9.424c0,0.659,0.534,1.198,1.193,1.198h10.614c0.656,0,1.193-0.542,1.193-1.198v-9.424 C28.482,3802.026,27.962,3801.5,27.328,3801.482z M26.941,3811.508c0,0.283-0.231,0.515-0.514,0.515h-8.904 c-0.283,0-0.515-0.231-0.515-0.515v-4.869c0-0.283,0.231-0.515,0.515-0.515h8.904c0.283,0,0.514,0.231,0.514,0.515V3811.508 L26.941,3811.508z"/%3E %3Cpath fill="%23f70000" d="M17.955,3803.538h0.822c0.25,0,0.452-0.202,0.452-0.453v-2.632c0-0.25-0.202-0.453-0.452-0.453h-0.822 c-0.248,0-0.449,0.202-0.449,0.453v2.636C17.506,3803.336,17.708,3803.538,17.955,3803.538z"/%3E %3Cpath fill="%23f70000" d="M25.168,3803.538h0.822c0.248,0,0.453-0.202,0.453-0.453v-2.632c0-0.25-0.202-0.453-0.453-0.453h-0.822 c-0.25,0-0.452,0.202-0.452,0.453v2.636C24.719,3803.336,24.921,3803.538,25.168,3803.538z"/%3E %3C/g%3E %3C/g%3E %3C/svg%3E');
    -webkit-background-size: cover;
    background-size: cover;
    width: 11px;
    height: 11px;
    display: block;
    position: relative;
    margin-right: 7px
}

.section-video .yottie-widget-video .yottie-widget-video-info-caption,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-caption {
    font-size: 12px;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    color: #333 !important;
    height: 32.4px
}

.section-video .yottie-widget-video .yottie-widget-video-info-properties,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-properties {
    height: auto
}

.section-video .yottie-widget-video .yottie-widget-video-info-properties-inner,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-properties-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-video .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.section-video .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item:before,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item:before {
    content: '';
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="13px" height="13.294px" viewBox="15.485 3800 13 13.294" enable-background="new 15.485 3800 13 13.294" xml:space="preserve"%3E %3Cg%3E %3Cg%3E %3Cpath fill="%23f70000" d="M20.183,3807.333c0-0.167-0.136-0.303-0.302-0.303h-1.054c-0.167,0-0.303,0.136-0.303,0.303v1.054 c0,0.166,0.136,0.302,0.303,0.302h1.054c0.166,0,0.302-0.136,0.302-0.302V3807.333L20.183,3807.333z"/%3E %3Cpath fill="%23f70000" d="M22.813,3807.333c0-0.167-0.136-0.303-0.302-0.303h-1.054c-0.167,0-0.303,0.136-0.303,0.303v1.054 c0,0.166,0.136,0.302,0.303,0.302h1.054c0.166,0,0.302-0.136,0.302-0.302V3807.333z"/%3E %3Cpath fill="%23f70000" d="M25.444,3807.333c0-0.167-0.136-0.303-0.303-0.303h-1.054c-0.166,0-0.302,0.136-0.302,0.303v1.054 c0,0.166,0.136,0.302,0.302,0.302h1.054c0.167,0,0.303-0.136,0.303-0.302V3807.333z"/%3E %3Cpath fill="%23f70000" d="M20.183,3809.967c0-0.166-0.136-0.302-0.302-0.302h-1.054c-0.167,0-0.303,0.136-0.303,0.302v1.054 c0,0.167,0.136,0.303,0.303,0.303h1.054c0.166,0,0.302-0.136,0.302-0.303V3809.967L20.183,3809.967z"/%3E %3Cpath fill="%23f70000" d="M22.813,3809.967c0-0.166-0.136-0.302-0.302-0.302h-1.054c-0.167,0-0.303,0.136-0.303,0.302v1.054 c0,0.167,0.136,0.303,0.303,0.303h1.054c0.166,0,0.302-0.136,0.302-0.303V3809.967z"/%3E %3Cpath fill="%23f70000" d="M25.444,3809.967c0-0.166-0.136-0.302-0.303-0.302h-1.054c-0.166,0-0.302,0.136-0.302,0.302v1.054 c0,0.167,0.136,0.303,0.302,0.303h1.054c0.167,0,0.303-0.136,0.303-0.303V3809.967L25.444,3809.967z"/%3E %3Cpath fill="%23f70000" d="M27.328,3801.482v1.606c0,0.727-0.591,1.313-1.315,1.313h-0.831c-0.727,0-1.323-0.585-1.323-1.313v-1.615 h-3.744v1.615c0,0.727-0.596,1.313-1.323,1.313h-0.833c-0.727,0-1.315-0.585-1.315-1.313v-1.606 c-0.635,0.019-1.158,0.544-1.158,1.19v9.424c0,0.659,0.534,1.198,1.193,1.198h10.614c0.656,0,1.193-0.542,1.193-1.198v-9.424 C28.482,3802.026,27.962,3801.5,27.328,3801.482z M26.941,3811.508c0,0.283-0.231,0.515-0.514,0.515h-8.904 c-0.283,0-0.515-0.231-0.515-0.515v-4.869c0-0.283,0.231-0.515,0.515-0.515h8.904c0.283,0,0.514,0.231,0.514,0.515V3811.508 L26.941,3811.508z"/%3E %3Cpath fill="%23f70000" d="M17.955,3803.538h0.822c0.25,0,0.452-0.202,0.452-0.453v-2.632c0-0.25-0.202-0.453-0.452-0.453h-0.822 c-0.248,0-0.449,0.202-0.449,0.453v2.636C17.506,3803.336,17.708,3803.538,17.955,3803.538z"/%3E %3Cpath fill="%23f70000" d="M25.168,3803.538h0.822c0.248,0,0.453-0.202,0.453-0.453v-2.632c0-0.25-0.202-0.453-0.453-0.453h-0.822 c-0.25,0-0.452,0.202-0.452,0.453v2.636C24.719,3803.336,24.921,3803.538,25.168,3803.538z"/%3E %3C/g%3E %3C/g%3E %3C/svg%3E');
    -webkit-background-size: cover;
    background-size: cover;
    width: 11px;
    height: 11px;
    display: block;
    position: relative;
    margin-right: 7px
}

.section-video .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item:nth-child(1):before,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item:nth-child(1):before {
    width: 18px;
    height: 11px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="10.134px" viewBox="141.692 171.678 17 10.134" enable-background="new 141.692 171.678 17 10.134" xml:space="preserve"%3E %3Cpath fill="%23F70000" d="M150.192,171.678c-3.248,0-6.193,1.777-8.367,4.664c-0.177,0.236-0.177,0.567,0,0.803 c2.174,2.89,5.119,4.667,8.367,4.667s6.193-1.777,8.367-4.664c0.177-0.236,0.177-0.567,0-0.803 C156.385,173.455,153.44,171.678,150.192,171.678z M150.425,180.313c-2.156,0.136-3.937-1.642-3.801-3.801 c0.111-1.781,1.554-3.224,3.335-3.335c2.156-0.136,3.937,1.641,3.801,3.801C153.645,178.755,152.202,180.198,150.425,180.313z M150.317,178.665c-1.161,0.073-2.121-0.883-2.044-2.045c0.059-0.959,0.838-1.735,1.798-1.798c1.161-0.073,2.121,0.883,2.044,2.045 C152.052,177.83,151.274,178.605,150.317,178.665z"/%3E %3C/svg%3E')
}

.section-video .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item:nth-child(2):before,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item:nth-child(2):before {
    width: 11px;
    height: 11px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="11px" height="10.559px" viewBox="141.735 17.313 11 10.559" enable-background="new 141.735 17.313 11 10.559" xml:space="preserve"%3E %3Cpath fill="%23F70000" d="M152.357,23.174c0.253-0.289,0.378-0.631,0.378-1.023c0-0.356-0.13-0.667-0.393-0.927 c-0.26-0.262-0.571-0.393-0.927-0.393h-1.905c0.02-0.065,0.036-0.118,0.056-0.166c0.019-0.046,0.043-0.096,0.075-0.152 c0.031-0.055,0.055-0.096,0.07-0.123c0.082-0.157,0.145-0.284,0.19-0.385c0.043-0.101,0.087-0.239,0.13-0.412 c0.043-0.173,0.065-0.349,0.065-0.522c0-0.111-0.002-0.2-0.002-0.267c-0.002-0.07-0.015-0.171-0.034-0.309 c-0.022-0.137-0.048-0.252-0.082-0.344c-0.034-0.091-0.089-0.195-0.166-0.308c-0.075-0.116-0.166-0.207-0.274-0.279 s-0.246-0.13-0.412-0.178c-0.168-0.048-0.356-0.072-0.568-0.072c-0.118,0-0.222,0.043-0.309,0.13 c-0.091,0.092-0.168,0.207-0.233,0.345c-0.065,0.137-0.108,0.257-0.135,0.356c-0.024,0.102-0.053,0.241-0.087,0.419 c-0.041,0.192-0.072,0.332-0.094,0.417c-0.022,0.084-0.06,0.195-0.121,0.332c-0.06,0.137-0.13,0.248-0.214,0.33 c-0.151,0.152-0.383,0.426-0.693,0.826c-0.224,0.293-0.455,0.57-0.693,0.831c-0.239,0.263-0.412,0.397-0.522,0.404 c-0.116,0.01-0.212,0.056-0.296,0.142c-0.082,0.084-0.123,0.186-0.123,0.299v4.407c0,0.118,0.043,0.222,0.13,0.306 c0.086,0.084,0.19,0.13,0.308,0.135c0.161,0.005,0.522,0.106,1.086,0.304c0.354,0.118,0.628,0.209,0.829,0.272 c0.2,0.063,0.477,0.128,0.835,0.2c0.356,0.07,0.688,0.106,0.99,0.106h0.118h0.522h0.248c0.609-0.009,1.062-0.188,1.353-0.537 c0.265-0.315,0.378-0.732,0.337-1.245c0.178-0.168,0.303-0.385,0.371-0.646c0.077-0.279,0.077-0.546,0-0.804 c0.212-0.279,0.308-0.592,0.296-0.941C152.461,23.55,152.427,23.376,152.357,23.174z"/%3E%3Cpath fill="%23F70000" d="M144.155,21.71h-1.979c-0.12,0-0.221,0.043-0.311,0.13c-0.086,0.086-0.13,0.19-0.13,0.308v4.399 c0,0.118,0.043,0.222,0.13,0.308c0.087,0.087,0.19,0.13,0.311,0.13h1.979c0.118,0,0.222-0.043,0.309-0.13 c0.086-0.086,0.13-0.19,0.13-0.308v-4.399c0-0.118-0.043-0.222-0.13-0.308C144.377,21.753,144.273,21.71,144.155,21.71z M143.365,25.982c-0.087,0.084-0.19,0.127-0.308,0.127c-0.123,0-0.229-0.043-0.313-0.127c-0.084-0.084-0.127-0.19-0.127-0.313 c0-0.118,0.043-0.222,0.127-0.308c0.084-0.087,0.188-0.13,0.313-0.13c0.118,0,0.221,0.043,0.308,0.13 c0.086,0.086,0.13,0.19,0.13,0.308C143.495,25.794,143.452,25.898,143.365,25.982z"/%3E %3C/svg%3E')
}

.section-video .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item:nth-child(3):before,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item:nth-child(3):before {
    width: 13px;
    height: 11px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="13px" height="11.148px" viewBox="141.735 60.671 13 11.148" enable-background="new 141.735 60.671 13 11.148" xml:space="preserve"%3E %3Cpath fill="%23F70000" d="M153.864,62.98c-0.579-0.714-1.369-1.275-2.365-1.689c-0.996-0.415-2.083-0.62-3.265-0.62 c-0.879,0-1.722,0.122-2.525,0.366c-0.803,0.244-1.494,0.574-2.076,0.991c-0.58,0.417-1.042,0.91-1.385,1.484 c-0.34,0.572-0.513,1.174-0.513,1.801c0,0.724,0.218,1.405,0.655,2.038c0.437,0.632,1.037,1.166,1.796,1.595 c-0.053,0.193-0.117,0.376-0.188,0.551c-0.074,0.175-0.137,0.318-0.196,0.43c-0.058,0.112-0.137,0.233-0.236,0.371 c-0.099,0.135-0.172,0.231-0.223,0.287c-0.051,0.056-0.135,0.147-0.252,0.274c-0.117,0.127-0.19,0.211-0.223,0.251 c-0.005,0.003-0.026,0.025-0.059,0.066c-0.033,0.041-0.051,0.061-0.051,0.061l-0.043,0.066c-0.025,0.036-0.035,0.058-0.033,0.068 s-0.002,0.033-0.015,0.074c-0.013,0.038-0.01,0.069,0.002,0.086v0.008c0.02,0.086,0.061,0.157,0.127,0.21 c0.066,0.054,0.14,0.077,0.221,0.066c0.315-0.038,0.589-0.092,0.825-0.16c1.271-0.328,2.381-0.912,3.338-1.758 c0.363,0.039,0.714,0.059,1.052,0.059c1.179,0,2.269-0.206,3.265-0.62c0.996-0.415,1.784-0.976,2.365-1.689 c0.58-0.714,0.872-1.492,0.872-2.333C154.733,64.472,154.443,63.694,153.864,62.98z"/%3E %3C/svg%3E')
}

.section-video .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item .yottie-widget-video-info-properties-item-divider,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item .yottie-widget-video-info-properties-item-divider {
    display: none
}

.section-video .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item span,
.wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item span {
    font-size: 14px;
    color: #60687f;
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

@media only screen and (max-width:1199.98px) {

    .section-video .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item span,
    .wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item span {
        font-size: 12px
    }
}

@media only screen and (max-width:480.98px) {

    .section-video .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item span,
    .wrapper-video-tab .yottie-widget-video .yottie-widget-video-info-properties-inner .yottie-widget-video-info-properties-item span {
        font-size: 10px
    }
}

.section-video .yottie-widget-feed-section-pagination,
.wrapper-video-tab .yottie-widget-feed-section-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-video .yottie-widget-feed-section-pagination .yottie-widget-feed-section-pagination-bullet,
.wrapper-video-tab .yottie-widget-feed-section-pagination .yottie-widget-feed-section-pagination-bullet {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #b1bbc9;
    background-color: #fff;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.section-video .yottie-widget-feed-section-pagination .yottie-widget-feed-section-pagination-bullet:hover,
.wrapper-video-tab .yottie-widget-feed-section-pagination .yottie-widget-feed-section-pagination-bullet:hover {
    color: #f70000;
    border-color: #f70000
}

.section-video .yottie-widget-feed-section-pagination .yottie-widget-feed-section-pagination-bullet-more:after,
.section-video .yottie-widget-feed-section-pagination .yottie-widget-feed-section-pagination-bullet-more:before,
.wrapper-video-tab .yottie-widget-feed-section-pagination .yottie-widget-feed-section-pagination-bullet-more:after,
.wrapper-video-tab .yottie-widget-feed-section-pagination .yottie-widget-feed-section-pagination-bullet-more:before {
    top: auto;
    right: auto;
    background: #333
}

.results-items .read-more:after,
.video-items__wrapper .circle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.section-video .yottie-widget-feed-section-pagination .yottie-widget-feed-section-pagination-bullet-more:hover:after,
.section-video .yottie-widget-feed-section-pagination .yottie-widget-feed-section-pagination-bullet-more:hover:before,
.wrapper-video-tab .yottie-widget-feed-section-pagination .yottie-widget-feed-section-pagination-bullet-more:hover:after,
.wrapper-video-tab .yottie-widget-feed-section-pagination .yottie-widget-feed-section-pagination-bullet-more:hover:before {
    background: #f70000
}

.video-items,
.video-items-wrapper {
    position: relative
}

.video-items__wrapper {
    width: 100%
}

.video-items__wrapper .circle {
    width: 140px;
    height: 140px;
    border: 1px solid #2ac9b9;
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    transform: translateY(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.items-blog,
.portfolio-items-nav {
    display: -webkit-flex;
    -webkit-box-align: stretch;
    -webkit-box-orient: horizontal
}

.video-items__wrapper .circle span {
    width: 120px;
    height: 120px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #2ac9b9;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="30px" height="35.399px" viewBox="106.718 3799.874 30 35.399" enable-background="new 106.718 3799.874 30 35.399" xml:space="preserve"%3E%3Cg id="Play"%3E%3Cpath fill="%23ffffff" d="M135.095,3815.064l-23.558-14.837c-0.702-0.411-1.555-0.351-2.211-0.351c-2.607,0-2.607,2.028-2.607,2.531 v30.329c0,0.427-0.015,2.531,2.607,2.531c0.656,0,1.525,0.076,2.211-0.351l23.558-14.836c1.937-1.144,1.601-2.501,1.601-2.501 S137.031,3816.223,135.095,3815.064z"/%3E%3C/g%3E%3C/svg%3E');
    background-position: 48px center;
    background-repeat: no-repeat;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:1100px) {
    .video-items__wrapper .circle {
        width: 100px;
        height: 100px
    }

    .video-items__wrapper .circle span {
        width: 80px;
        height: 80px;
        background-position: 33px center;
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20px" height="23.6 px" viewBox="106.718 3799.874 30 35.399" enable-background="new 106.718 3799.874 30 35.399" xml:space="preserve"%3E%3Cg id="Play"%3E%3Cpath fill="%23ffffff" d="M135.095,3815.064l-23.558-14.837c-0.702-0.411-1.555-0.351-2.211-0.351c-2.607,0-2.607,2.028-2.607,2.531 v30.329c0,0.427-0.015,2.531,2.607,2.531c0.656,0,1.525,0.076,2.211-0.351l23.558-14.836c1.937-1.144,1.601-2.501,1.601-2.501 S137.031,3816.223,135.095,3815.064z"/%3E%3C/g%3E%3C/svg%3E')
    }
}

.video-items__wrapper:hover .circle {
    border-color: #f7f8fa
}

.video-items__wrapper:hover .circle span {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="30px" height="35.399px" viewBox="106.718 3799.874 30 35.399" enable-background="new 106.718 3799.874 30 35.399" xml:space="preserve"%3E%3Cg id="Play"%3E%3Cpath fill="%23f7f8fa" d="M135.095,3815.064l-23.558-14.837c-0.702-0.411-1.555-0.351-2.211-0.351c-2.607,0-2.607,2.028-2.607,2.531 v30.329c0,0.427-0.015,2.531,2.607,2.531c0.656,0,1.525,0.076,2.211-0.351l23.558-14.836c1.937-1.144,1.601-2.501,1.601-2.501 S137.031,3816.223,135.095,3815.064z"/%3E%3C/g%3E%3C/svg%3E')
}

.portfolio-items-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 50px
}

@media only screen and (max-width:850px) {
    .portfolio-items-nav {
        position: fixed;
        opacity: 0;
        visibility: hidden;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-color: rgba(0, 15, 69, .9);
        overflow-y: auto;
        overflow: scroll;
        overflow-x: hidden;
        z-index: 15;
        padding: 15px
    }

    .portfolio-items-nav.active {
        opacity: 1;
        visibility: visible
    }
}

.portfolio-items-nav__item {
    width: 16.666%;
    margin: -1px
}

@media only screen and (max-width:1570px) {
    .portfolio-items-nav__item {
        width: 25%
    }
}

@media only screen and (max-width:1100px) {
    .video-items__wrapper:hover .circle span {
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20px" height="23.6 px" viewBox="106.718 3799.874 30 35.399" enable-background="new 106.718 3799.874 30 35.399" xml:space="preserve"%3E%3Cg id="Play"%3E%3Cpath fill="%23f7f8fa" d="M135.095,3815.064l-23.558-14.837c-0.702-0.411-1.555-0.351-2.211-0.351c-2.607,0-2.607,2.028-2.607,2.531 v30.329c0,0.427-0.015,2.531,2.607,2.531c0.656,0,1.525,0.076,2.211-0.351l23.558-14.836c1.937-1.144,1.601-2.501,1.601-2.501 S137.031,3816.223,135.095,3815.064z"/%3E%3C/g%3E%3C/svg%3E')
    }

    .portfolio-items-nav__item {
        width: 33.333%
    }
}

.portfolio-items-nav .title {
    font-size: 16px;
    color: #2b2f3e;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    max-width: 160px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.category__top,
.portfolio-items-nav__item.active .title,
.portfolio-items-nav__wrapper:hover .title {
    color: #fff
}

.portfolio-items-nav .icon svg,
.portfolio-items-nav .icon svg path {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.items-blog__content,
.portfolio-items-nav__wrapper {
    -webkit-transition: all ease-in-out .2s;
    position: relative
}

@media only screen and (max-width:850px) {
    .portfolio-items-nav__item {
        width: 100%
    }

    .portfolio-items-nav .title {
        color: #fff;
        max-width: 100%
    }

    .portfolio-items-nav .icon svg path {
        fill: #fff
    }

    .portfolio-items-nav .icon svg {
        fill: #fff;
        width: 40px
    }

    .portfolio-items-nav .icon {
        margin-right: 20px
    }
}

.portfolio-items-nav__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    border: 1px solid #cdcfd7;
    margin: -1px;
    background: #fff;
    height: 100%;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    cursor: pointer
}

@media only screen and (max-width:850px) {
    .portfolio-items-nav__wrapper {
        background-color: transparent;
        border: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-flow: row-reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 10px 20px
    }
}

.portfolio-items-nav__wrapper:hover {
    -webkit-box-shadow: 0 12px 26px rgba(12, 43, 81, .11);
    box-shadow: 0 12px 26px rgba(12, 43, 81, .11);
    background-color: #2ac9b9;
    border-color: #2ac9b9;
    z-index: 1
}

.portfolio-items-nav__item.active .portfolio-items-nav__wrapper {
    -webkit-box-shadow: 0 12px 26px rgba(12, 43, 81, .11);
    box-shadow: 0 12px 26px rgba(12, 43, 81, .11);
    background-color: #2ac9b9;
    border-color: #2ac9b9;
    z-index: 1
}

.portfolio-items-nav__item:first-child .portfolio-items-nav__wrapper {
    -webkit-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0
}

@media only screen and (max-width:1100px) {
    .portfolio-items-nav__item:nth-child(3) .portfolio-items-nav__wrapper {
        -webkit-border-radius: 0 10px 0 0;
        border-radius: 0 10px 0 0
    }
}

@media only screen and (max-width:1570px) {
    .portfolio-items-nav__item:nth-child(4) .portfolio-items-nav__wrapper {
        -webkit-border-radius: 0 10px 0 0;
        border-radius: 0 10px 0 0
    }
}

@media only screen and (max-width:1100px) {
    .portfolio-items-nav__item:nth-child(4) .portfolio-items-nav__wrapper {
        -webkit-border-radius: 0;
        border-radius: 0
    }
}

.portfolio-items-nav__item:nth-child(6) .portfolio-items-nav__wrapper {
    -webkit-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0
}

@media only screen and (max-width:1570px) {
    .portfolio-items-nav__item:nth-child(6) .portfolio-items-nav__wrapper {
        -webkit-border-radius: 0;
        border-radius: 0
    }
}

.portfolio-items-nav__item:nth-child(7) .portfolio-items-nav__wrapper {
    -webkit-border-radius: 0 0 0 10px;
    border-radius: 0 0 0 10px
}

@media only screen and (max-width:1570px) {
    .portfolio-items-nav__item:nth-child(7) .portfolio-items-nav__wrapper {
        -webkit-border-radius: 0;
        border-radius: 0
    }

    .portfolio-items-nav__item:nth-child(9) .portfolio-items-nav__wrapper {
        -webkit-border-radius: 0 0 0 10px;
        border-radius: 0 0 0 10px
    }
}

@media only screen and (max-width:1100px) {
    .portfolio-items-nav__item:nth-child(9) .portfolio-items-nav__wrapper {
        -webkit-border-radius: 0;
        border-radius: 0
    }

    .portfolio-items-nav__item:nth-child(10) .portfolio-items-nav__wrapper {
        -webkit-border-radius: 0 0 0 10px;
        border-radius: 0 0 0 10px
    }
}

.portfolio-items-nav__item:last-child .portfolio-items-nav__wrapper {
    -webkit-border-radius: 0 0 10px 0;
    border-radius: 0 0 10px
}

.title-portfolio {
    display: none;
    color: #2b2f3e;
    font-weight: 700;
    margin-bottom: 20px
}

.title-portfolio .icon {
    display: none
}

@media only screen and (max-width:850px) {
    .portfolio-items-nav__item .portfolio-items-nav__wrapper {
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important
    }

    .title-portfolio {
        display: block
    }
}

.section-blog .breadcrumb {
    margin-bottom: 30px
}

.items-blog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px
}

.items-blog .date,
.items-blog__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.items-blog__item {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 30px
}

.items-blog__content {
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dcdfe3;
    background-color: #fff;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.items-blog__content:hover {
    -webkit-box-shadow: 0 7px 27px rgba(0, 0, 0, .1);
    box-shadow: 0 7px 27px rgba(0, 0, 0, .1)
}

.items-blog__bg-content {
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #f9f9f9;
    width: 330px
}

@media only screen and (max-width:1090px) {
    .items-blog__bg-content {
        width: 250px
    }
}

@media only screen and (max-width:991.98px) {
    .items-blog__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .items-blog__bg-content {
        width: 100%;
        padding-bottom: 50%
    }
}

.items-blog__info {
    padding: 20px;
    width: -webkit-calc(100% - 330px);
    width: calc(100% - 330px)
}

@media only screen and (max-width:1090px) {
    .items-blog__info {
        width: -webkit-calc(100% - 250px);
        width: calc(100% - 250px)
    }
}

@media only screen and (max-width:991.98px) {
    .items-blog__info {
        width: 100%
    }
}

.items-blog .title {
    color: #333;
    font-weight: 700;
    line-height: 30px;
    margin: 0 -20px 20px;
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 20px;
    background-color: #f3f4f8;
    border-right: 3px solid #f70000;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:768.98px) {
    .items-blog .title {
        -o-text-overflow: initial;
        text-overflow: initial;
        overflow: initial;
        white-space: initial;
        line-height: 24px;
        font-size: 18px
    }
}

.items-blog .title:hover {
    color: #f70000
}

.items-blog .date,
.items-blog .read-more,
.popular-posts .popular-posts-items .title,
.popular-posts__top {
    color: #333;
    font-family: Montserrat, sans-serif
}

.items-blog .content-text {
    max-height: 120px;
    overflow: hidden
}

@media only screen and (max-width:1120px) {
    .items-blog .content-text {
        max-height: 95px
    }
}

.items-blog .date {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.items-blog .date svg {
    width: 9px;
    height: 9px;
    margin-right: 10px;
    fill: #f70000
}

.items-blog .date .icon-f {
    margin-right: 10px
}

.items-blog .read-more {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.items-blog .read-more:after {
    content: '';
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="11.352px" viewBox="304.866 0 7 11.352" enable-background="new 304.866 0 7 11.352" xml:space="preserve" style="%26%2310;"%3E %3Cpolygon fill="%23333333" points="306.187,0 304.866,1.324 309.214,5.676 304.866,10.027 306.187,11.352 311.866,5.676 "/%3E %3C/svg%3E');
    width: 7px;
    height: 11px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    display: block;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    margin-left: 10px
}

.items-blog .read-more:hover {
    color: #f70000
}

.items-blog .read-more:hover:after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="11.352px" viewBox="304.866 0 7 11.352" enable-background="new 304.866 0 7 11.352" xml:space="preserve" style="%26%2310;"%3E %3Cpolygon fill="%23f70000" points="306.187,0 304.866,1.324 309.214,5.676 304.866,10.027 306.187,11.352 311.866,5.676 "/%3E %3C/svg%3E')
}

.items-blog .wrapper-bottom {
    padding-top: 20px;
    margin-top: 20px;
    left: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search-block__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.search-block input[type=text] {
    padding: 20px
}

.search-block .button {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    padding: 0;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18px" height="18.004px" viewBox="0.056 0 18 18.004" enable-background="new 0.056 0 18 18.004" xml:space="preserve"%3E %3Cpath fill="%23ffffff" d="M17.901,17.086l-4.375-4.375c1.173-1.349,1.884-3.11,1.884-5.034C15.409,3.441,11.965,0,7.733,0 C3.497,0,0.056,3.445,0.056,7.677s3.445,7.676,7.677,7.676c1.924,0,3.685-0.71,5.034-1.884l4.375,4.375 c0.104,0.104,0.243,0.16,0.379,0.16s0.276-0.052,0.379-0.16C18.108,17.637,18.108,17.293,17.901,17.086z M1.13,7.677 c0-3.641,2.962-6.599,6.599-6.599c3.641,0,6.599,2.962,6.599,6.599s-2.958,6.603-6.599,6.603C4.093,14.279,1.13,11.317,1.13,7.677z "/%3E %3C/svg%3E');
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0
}

@media only screen and (max-width:480.98px) {
    .search-block .button {
        width: 50px;
        height: 50px
    }
}

.category {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #cdcfd7;
    background-color: #fff
}

.category__top {
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background-color: #2ac9b9;
    font-size: 20px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    padding: 25px 20px;
    margin: -1px
}

.category__bottom {
    padding: 10px
}

.category__bottom .button {
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.category .category-items {
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%
}

.category .category-items li {
    width: 100%;
    list-style: none
}

.category .category-items li.cat-item-1 {
    display: none
}

.category .category-items li a {
    font-size: 16px;
    color: #2b2f3e;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    padding: 23px 20px;
    display: block;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    border: 1px solid transparent
}

@media only screen and (max-width:991.98px) {
    .category .category-items li a {
        font-size: 14px;
        padding: 15px 20px
    }
}

.category .category-items li a~a {
    border-top: 1px solid #dcdfe3;
    -webkit-border-radius: 0;
    border-radius: 0
}

.category .category-items li a.active~a,
.category .category-items li a:hover~a {
    border-top: 1px solid transparent
}

.category .category-items li a:hover {
    background-color: #2ac9b9;
    color: #fff;
    z-index: 1;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.category .category-items li a.active {
    background-color: #2ac9b9;
    color: #fff
}

.category .category-items li:first-child a {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    display: block;
    outline: 0;
    white-space: nowrap;
    height: 60px;
    line-height: 60px;
    background-color: #f70000;
    border: none;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 0 35px;
    text-align: center;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.category .category-items li:first-child a:hover {
    background-color: #ee4165;
    -webkit-box-shadow: 0 16px 24px rgba(238, 65, 101, .26);
    box-shadow: 0 16px 24px rgba(238, 65, 101, .26)
}

.popular-posts {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #dcdfe3;
    background-color: #fff
}

.popular-posts__top {
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background-color: #f3f4f8;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 25px 20px;
    margin: -1px
}

.popular-posts__bottom {
    padding: 10px
}

.popular-posts .popular-posts-items {
    margin-bottom: -10px
}

.popular-posts .popular-posts-items__item {
    border: 1px solid #dcdfe3;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px
}

.popular-posts .popular-posts-items__item:hover {
    -webkit-box-shadow: 0 2px 19px rgba(1, 10, 44, .13);
    box-shadow: 0 2px 19px rgba(1, 10, 44, .13)
}

.popular-posts .popular-posts-items__item .title {
    color: #2b2f3e
}

.popular-posts .popular-posts-items__info {
    max-width: 135px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    display: block;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    padding-bottom: 25%;
    margin: -1px
}

.popular-posts .popular-posts-items__info-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    width: 100%;
    max-width: 100%
}

.menu-page-items,
.product-catalog-items,
.results-items {
    -webkit-box-orient: horizontal
}

.popular-posts .popular-posts-items .title {
    font-size: 16px;
    font-weight: 700;
    max-height: 48px;
    overflow: hidden;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.popular-posts .popular-posts-items .read-more:hover,
.popular-posts .popular-posts-items .title:hover,
.results-items .read-more {
    color: #f70000
}

.popular-posts .popular-posts-items .date,
.popular-posts .popular-posts-items .read-more,
.results-items .title {
    color: #333;
    font-family: Montserrat, sans-serif
}

.popular-posts .popular-posts-items .date {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.popular-posts .popular-posts-items .date svg {
    margin-right: 5px;
    fill: #f70000
}

.popular-posts .popular-posts-items .read-more {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.popular-posts .popular-posts-items .read-more:after {
    content: '';
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="11.352px" viewBox="304.866 0 7 11.352" enable-background="new 304.866 0 7 11.352" xml:space="preserve" style="%26%2310;"%3E %3Cpolygon fill="%23333333" points="306.187,0 304.866,1.324 309.214,5.676 304.866,10.027 306.187,11.352 311.866,5.676 "/%3E %3C/svg%3E');
    width: 6px;
    height: 9px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    display: block;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    margin-left: 10px
}

.results-items .read-more,
.results-items .read-more:after {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

.popular-posts .popular-posts-items .read-more:hover:after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="11.352px" viewBox="304.866 0 7 11.352" enable-background="new 304.866 0 7 11.352" xml:space="preserve" style="%26%2310;"%3E %3Cpolygon fill="%23f70000" points="306.187,0 304.866,1.324 309.214,5.676 304.866,10.027 306.187,11.352 311.866,5.676 "/%3E %3C/svg%3E')
}

.popular-posts .popular-posts-items .info-content-bottom {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px
}

.results-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: -25px -15px 0
}

.results-items__item {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 15px;
    margin-top: 25px
}

@media only screen and (max-width:991.98px) {
    .results-items__item {
        width: 100%
    }
}

.results-items .post-content {
    margin-left: 15px
}

.results-items .post-content .button {
    display: inline-block
}

.results-items .post-content .content-text {
    margin-bottom: 10px
}

.results-items .post-content .content-text p {
    height: 70px;
    overflow: hidden
}

@media only screen and (max-width:768.98px) {
    .results-items .post-content .content-text p {
        font-size: 14px
    }
}

.results-items .post-image img {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #f70000
}

@media only screen and (max-width:480.98px) {
    .results-items .post-image img {
        width: 90px;
        height: 90px
    }
}

.results-items .read-more {
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    transition: all ease-in-out .2s
}

.results-items .read-more:after {
    content: '';
    display: block;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="6px" height="9.729px" viewBox="304.866 0 6 9.729" enable-background="new 304.866 0 6 9.729" xml:space="preserve"%3E %3Cg%3E %3Cg id="chevron-right"%3E %3Cpolygon fill="%23F70000" points="305.998,0 304.866,1.135 308.593,4.865 304.866,8.595 305.998,9.729 310.866,4.865 "/%3E %3C/g%3E %3C/g%3E %3C/svg%3E');
    width: 6px;
    height: 10px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -15px;
    transform: translateY(-50%);
    transition: all ease-in-out .2s
}

.results-items .title,
.video-wrapper-p__wrapper .icon-f {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

.results-items .read-more:hover {
    opacity: .7
}

.results-items .title {
    font-size: 20px;
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
    height: 20px;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:768.98px) {
    .results-items .title {
        font-size: 16px;
        margin-bottom: 5px;
        height: 45px
    }
}

.results-items .title:hover {
    color: #f70000
}

.section-blog-post-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.newsletter-sub {
    position: relative;
    padding: 60px 70px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    min-width: 420px;
    width: 100%;
    margin-left: 30px
}

@media only screen and (max-width:1345px) {
    .section-blog-post-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .newsletter-sub {
        margin-bottom: 20px;
        min-width: auto;
        margin-left: 0
    }
}

@media only screen and (max-width:768.98px) {
    .newsletter-sub {
        padding: 30px 15px
    }
}

.newsletter-sub__title {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    position: relative;
    margin-bottom: 30px
}

.newsletter-sub:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #001b7b;
    opacity: .8;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.newsletter-sub-form,
.newsletter-sub-form__item,
.newsletter-sub-form__title {
    position: relative
}

.newsletter-sub-form__title {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.newsletter-sub-form__item input[type=email] {
    width: 100%;
    height: 60px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #2ac9b9;
    background-color: rgba(255, 255, 255, .15);
    padding: 25px 25px 25px 50px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

.newsletter-sub-form__item input[type=email]:-moz-placeholder,
.newsletter-sub-form__item input[type=email]:-ms-input-placeholder,
.newsletter-sub-form__item input[type=email]::-moz-placeholder,
.newsletter-sub-form__item input[type=email]::-webkit-input-placeholder {
    color: #fff
}

.newsletter-sub-form__item input[type=email]:-moz-placeholder,
.newsletter-sub-form__item input[type=email]:-ms-input-placeholder,
.newsletter-sub-form__item input[type=email]::-moz-placeholder,
.newsletter-sub-form__item input[type=email]::-webkit-input-placeholder,
.newsletter-sub-form__item input[type=email]::placeholder {
    color: #fff
}

.newsletter-sub-form__item .button {
    margin-top: 10px;
    width: 100%
}

.newsletter-sub-form__item.email:before {
    content: '';
    width: 15px;
    height: 11px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 30px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12px" height="8.569px" viewBox="100 142.969 12 8.569" enable-background="new 100 142.969 12 8.569"%3E %3Cpath fill="%232ac9b9" d="M106,148.966l-1.483-1.298l-4.245,3.638c0.155,0.143,0.363,0.232,0.593,0.232h10.273 c0.229,0,0.436-0.089,0.59-0.232l-4.242-3.638L106,148.966z"/%3E%3Cpath fill="%232ac9b9" d="M111.728,143.201c-0.155-0.143-0.361-0.232-0.593-0.232h-10.273c-0.229,0-0.436,0.089-0.59,0.234 l5.728,4.908L111.728,143.201z"/%3E%3Cpolygon fill="%232ac9b9" points="100,143.721 100,150.841 104.142,147.321 "/%3E%3Cpolygon fill="%232ac9b9" points="107.858,147.321 112,150.841 112,143.716"/%3E%3C/svg%3E');
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 1
}

.blog-button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px
}

@media only screen and (max-width:480.98px) {
    .blog-button-wrapper {
        margin: 20px 0 25px
    }
}

.blog-button-wrapper .button {
    display: inline-block
}

.section-main-text .content-text {
    height: 275px;
    overflow: hidden
}

.section-main-text .row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.video-wrapper-p {
    width: 100%;
    -webkit-box-shadow: 0 27px 52px rgba(0, 27, 115, .1);
    box-shadow: 0 27px 52px rgba(0, 27, 115, .1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d5d5e0;
    background-color: #fff;
    padding-bottom: 55%;
    position: relative;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}

@media only screen and (max-width:1199.98px) {
    .video-wrapper-p {
        padding-bottom: 65%
    }
}

@media only screen and (max-width:991.98px) {
    .section-main-text .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .section-main-text .row .col {
        width: 100%
    }

    .video-wrapper-p {
        padding-bottom: 40%;
        margin-top: 30px
    }
}

.video-wrapper-p__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(7, 22, 39, .6);
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.menu-page-items,
.video-wrapper-p__wrapper .icon-f {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.video-wrapper-p__wrapper .icon-f {
    width: 90px;
    height: 90px;
    border: 1px solid rgba(255, 255, 255, .4);
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-background-size: 26px 30px;
    background-size: 26px 30px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    transition: all ease-in-out .2s
}

.menu-page-items .wrapper-content,
.menu-page-items .wrapper-content:after {
    height: 100%;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

.video-wrapper-p__wrapper .icon-f:hover {
    background-color: rgba(255, 255, 255, .4)
}

.section-menu-page {
    padding: 50px 0 0
}

.menu-page-items {
    margin: 0 -15px -20px;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media only screen and (max-width:1270px) {
    .menu-page-items {
        margin: 0 -15px -20px
    }
}

@media only screen and (max-width:768.98px) {
    .menu-page-items {
        margin: 0 -10px -20px
    }
}

.menu-page-items__item {
    width: 33.333%;
    padding: 0 15px;
    margin-bottom: 20px
}

@media only screen and (max-width:1270px) {
    .menu-page-items__item {
        width: 50%;
        margin-bottom: 20px
    }
}

.menu-page-items__wrapper {
    background-color: #fff;
    min-height: 200px;
    height: 100%;
    position: relative;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.menu-page-items__wrapper:hover .wrapper-content .title {
    color: #fff
}

.menu-page-items__wrapper:hover .wrapper-content:after {
    background-color: #f70000;
    opacity: .7
}

@media only screen and (max-width:768.98px) {
    .menu-page-items__item {
        padding: 0 10px
    }

    .menu-page-items__wrapper {
        min-height: 120px
    }
}

@media only screen and (max-width:550px) {
    .menu-page-items__item {
        width: 100%
    }

    .menu-page-items__wrapper {
        min-height: 100px
    }
}

.menu-page-items .wrapper-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    z-index: 1;
    position: relative;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 2px solid #dedede;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    transition: all ease-in-out .2s
}

.news-slider .read-more:after,
.news-slider__wrapper,
.product-catalog-items .read-more:after,
.product-catalog-items__wrapper,
.product-category-items__wrapper {
    background-position: center;
    background-repeat: no-repeat
}

.menu-page-items .wrapper-content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    opacity: 1;
    z-index: -1;
    transition: all ease-in-out .2s
}

.news-slider__wrapper,
.news-slider__wrapper:before {
    -webkit-transition: all ease-in-out .2s;
    -webkit-border-radius: 4px
}

.menu-page-items .title {
    font-size: 24px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 24px;
    max-width: 250px;
    margin: 0 auto;
    text-align: center
}

@media only screen and (max-width:768.98px) {
    .menu-page-items .title {
        font-size: 20px
    }
}

@media only screen and (max-width:600px) {
    .menu-page-items .title {
        font-size: 17px
    }
}

.news-slider-wrapper {
    position: relative
}

.news-slider {
    margin: 0 -15px
}

.news-slider__wrapper {
    border-radius: 4px;
    background-color: #fff;
    padding-bottom: 75%;
    position: relative;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    cursor: pointer;
    -webkit-background-size: cover;
    background-size: cover;
    display: block
}

.news-slider__content,
.news-slider__wrapper:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media only screen and (max-width:640px) {
    .news-slider__wrapper {
        padding-bottom: 40%
    }
}

@media only screen and (max-width:555px) {
    .news-slider__wrapper {
        padding-bottom: 55%
    }
}

@media only screen and (max-width:440px) {
    .news-slider__wrapper {
        padding-bottom: 65%
    }
}

@media only screen and (max-width:400px) {
    .news-slider__wrapper {
        padding-bottom: 75%
    }
}

@media only screen and (max-width:370px) {
    .news-slider__wrapper {
        padding-bottom: 80%
    }
}

.news-slider__wrapper:before {
    content: '';
    border-radius: 4px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#071627), color-stop(56%, rgba(7, 22, 39, 0)), to(rgba(7, 22, 39, 0)));
    background-image: -webkit-linear-gradient(bottom, #071627 0, rgba(7, 22, 39, 0) 56%, rgba(7, 22, 39, 0) 100%);
    background-image: -o-linear-gradient(bottom, #071627 0, rgba(7, 22, 39, 0) 56%, rgba(7, 22, 39, 0) 100%);
    background-image: linear-gradient(to top, #071627 0, rgba(7, 22, 39, 0) 56%, rgba(7, 22, 39, 0) 100%);
    opacity: .8;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.news-slider .title,
.news-slider__content {
    -o-transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s
}

.news-slider__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: all ease-in-out .2s
}

.news-slider .title {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    background-color: rgba(255, 255, 255, .1);
    border-left: 3px solid #fff;
    padding: 10px 20px;
    margin: 0 -20px;
    transition: all ease-in-out .2s
}

.news-slider .cont-text,
.news-slider .read-more {
    font-size: 14px;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    opacity: 0;
    visibility: hidden
}

.news-slider .title div,
.news-slider .title h1,
.news-slider .title h2,
.news-slider .title h3,
.news-slider .title h4,
.news-slider .title h5,
.news-slider .title h6,
.news-slider .title span {
    max-height: 40px;
    overflow: hidden
}

.news-slider .cont-text {
    color: rgba(255, 255, 255, .7);
    line-height: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    height: 0;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.news-slider .cont-text p {
    overflow: hidden;
    height: 85px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:1399.98px) {
    .news-slider .cont-text p {
        height: 65px
    }
}

.news-slider .read-more {
    color: #fff;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 0;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.news-slider .read-more:after {
    content: '';
    display: inline-block;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="6px" height="9.729px" viewBox="304.866 0 6 9.729" enable-background="new 304.866 0 6 9.729" xml:space="preserve"%3E %3Cg%3E %3Cg id="chevron-right"%3E %3Cpolygon fill="%23f5f4f5" points="305.998,0 304.866,1.135 308.593,4.865 304.866,8.595 305.998,9.729 310.866,4.865 "/%3E %3C/g%3E %3C/g%3E %3C/svg%3E');
    width: 6px;
    height: 10px;
    margin-left: 10px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.items-options-info__wrapper:before,
.product-catalog-items__wrapper:before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#071627), color-stop(56%, rgba(7, 22, 39, 0)), to(rgba(7, 22, 39, 0)));
    background-image: -o-linear-gradient(bottom, #071627 0, rgba(7, 22, 39, 0) 56%, rgba(7, 22, 39, 0) 100%)
}

.news-slider__item {
    padding: 0 15px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.news-slider__item:hover .news-slider__wrapper:before {
    background-color: #071627;
    opacity: .8
}

.news-slider__item:hover .news-slider__content {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.news-slider__item:hover .news-slider__content .title {
    margin: 0 -20px 20px
}

.news-slider__item:hover .news-slider__content .cont-text {
    margin-bottom: 15px;
    padding-bottom: 20px;
    opacity: 1;
    visibility: visible;
    height: auto
}

.news-slider__item:hover .news-slider__content .read-more {
    opacity: 1;
    visibility: visible;
    height: auto
}

.product-catalog-wrapper {
    position: relative;
    margin-top: 30px
}

.product-catalog-items {
    margin: 0 -15px -30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.product-catalog-items__wrapper {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    padding-bottom: 67%;
    position: relative;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    cursor: pointer;
    -webkit-background-size: cover;
    background-size: cover;
    display: block
}

.product-catalog-items__content,
.product-catalog-items__wrapper:before {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-transition: all ease-in-out .2s;
    left: 0;
    top: 0
}

@media only screen and (max-width:685px) {
    .product-catalog-items__wrapper {
        padding-bottom: 40%
    }
}

@media only screen and (max-width:575px) {
    .product-catalog-items__wrapper {
        padding-bottom: 55%
    }
}

@media only screen and (max-width:420px) {
    .product-catalog-items__wrapper {
        padding-bottom: 65%
    }
}

@media only screen and (max-width:375px) {
    .product-catalog-items__wrapper {
        padding-bottom: 75%
    }
}

.product-catalog-items__wrapper:before {
    content: '';
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(bottom, #071627 0, rgba(7, 22, 39, 0) 56%, rgba(7, 22, 39, 0) 100%);
    background-image: linear-gradient(to top, #071627 0, rgba(7, 22, 39, 0) 56%, rgba(7, 22, 39, 0) 100%);
    opacity: .8;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.product-catalog-items__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.product-catalog-items .title {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    background-color: rgba(255, 255, 255, .1);
    border-left: 3px solid #fff;
    padding: 10px 20px;
    margin: 0 -20px;
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.product-catalog-items .cont-text,
.product-catalog-items .read-more,
.section-proposal .wpcf7-response-output,
.section-proposal span.wpcf7-not-valid-tip {
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

.product-catalog-items .cont-text {
    font-size: 14px;
    color: rgba(255, 255, 255, .7);
    line-height: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.product-catalog-items .cont-text p {
    overflow: hidden;
    height: 65px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:1399.98px) {
    .product-catalog-items .cont-text p {
        height: 65px
    }
}

.product-catalog-items .read-more {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.product-catalog-items .read-more:after {
    content: '';
    display: inline-block;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="6px" height="9.729px" viewBox="304.866 0 6 9.729" enable-background="new 304.866 0 6 9.729" xml:space="preserve"%3E %3Cg%3E %3Cg id="chevron-right"%3E %3Cpolygon fill="%23f5f4f5" points="305.998,0 304.866,1.135 308.593,4.865 304.866,8.595 305.998,9.729 310.866,4.865 "/%3E %3C/g%3E %3C/g%3E %3C/svg%3E');
    width: 6px;
    height: 10px;
    margin-left: 10px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.product-catalog-items__item {
    padding: 0 15px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    width: 33.333%;
    margin-bottom: 30px
}

.product-category-items__item,
.product-category-wrapper-tabs-items__item {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

@media only screen and (max-width:1030px) {
    .product-catalog-items__item {
        width: 50%
    }
}

@media only screen and (max-width:685px) {
    .product-catalog-items__item {
        width: 100%
    }
}

.product-catalog-items__item:hover .product-catalog-items__wrapper:before {
    background-color: #071627;
    opacity: .8
}

.product-catalog-items__item:hover .product-catalog-items__content {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.product-category-wrapper-tabs-items,
.product-category-wrapper-tabs-items__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.product-catalog-items__item:hover .product-catalog-items__content .title {
    margin: 0 -20px 20px
}

.product-catalog-items__item:hover .product-catalog-items__content .cont-text {
    margin-bottom: 15px;
    padding-bottom: 20px;
    opacity: 1;
    visibility: visible;
    height: auto
}

.product-catalog-items__item:hover .product-catalog-items__content .read-more {
    opacity: 1;
    visibility: visible;
    height: auto
}

.product-category-wrapper-tabs-items {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: -15px
}

.product-category-wrapper-tabs-items__item {
    height: 70px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #e5e5ee;
    background-color: #fff;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    margin-right: 20px;
    margin-bottom: 15px;
    max-width: 210px;
    width: 100%;
    cursor: pointer;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:991.98px) {
    .product-category-wrapper-tabs-items__item {
        height: 60px
    }
}

@media only screen and (max-width:480.98px) {
    .product-category-wrapper-tabs-items__item {
        max-width: 100%;
        height: 45px;
        margin-right: 0
    }
}

.product-category-wrapper-tabs-items__item:hover {
    border-color: #f70000
}

.product-category-wrapper-tabs-items__item .title {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    text-align: center
}

@media only screen and (max-width:991.98px) {
    .product-category-wrapper-tabs-items__item .title {
        font-size: 14px
    }
}

.product-category-wrapper-tabs-items__item.active {
    border-color: #f70000;
    background-color: #f70000
}

.product-category-wrapper-tabs-items__item.active .title {
    color: #fff
}

.product-category-wrapper {
    position: relative;
    margin-top: 30px
}

.product-category-items {
    margin: 0 -15px -30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.product-category-items__item {
    padding: 0 15px;
    transition: all ease-in-out .2s;
    width: 33.333%;
    margin-bottom: 30px
}

.product-category-items .title,
.product-category-items__wrapper {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

@media only screen and (max-width:1030px) {
    .product-category-items__item {
        width: 50%
    }
}

.product-category-items .title {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    transition: all ease-in-out .2s
}

.product-category-items__wrapper {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e0e2e9;
    padding-bottom: 58%;
    position: relative;
    transition: all ease-in-out .2s;
    cursor: pointer;
    -webkit-background-size: cover;
    background-size: cover;
    display: block
}

.jobs-items__wrapper,
.product-category-items__content {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

.product-category-items__wrapper:hover {
    -webkit-box-shadow: 0 14px 36px rgba(0, 0, 0, .09);
    box-shadow: 0 14px 36px rgba(0, 0, 0, .09);
    border-color: #f0f1f5
}

.product-category-items__wrapper:hover .title {
    color: #f70000
}

@media only screen and (max-width:685px) {
    .product-category-items__item {
        width: 100%
    }

    .product-category-items__wrapper {
        padding-bottom: 40%
    }
}

@media only screen and (max-width:575px) {
    .product-category-items__wrapper {
        padding-bottom: 55%
    }
}

@media only screen and (max-width:420px) {
    .product-category-items__wrapper {
        padding-bottom: 65%
    }
}

@media only screen and (max-width:375px) {
    .product-category-items__wrapper {
        padding-bottom: 75%
    }
}

.product-category-items__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: all ease-in-out .2s
}

.form-request,
.form-stock,
section .form-proposal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.product-category-items__image {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-category-items__image img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    padding: 20px
}

.section-proposal form .ajax-loader {
    display: none !important
}

.section-proposal span.wpcf7-not-valid-tip {
    font-size: 12px;
    color: #f70000;
    width: 100%;
    position: absolute;
    z-index: 1;
    margin-top: 5px
}

.section-proposal .wpcf7-response-output {
    padding: 15px 20px;
    margin: 30px auto 0;
    font-size: 16px;
    color: #009200;
    border: 1px solid #009200;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    max-width: 500px;
    text-align: center
}

@media only screen and (max-width:480.98px) {
    .section-proposal .wpcf7-response-output {
        margin: 20px 0 0
    }
}

.section-proposal .wpcf7-response-output .close {
    width: 20px;
    height: 20px;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E %3Crect x="1.45459" width="20.5703" height="2.05704" rx="1.02852" transform="rotate(45 1.45459 0)"/%3E %3Crect y="14.5454" width="20.5703" height="2.05704" rx="1.02852" transform="rotate(-45 0 14.5454)"/%3E %3C/svg%3E')
}

.form-request .icon,
section .form-proposal .icon {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.section-proposal .wpcf7-response-output.wpcf7-validation-errors {
    display: none !important
}

.section-proposal .wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: rgba(0, 146, 0, .1)
}

section .form-proposal-wrapper {
    max-width: 1130px;
    margin: 0 auto
}

section .form-proposal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px -30px
}

.button-section__wrapper,
.form-request {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

section .form-proposal__item {
    padding: 0 15px;
    width: 25%;
    margin-bottom: 30px
}

@media only screen and (max-width:991.98px) {
    section .form-proposal__item {
        width: 50%
    }
}

section .form-proposal__item:last-child {
    width: 100%
}

section .form-proposal__item:last-child .button {
    width: 100%;
    max-width: 270px;
    margin: 0 auto
}

section .form-proposal__item-input {
    position: relative
}

section .form-proposal .icon {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%)
}

.button-section {
    padding: 50px 0 0
}

.button-section__wrapper {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.button-section .button {
    margin: 0 auto;
    display: inline-block
}

@media only screen and (max-width:480.98px) {
    section .form-proposal__item {
        width: 100%
    }

    section .form-proposal__item:last-child .button {
        max-width: 100%
    }

    .button-section .button {
        display: none
    }
}

.form-request-wrapper {
    max-width: 840px;
    margin: 0 auto
}

.form-request {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px -30px
}

.form-request__item {
    padding: 0 15px;
    width: 33.3333%;
    margin-bottom: 30px
}

@media only screen and (max-width:768.98px) {
    .form-request__item {
        width: 100%
    }
}

.form-request__item.textarea {
    width: 100%
}

.form-request__item.textarea .icon {
    top: 27px
}

.form-request__item:last-child {
    width: 100%
}

.form-request__item:last-child .button {
    width: 100%;
    max-width: 270px;
    margin: 0 auto
}

@media only screen and (max-width:480.98px) {
    .form-request__item {
        width: 100%
    }

    .form-request__item:last-child .button {
        max-width: 100%
    }
}

.form-request__item-input {
    position: relative
}

.form-request .icon {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%)
}

.form-stock__item.textarea .icon,
.form-summary__item.textarea .icon {
    top: 27px
}

.form-stock .icon,
.form-summary .icon {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 25px
}

.form-stock-wrapper {
    max-width: 850px;
    margin: 0 auto
}

.form-stock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px -30px
}

.form-stock__item {
    padding: 0 15px;
    width: 33.3333%;
    margin-bottom: 30px
}

.form-stock__item.textarea {
    width: 100%
}

.form-stock__item .button {
    width: 100%;
    margin: 0 auto
}

.form-stock__item-input {
    position: relative
}

.form-stock .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.section-product-slider {
    height: 100%;
    padding: 40% 0 0 !important;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width:600px) {
    .section-product-slider {
        padding: 70.25% 0 0 !important
    }
}

@media only screen and (max-width:480.98px) {
    .form-stock__item {
        width: 100%
    }

    .form-stock__item .button {
        max-width: 100%
    }

    .section-product-slider {
        padding: 75.25% 0 0 !important
    }
}

.section-product-slider:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #090f39;
    opacity: .3;
    z-index: 1
}

.section-product-slider__wrapper-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.section-product-slider__wrapper {
    position: absolute;
    z-index: 1;
    padding: 30px 0;
    width: 100%;
    height: 100%
}

@media only screen and (max-width:768.98px) {
    .form-stock__item {
        width: 100%
    }

    .section-product-slider:before {
        opacity: .7
    }

    .section-product-slider__wrapper {
        padding: 30px 0
    }
}

@media only screen and (max-width:370px) {
    .section-product-slider__wrapper {
        padding: 15px 0 30px
    }
}

.section-product-slider__wrapper .breadcrumb {
    margin-bottom: -24px
}

.section-product-slider__wrapper-video {
    padding-top: 40.25%;
    position: relative;
    height: 0;
    width: 100%;
    overflow: hidden
}

.section-product-slider__wrapper-video.video {
    padding-top: 56.25%
}

@media only screen and (max-width:600px) {
    .section-product-slider__wrapper-video {
        padding: 70.25% 0 0 !important
    }
}

@media only screen and (max-width:480.98px) {
    .section-product-slider__wrapper-video {
        padding: 75.25% 0 0 !important
    }
}

.section-product-slider__wrapper-video iframe,
.section-product-slider__wrapper-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (max-width:768.98px) {
    .section-product-slider__wrapper .breadcrumb {
        margin-bottom: -16px
    }

    .section-product-slider__wrapper-video iframe,
    .section-product-slider__wrapper-video video {
        display: none
    }
}

.section-product-slider__wrapper-video .slider-button-video {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: transparent;
    z-index: 1000;
    background-position: 60%;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 494.148 494.148" style="enable-background:new 0 0 494.148 494.148;" fill="%23ffffff"%3E %3Cpath d="M405.284,201.188L130.804,13.28C118.128,4.596,105.356,0,94.74,0C74.216,0,61.52,16.472,61.52,44.044v406.124 c0,27.54,12.68,43.98,33.156,43.98c10.632,0,23.2-4.6,35.904-13.308l274.608-187.904c17.66-12.104,27.44-28.392,27.44-45.884 C432.632,229.572,422.964,213.288,405.284,201.188z"/%3E%3C/svg%3E');
    -webkit-background-size: 25px 25px;
    background-size: 25px;
    background-repeat: no-repeat;
    border: 2px solid #fff
}

@media only screen and (max-width:768.98px) {
    .section-product-slider__wrapper-video .slider-button-video {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.jobs-items,
.product-text-info-slider {
    display: -webkit-box;
    display: -webkit-flex
}

.section-product-slider__wrapper-video .mobile-photo {
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.section-product-slider .title-trailer {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    margin-top: -webkit-calc(5vw + 24px);
    margin-top: calc(5vw + 24px);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    padding: 0 15px
}

@media only screen and (max-width:991.98px) {
    .section-product-slider .title-trailer {
        font-size: 25px
    }
}

@media only screen and (max-width:768.98px) {
    .section-product-slider .title-trailer {
        font-size: 20px
    }
}

@media only screen and (max-width:600px) {
    .section-product-slider .title-trailer {
        font-size: 18px;
        margin-top: -webkit-calc(3vw + 24px);
        margin-top: calc(3vw + 24px)
    }
}

.product-text-info-slider {
    max-width: 1410px;
    margin: 0 auto;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 15px
}

.contact-items,
.contact-wrapper-map,
.form-summary,
.jobs-items,
.production-steps-items__wrapper {
    -webkit-box-orient: horizontal
}

.product-text-info-slider .title {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    max-width: 700px;
    line-height: normal;
    position: relative
}

@media only screen and (max-width:1199.98px) {
    .product-text-info-slider .title {
        font-size: 45px
    }
}

@media only screen and (max-width:991.98px) {
    .product-text-info-slider .title {
        font-size: 30px
    }
}

@media only screen and (max-width:768.98px) {
    .product-text-info-slider .title {
        font-size: 25px;
        max-width: 500px
    }
}

@media only screen and (max-width:480.98px) {
    .product-text-info-slider .title {
        font-size: 22px;
        line-height: 35px
    }

    .jobs-items {
        margin: 20px -15px 0
    }
}

@media only screen and (max-width:370px) {
    .product-text-info-slider .title {
        font-size: 19px
    }
}

.product-text-info-slider .button {
    max-width: 260px
}

@media only screen and (max-width:420px) {
    .product-text-info-slider .button {
        height: 40px;
        line-height: 40px
    }
}

.jobs-items {
    margin: 20px -15px 0;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.jobs-items__item {
    padding: 0 15px;
    width: 20%;
    margin-bottom: 30px
}

@media only screen and (max-width:991.98px) {
    .jobs-items__item {
        width: 50%
    }
}

.jobs-items__wrapper {
    height: 170px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dedfe3;
    background-color: #fff;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all ease-in-out .2s;
    cursor: pointer
}

.form-summary,
.form-summary .wrapper-filestyle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

@media only screen and (max-width:480.98px) {
    .jobs-items__item {
        width: 100%;
        margin-bottom: 15px
    }

    .jobs-items__wrapper {
        height: 100px
    }
}

.jobs-items__wrapper:hover {
    background-color: #f70000;
    border-color: #f70000;
    box-shadow: 0 16px 24px rgba(247, 0, 0, .26)
}

.jobs-items__wrapper:hover .title {
    color: #fff
}

.jobs-items .title {
    font-size: 24px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 34px;
    text-align: center;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.form-summary .wrapper-filestyle p,
.form-summary__item-input p {
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

@media only screen and (max-width:1399.98px) {
    .jobs-items .title {
        font-size: 22px;
        line-height: 30px
    }
}

@media only screen and (max-width:1199.98px) {
    .jobs-items .title {
        font-size: 20px;
        line-height: 25px
    }
}

.section-form-summary {
    background-color: #f3f4f8
}

.form-summary-wrapper {
    max-width: 840px;
    margin: 0 auto
}

.form-summary {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px -30px
}

.form-summary__item {
    padding: 0 15px;
    width: 33.333%;
    margin-bottom: 30px
}

@media only screen and (max-width:650px) {
    .form-summary__item {
        width: 100%
    }
}

.form-summary__item.textarea {
    width: 100%
}

.form-summary__item.textarea .button {
    width: 100%;
    max-width: 270px;
    margin: 0 auto
}

.form-summary__item:nth-last-child(-n+2) {
    width: 50%
}

.form-summary__item-input {
    position: relative
}

.form-summary__item-input p {
    font-size: 14px;
    color: #333
}

.form-summary__item-input .file-input[type=file] {
    display: none
}

.form-summary .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.form-summary .wrapper-filestyle {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 7px
}

.form-summary .wrapper-filestyle .wpcf7-form-control-wrap {
    position: initial
}

.form-summary .wrapper-filestyle .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
    left: 0;
    bottom: -20px
}

.form-summary .wrapper-filestyle p {
    font-size: 14px;
    color: #60687f;
    margin-left: 10px
}

@media only screen and (max-width:480.98px) {
    .form-summary__item.textarea .button {
        max-width: 100%
    }

    .form-summary .wrapper-filestyle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .form-summary .wrapper-filestyle p {
        margin-left: 0;
        margin-bottom: 10px;
        font-weight: 700
    }
}

.section-contact .content-text blockquote author,
.section-contact .content-text blockquote p {
    font-size: 16px;
    color: #2b2f3e;
    font-weight: 400;
    font-family: Montserrat, sans-serif
}

.form-summary .cf7sg-popup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:750px) {
    .form-summary__item:nth-last-child(-n+2) {
        width: 100%
    }

    .form-summary .cf7sg-popup {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.form-summary .cf7sg-popup span {
    display: none !important
}

.form-summary .cf7sg-popup .button {
    max-width: 270px;
    width: 100%
}

@media only screen and (max-width:480.98px) {
    .form-summary .cf7sg-popup .button {
        max-width: 100%
    }
}

.section-contact .content-text blockquote {
    margin: 60px 0 30px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #dcdfe3;
    background-color: #ebecf0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.contact-wrapper-map,
.production-steps-items__wrapper {
    -webkit-box-align: center;
    -webkit-box-direction: normal
}

.section-contact .content-text blockquote p {
    font-style: italic;
    line-height: 24px
}

.section-contact .content-text blockquote author {
    margin-top: 15px;
    position: relative
}

.section-contact .content-text blockquote author:before {
    content: '';
    width: 40px;
    height: 1px;
    background-color: #2b2f3e;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -50px
}

@media only screen and (max-width:768.98px) {
    .section-contact .content-text blockquote {
        padding: 15px 10px
    }
}

.contact-wrapper-map {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px 50px
}

.contact-wrapper-map .contact-map {
    padding: 0 15px;
    width: 75%
}

@media only screen and (max-width:1450px) {
    .contact-wrapper-map .contact-map {
        width: 70%
    }
}

@media only screen and (max-width:1199.98px) {
    .contact-wrapper-map .contact-map {
        width: 65%
    }
}

@media only screen and (max-width:991.98px) {
    .contact-wrapper-map .contact-map {
        width: 60%
    }
}

@media only screen and (max-width:768.98px) {
    .contact-wrapper-map .contact-map {
        width: 100%
    }
}

.contact-wrapper-map__info {
    padding: 0 15px;
    width: 25%
}

@media only screen and (max-width:1450px) {
    .contact-wrapper-map__info {
        width: 30%
    }
}

@media only screen and (max-width:1199.98px) {
    .contact-wrapper-map__info {
        width: 35%
    }
}

@media only screen and (max-width:991.98px) {
    .contact-wrapper-map__info {
        width: 40%
    }
}

@media only screen and (max-width:768.98px) {
    .contact-wrapper-map__info {
        width: 100%;
        padding: 20px 15px 0
    }
}

.contact-wrapper-map .button~.button {
    margin-top: 20px
}

.contact-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px
}

.contact-items__item {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 30px
}

.contact-items__item>.title,
.contact-items__item>.title-direct {
    font-family: Montserrat, sans-serif;
    margin-bottom: 15px;
    font-weight: 700
}

@media only screen and (max-width:590px) {
    .contact-items__item {
        width: 100%
    }
}

.contact-items__item>.title {
    font-size: 30px;
    color: #333
}

@media only screen and (max-width:1399.98px) {
    .contact-items__item>.title {
        font-size: 25px
    }
}

.contact-items__item>.title-direct {
    font-size: 20px;
    color: #f70000
}

@media only screen and (max-width:991.98px) {
    .contact-items__item>.title {
        font-size: 20px
    }

    .contact-items__item>.title-direct {
        font-size: 16px
    }
}

.contact-info-items__item {
    position: relative
}

.contact-info-items__item .icon-f {
    position: absolute;
    top: 0;
    left: 0
}

.contact-info-items__item .info-box {
    padding-left: 20px
}

.contact-info-items__item .info-box>.title {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    margin-bottom: 7px
}

.contact-info-items__item .info,
.contact-info-items__item a.info {
    font-size: 14px;
    color: #60687f;
    max-width: 335px;
    display: block;
    font-family: Montserrat, sans-serif
}

.contact-info-items__item .info {
    font-weight: 400
}

.contact-info-items__item a.info {
    font-weight: 400;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.contact-info-items__item a.info:hover {
    color: #f70000
}

.contact-info-items__item~.contact-info-items__item {
    margin-top: 15px
}

.icon-f {
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.icon-f_phone {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.996" enable-background="new 0 0 10 9.996" xml:space="preserve"%3E %3Cpath fill="%23f70000" d="M9.995,7.888c0.021,0.161-0.027,0.303-0.149,0.423L8.439,9.708C8.374,9.778,8.293,9.838,8.19,9.888 C8.09,9.937,7.987,9.97,7.89,9.985c-0.007,0-0.026,0.001-0.063,0.005C7.792,9.995,7.743,9.996,7.689,9.996 c-0.136,0-0.352-0.024-0.651-0.068C6.737,9.882,6.372,9.769,5.937,9.588C5.503,9.41,5.012,9.139,4.461,8.778 C3.91,8.418,3.324,7.923,2.705,7.295C2.208,6.809,1.798,6.342,1.475,5.899C1.151,5.453,0.888,5.043,0.692,4.666 C0.493,4.289,0.345,3.945,0.246,3.639c-0.099-0.307-0.165-0.573-0.2-0.795C0.01,2.62-0.005,2.447,0.001,2.32 C0.01,2.193,0.013,2.123,0.013,2.109c0.015-0.102,0.045-0.204,0.095-0.305c0.05-0.102,0.11-0.186,0.18-0.248l1.408-1.408 C1.795,0.048,1.906,0,2.033,0c0.091,0,0.174,0.028,0.244,0.08c0.07,0.053,0.132,0.119,0.181,0.195l1.131,2.148 c0.064,0.113,0.082,0.236,0.053,0.371C3.615,2.929,3.555,3.04,3.463,3.131L2.942,3.652C2.93,3.665,2.915,3.688,2.907,3.72 C2.896,3.751,2.89,3.779,2.89,3.8c0.027,0.148,0.091,0.318,0.19,0.507c0.085,0.17,0.215,0.375,0.393,0.619 C3.651,5.171,3.902,5.45,4.225,5.769c0.319,0.324,0.599,0.576,0.848,0.757c0.246,0.181,0.453,0.313,0.619,0.396 c0.166,0.085,0.294,0.137,0.381,0.155l0.133,0.027c0.013,0,0.038-0.005,0.068-0.017c0.031-0.01,0.054-0.022,0.068-0.035 l0.604-0.614C7.074,6.325,7.222,6.27,7.392,6.27c0.12,0,0.215,0.021,0.284,0.065h0.012l2.041,1.207 C9.878,7.63,9.966,7.745,9.995,7.888z"/%3E %3C/svg%3E');
    width: 10px;
    height: 10px
}

.icon-f_map {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7.001px" height="9.992px" viewBox="0 0 7.001 9.992" enable-background="new 0 0 7.001 9.992" xml:space="preserve"%3E %3Cpath fill="%23f70000" d="M5.976,1.024C5.313,0.365,4.435,0,3.501,0C2.566,0,1.688,0.365,1.026,1.024c-1.224,1.224-1.377,3.525-0.33,4.919 l2.804,4.049L6.3,5.948C7.352,4.549,7.2,2.248,5.976,1.024z M3.535,4.744c-0.705,0-1.279-0.574-1.279-1.278 c0-0.705,0.574-1.279,1.279-1.279c0.705,0,1.279,0.574,1.279,1.279C4.813,4.17,4.239,4.744,3.535,4.744z"/%3E %3C/svg%3E');
    width: 7px;
    height: 10px
}

.icon-f_email,
.icon-f_mail {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="7.14px" viewBox="0 0 10 7.14" enable-background="new 0 0 10 7.14" xml:space="preserve"%3E %3Cpath fill="%23f70000" d="M5,4.998L3.764,3.916l-3.537,3.03C0.355,7.065,0.53,7.14,0.721,7.14h8.562c0.19,0,0.363-0.074,0.491-0.193l-3.535-3.03 L5,4.998z"/%3E%3Cpath fill="%23f70000" d="M9.773,0.193C9.646,0.074,9.473,0,9.279,0H0.72C0.527,0,0.355,0.074,0.227,0.196l4.774,4.089L9.773,0.193z"/%3E%3Cpolygon fill="%23f70000" points="0,0.627 0,6.561 3.451,3.628 "/%3E%3Cpolygon fill="%23f70000" points="6.549,3.628 10,6.561 10,0.623 "/%3E %3C/svg%3E');
    width: 10px;
    height: 7px
}

.icon-f_skype,
.icon-f_telegram,
.icon-f_viber {
    width: 10px;
    height: 10px
}

.icon-f_skype {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="512" viewBox="0 0 24 24" width="512" fill="%23f70000"%3E%3Cpath d="m23.309 14.547c1.738-7.81-5.104-14.905-13.139-13.543-4.362-2.707-10.17.352-10.17 5.542 0 1.207.333 2.337.912 3.311-1.615 7.828 5.283 14.821 13.311 13.366 5.675 3.001 11.946-2.984 9.086-8.676zm-7.638 4.71c-2.108.867-5.577.872-7.676-.227-2.993-1.596-3.525-5.189-.943-5.189 1.946 0 1.33 2.269 3.295 3.194.902.417 2.841.46 3.968-.3 1.113-.745 1.011-1.917.406-2.477-1.603-1.48-6.19-.892-8.287-3.483-.911-1.124-1.083-3.107.037-4.545 1.952-2.512 7.68-2.665 10.143-.768 2.274 1.76 1.66 4.096-.175 4.096-2.207 0-1.047-2.888-4.61-2.888-2.583 0-3.599 1.837-1.78 2.731 2.466 1.225 8.75.816 8.75 5.603-.005 1.992-1.226 3.477-3.128 4.253z"/%3E%3C/svg%3E')
}

.icon-f_viber {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="512" viewBox="0 0 24 24" width="512" fill="%23f70000"%3E%3Cpath d="m23.155 13.893c.716-6.027-.344-9.832-2.256-11.553l.001-.001c-3.086-2.939-13.508-3.374-17.2.132-1.658 1.715-2.242 4.232-2.306 7.348-.064 3.117-.14 8.956 5.301 10.54h.005l-.005 2.419s-.037.98.589 1.177c.716.232 1.04-.223 3.267-2.883 3.724.323 6.584-.417 6.909-.525.752-.252 5.007-.815 5.695-6.654zm-12.237 5.477s-2.357 2.939-3.09 3.702c-.24.248-.503.225-.499-.267 0-.323.018-4.016.018-4.016-4.613-1.322-4.341-6.294-4.291-8.895.05-2.602.526-4.733 1.93-6.168 3.239-3.037 12.376-2.358 14.704-.17 2.846 2.523 1.833 9.651 1.839 9.894-.585 4.874-4.033 5.183-4.667 5.394-.271.09-2.786.737-5.944.526z"/%3E%3Cpath d="m12.222 4.297c-.385 0-.385.6 0 .605 2.987.023 5.447 2.105 5.474 5.924 0 .403.59.398.585-.005h-.001c-.032-4.115-2.718-6.501-6.058-6.524z"/%3E%3Cpath d="m16.151 10.193c-.009.398.58.417.585.014.049-2.269-1.35-4.138-3.979-4.335-.385-.028-.425.577-.041.605 2.28.173 3.481 1.729 3.435 3.716z"/%3E%3Cpath d="m15.521 12.774c-.494-.286-.997-.108-1.205.173l-.435.563c-.221.286-.634.248-.634.248-3.014-.797-3.82-3.951-3.82-3.951s-.037-.427.239-.656l.544-.45c.272-.216.444-.736.167-1.247-.74-1.337-1.237-1.798-1.49-2.152-.266-.333-.666-.408-1.082-.183h-.009c-.865.506-1.812 1.453-1.509 2.428.517 1.028 1.467 4.305 4.495 6.781 1.423 1.171 3.675 2.371 4.631 2.648l.009.014c.942.314 1.858-.67 2.347-1.561v-.007c.217-.431.145-.839-.172-1.106-.562-.548-1.41-1.153-2.076-1.542z"/%3E%3Cpath d="m13.169 8.104c.961.056 1.427.558 1.477 1.589.018.403.603.375.585-.028-.064-1.346-.766-2.096-2.03-2.166-.385-.023-.421.582-.032.605z"/%3E%3C/svg%3E')
}

.icon-f_telegram {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="512" viewBox="0 0 24 24" width="512" fill="%23f70000"%3E%3Cpath d="m12 24c6.629 0 12-5.371 12-12s-5.371-12-12-12-12 5.371-12 12 5.371 12 12 12zm-6.509-12.26 11.57-4.461c.537-.194 1.006.131.832.943l.001-.001-1.97 9.281c-.146.658-.537.818-1.084.508l-3-2.211-1.447 1.394c-.16.16-.295.295-.605.295l.213-3.053 5.56-5.023c.242-.213-.054-.333-.373-.121l-6.871 4.326-2.962-.924c-.643-.204-.657-.643.136-.953z"/%3E%3C/svg%3E')
}

.icon-f_mail-big {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="7.14px" viewBox="0 0 10 7.14" enable-background="new 0 0 10 7.14" xml:space="preserve"%3E %3Cpath fill="%23f70000" d="M5,4.998L3.764,3.916l-3.537,3.03C0.355,7.065,0.53,7.14,0.721,7.14h8.562c0.19,0,0.363-0.074,0.491-0.193l-3.535-3.03 L5,4.998z"/%3E%3Cpath fill="%23f70000" d="M9.773,0.193C9.646,0.074,9.473,0,9.279,0H0.72C0.527,0,0.355,0.074,0.227,0.196l4.774,4.089L9.773,0.193z"/%3E%3Cpolygon fill="%23f70000" points="0,0.627 0,6.561 3.451,3.628 "/%3E%3Cpolygon fill="%23f70000" points="6.549,3.628 10,6.561 10,0.623 "/%3E %3C/svg%3E');
    width: 13px;
    height: 9px
}

.icon-f_user {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="9" height="11.829" viewBox="243.296 0 9 11.829"%3E%3Cpath fill="%23f70000" d="M247.797 5.786c1.315 0 2.383-1.294 2.383-2.893S249.828 0 247.797 0s-2.382 1.294-2.382 2.893 1.068 2.893 2.382 2.893zm-4.498 4.417c0-.098 0-.03 0 0zm8.997.074c0-.027 0-.185 0 0zm-.007-.192c-.044-2.782-.409-3.576-3.19-4.079 0 0-.392.5-1.304.5-.913 0-1.305-.5-1.305-.5-2.751.497-3.136 1.277-3.187 3.988-.003.22-.007.233-.007.206v.294s.663 1.335 4.499 1.335c3.835 0 4.498-1.335 4.498-1.335v-.216c.003.016-.001-.014-.004-.193z"%3E%3C/path%3E%3C/svg%3E');
    width: 9px;
    height: 12px
}

.icon-f_star-big {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="13px" height="12.481px" viewBox="141.177 18.534 13 12.481" enable-background="new 141.177 18.534 13 12.481" xml:space="preserve"%3E %3Cpath fill="%23f70000" d="M148.001,18.785l1.67,3.942l4.209,0.334c0.267,0,0.401,0.401,0.2,0.601l-3.207,2.806l0.936,4.143 c0.067,0.267-0.267,0.535-0.468,0.334l-3.675-2.205l-3.607,2.205c-0.268,0.134-0.535-0.067-0.468-0.334l0.935-4.209l-3.207-2.806 c-0.267-0.134-0.133-0.535,0.201-0.535l4.209-0.334l1.67-3.942C147.533,18.451,147.867,18.451,148.001,18.785z"/%3E %3C/svg%3E');
    width: 13px;
    height: 12px
}

.icon-f_calendar {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="13px" height="13.294px" viewBox="15.485 3800 13 13.294" enable-background="new 15.485 3800 13 13.294" xml:space="preserve"%3E %3Cpath fill="%23f70000" d="M20.183,3807.333c0-0.167-0.136-0.303-0.302-0.303h-1.054c-0.167,0-0.303,0.136-0.303,0.303v1.054 c0,0.166,0.136,0.302,0.303,0.302h1.054c0.166,0,0.302-0.136,0.302-0.302V3807.333L20.183,3807.333z"/%3E %3Cpath fill="%23f70000" d="M22.813,3807.333c0-0.167-0.136-0.303-0.302-0.303h-1.054c-0.167,0-0.303,0.136-0.303,0.303v1.054 c0,0.166,0.136,0.302,0.303,0.302h1.054c0.166,0,0.302-0.136,0.302-0.302V3807.333z"/%3E %3Cpath fill="%23f70000" d="M25.444,3807.333c0-0.167-0.136-0.303-0.303-0.303h-1.054c-0.166,0-0.302,0.136-0.302,0.303v1.054 c0,0.166,0.136,0.302,0.302,0.302h1.054c0.167,0,0.303-0.136,0.303-0.302V3807.333z"/%3E %3Cpath fill="%23f70000" d="M20.183,3809.967c0-0.166-0.136-0.302-0.302-0.302h-1.054c-0.167,0-0.303,0.136-0.303,0.302v1.054 c0,0.167,0.136,0.303,0.303,0.303h1.054c0.166,0,0.302-0.136,0.302-0.303V3809.967L20.183,3809.967z"/%3E %3Cpath fill="%23f70000" d="M22.813,3809.967c0-0.166-0.136-0.302-0.302-0.302h-1.054c-0.167,0-0.303,0.136-0.303,0.302v1.054 c0,0.167,0.136,0.303,0.303,0.303h1.054c0.166,0,0.302-0.136,0.302-0.303V3809.967z"/%3E %3Cpath fill="%23f70000" d="M25.444,3809.967c0-0.166-0.136-0.302-0.303-0.302h-1.054c-0.166,0-0.302,0.136-0.302,0.302v1.054 c0,0.167,0.136,0.303,0.302,0.303h1.054c0.167,0,0.303-0.136,0.303-0.303V3809.967L25.444,3809.967z"/%3E %3Cpath fill="%23f70000" d="M27.328,3801.482v1.606c0,0.727-0.591,1.313-1.315,1.313h-0.831c-0.727,0-1.323-0.585-1.323-1.313v-1.615 h-3.744v1.615c0,0.727-0.596,1.313-1.323,1.313h-0.833c-0.727,0-1.315-0.585-1.315-1.313v-1.606 c-0.635,0.019-1.158,0.544-1.158,1.19v9.424c0,0.659,0.534,1.198,1.193,1.198h10.614c0.656,0,1.193-0.542,1.193-1.198v-9.424 C28.482,3802.026,27.962,3801.5,27.328,3801.482z M26.941,3811.508c0,0.283-0.231,0.515-0.514,0.515h-8.904 c-0.283,0-0.515-0.231-0.515-0.515v-4.869c0-0.283,0.231-0.515,0.515-0.515h8.904c0.283,0,0.514,0.231,0.514,0.515V3811.508 L26.941,3811.508z"/%3E %3Cpath fill="%23f70000" d="M17.955,3803.538h0.822c0.25,0,0.452-0.202,0.452-0.453v-2.632c0-0.25-0.202-0.453-0.452-0.453h-0.822 c-0.248,0-0.449,0.202-0.449,0.453v2.636C17.506,3803.336,17.708,3803.538,17.955,3803.538z"/%3E %3Cpath fill="%23f70000" d="M25.168,3803.538h0.822c0.248,0,0.453-0.202,0.453-0.453v-2.632c0-0.25-0.202-0.453-0.453-0.453h-0.822 c-0.25,0-0.452,0.202-0.452,0.453v2.636C24.719,3803.336,24.921,3803.538,25.168,3803.538z"/%3E %3C/svg%3E');
    width: 13px;
    height: 13px
}

.icon-f_search,
.icon-f_search-big {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%23fff" width="23px" height="23px" viewBox="141.735 0 23 23" enable-background="new 141.735 0 23 23" xml:space="preserve"%3E %3Cpath d="M155.661,8.535c-0.247,0-0.449,0.202-0.449,0.449s0.202,0.449,0.449,0.449s0.449-0.202,0.449-0.449 S155.908,8.535,155.661,8.535z"/%3E %3Cpath d="M164.21,19.932l-5.997-5.997c0.975-1.469,1.491-3.171,1.491-4.95c0-4.955-4.029-8.984-8.984-8.984 s-8.984,4.029-8.984,8.984s4.029,8.984,8.984,8.984c1.779,0,3.481-0.517,4.95-1.491l1.658,1.657l0,0l4.339,4.34 c0.342,0.341,0.791,0.525,1.271,0.525s0.93-0.188,1.271-0.525c0.341-0.342,0.525-0.791,0.525-1.271S164.547,20.273,164.21,19.932z M155.459,15.529L155.459,15.529c-1.384,1.006-3.023,1.541-4.739,1.541c-4.461,0-8.086-3.625-8.086-8.086s3.625-8.086,8.086-8.086 s8.086,3.625,8.086,8.086c0,1.716-0.535,3.355-1.541,4.739C156.761,14.42,156.155,15.026,155.459,15.529z M156.402,15.938 c0.467-0.382,0.89-0.804,1.271-1.271l1.275,1.276c-0.386,0.458-0.813,0.88-1.271,1.271L156.402,15.938z M163.572,21.836 c-0.17,0.171-0.395,0.265-0.633,0.265s-0.467-0.094-0.633-0.265l-3.989-3.989c0.454-0.391,0.88-0.813,1.271-1.271l3.989,3.989 c0.171,0.17,0.265,0.395,0.265,0.633C163.841,21.437,163.742,21.67,163.572,21.836z"/%3E %3Cpath d="M150.719,1.797c-3.962,0-7.188,3.226-7.188,7.188s3.226,7.188,7.188,7.188s7.188-3.226,7.188-7.188 S154.681,1.797,150.719,1.797z M150.719,15.273c-3.468,0-6.289-2.821-6.289-6.289s2.821-6.289,6.289-6.289 s6.289,2.821,6.289,6.289S154.187,15.273,150.719,15.273z"/%3E %3Cpath d="M155.755,7.057c-0.386-1.006-1.06-1.869-1.95-2.489c-0.907-0.638-1.977-0.975-3.086-0.975 c-0.247,0-0.449,0.202-0.449,0.449s0.202,0.449,0.449,0.449c1.846,0,3.531,1.159,4.196,2.884c0.067,0.18,0.238,0.288,0.417,0.288 c0.054,0,0.108-0.009,0.162-0.031C155.728,7.547,155.841,7.286,155.755,7.057z"/%3E %3C/svg%3E')
}

.icon-f_search {
    width: 23px;
    height: 23px
}

.icon-f_search-big {
    width: 50px;
    height: 50px
}

.icon-f_play-big {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320.001 320.001" style="enable-background:new 0 0 320.001 320.001;" fill="%23ffffff"%3E%3Cpath d="M295.84,146.049l-256-144c-4.96-2.784-11.008-2.72-15.904,0.128C19.008,5.057,16,10.305,16,16.001v288 c0,5.696,3.008,10.944,7.936,13.824c2.496,1.44,5.28,2.176,8.064,2.176c2.688,0,5.408-0.672,7.84-2.048l256-144 c5.024-2.848,8.16-8.16,8.16-13.952S300.864,148.897,295.84,146.049z"/%3E%3C/svg%3E');
    width: 50px;
    height: 50px
}

.icon-f_notice-s {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" fill="%23f70000"%3E %3Cpath d="M507.113,428.415L287.215,47.541c-6.515-11.285-18.184-18.022-31.215-18.022c-13.031,0-24.7,6.737-31.215,18.022 L4.887,428.415c-6.516,11.285-6.516,24.76,0,36.044c6.515,11.285,18.184,18.022,31.215,18.022h439.796 c13.031,0,24.7-6.737,31.215-18.022C513.629,453.175,513.629,439.7,507.113,428.415z M481.101,449.441 c-0.647,1.122-2.186,3.004-5.202,3.004H36.102c-3.018,0-4.556-1.881-5.202-3.004c-0.647-1.121-1.509-3.394,0-6.007 L250.797,62.559c1.509-2.613,3.907-3.004,5.202-3.004c1.296,0,3.694,0.39,5.202,3.004L481.1,443.434 C482.61,446.047,481.748,448.32,481.101,449.441z"/%3E%3Crect x="240.987" y="166.095" width="30.037" height="160.197"/%3E%3Ccircle cx="256.005" cy="376.354" r="20.025"/%3E%3C/svg%3E');
    min-width: 30px;
    height: 30px
}

.form-director {
    -webkit-box-shadow: 0 14px 34px rgba(0, 0, 0, .08);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .08);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    padding: 30px 20px 20px
}

.form-director .photo-director {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #e2e2e2;
    overflow: hidden;
    position: relative;
    padding-bottom: 65%
}

.form-director .photo-director>img {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    position: absolute;
    max-width: 100%;
    width: 100%
}

.form-director .title {
    font-size: 20px;
    color: #f70000;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    margin: 10px 0 25px
}

.form-director form .ajax-loader {
    display: none !important
}

.form-director span.wpcf7-not-valid-tip {
    font-size: 12px;
    color: #f70000;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    width: 100%;
    position: absolute;
    z-index: 1;
    margin-top: 5px
}

.form-director .wpcf7-response-output {
    padding: 15px 20px;
    margin: 30px auto 0;
    font-size: 16px;
    color: #009200;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    border: 1px solid #009200;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    max-width: 500px;
    text-align: center
}

.production-steps-items .title,
.table-stock .price,
.table-stock .title {
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

@media only screen and (max-width:480.98px) {
    .form-director .wpcf7-response-output {
        margin: 20px 0 0
    }

    .production-steps-items .title {
        line-height: 25px
    }
}

.form-director .wpcf7-response-output .close {
    width: 20px;
    height: 20px;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E %3Crect x="1.45459" width="20.5703" height="2.05704" rx="1.02852" transform="rotate(45 1.45459 0)"/%3E %3Crect y="14.5454" width="20.5703" height="2.05704" rx="1.02852" transform="rotate(-45 0 14.5454)"/%3E %3C/svg%3E')
}

.form-director .wpcf7-response-output.wpcf7-validation-errors {
    display: none !important
}

.form-director .wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: rgba(0, 146, 0, .1)
}

.form-director-wrapper__item {
    position: relative;
    margin-bottom: 20px
}

.form-director-wrapper__item .icon {
    position: absolute;
    left: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.form-director-wrapper__item.textarea .icon {
    top: 23px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.form-director-wrapper__item.textarea textarea {
    min-height: 120px
}

.form-director-wrapper__item .button {
    width: 100%
}

.production-steps-items__item {
    position: relative
}

.production-steps-items__item~.production-steps-items__item {
    margin-top: 30px
}

.production-steps-items__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px
}

@media only screen and (max-width:991.98px) {
    .production-steps-items__item~.production-steps-items__item:after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #cbcbcc;
        position: absolute;
        top: -15px;
        left: 0;
        right: 0
    }

    .production-steps-items__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.production-steps-items__wrapper>div {
    width: 50%;
    padding: 0 15px
}

.production-steps-items__right .title {
    display: none
}

.production-steps-items .title {
    font-size: 30px;
    margin-bottom: 20px;
    position: relative
}

@media only screen and (max-width:991.98px) {
    .production-steps-items__wrapper>div {
        width: 100%
    }

    .production-steps-items__left {
        margin-top: 20px
    }

    .production-steps-items__left .title {
        display: none
    }

    .production-steps-items__right .title {
        display: block
    }

    .production-steps-items .title {
        font-size: 25px;
        text-align: center
    }
}

@media only screen and (max-width:768.98px) {
    .production-steps-items .title {
        font-size: 22px
    }
}

.production-steps-items .title:after {
    content: '';
    display: block;
    margin: 15px 0 20px;
    width: 80px;
    height: 3px;
    background-color: #f70000
}

.steps-slider .slick-next,
.steps-slider .slick-prev,
.stock-slider .slick-next,
.stock-slider .slick-prev {
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 0;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1
}

@media only screen and (max-width:991.98px) {
    .production-steps-items .title:after {
        width: 60px;
        margin: 15px auto 20px
    }
}

@media only screen and (max-width:768.98px) {
    .production-steps-items .title:after {
        width: 50px
    }
}

.production-steps-items .js-custom-scrollbar {
    height: 310px;
    overflow: hidden
}

.steps-slider__item img {
    width: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.steps-slider .slick-next,
.steps-slider .slick-prev {
    width: 50px;
    height: 50px;
    border: none;
    background-position: center center;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    top: 50%;
    transform: translateY(-50%)
}

.steps-slider .slick-next:hover,
.steps-slider .slick-prev:hover {
    background-color: #fff
}

.steps-slider .slick-next:focus,
.steps-slider .slick-prev:focus {
    outline: 0
}

.steps-slider .slick-prev {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%23000" d="M301.14,3805.529l5.275-5.278c0.337-0.337,0.88-0.337,1.217,0c0.337,0.336,0.337,0.88,0,1.214l-4.669,4.669l4.669,4.672 c0.337,0.336,0.337,0.88,0,1.214c-0.337,0.337-0.88,0.337-1.217,0l-5.278-5.278c-0.168-0.168-0.252-0.388-0.252-0.608 C300.888,3805.918,300.972,3805.698,301.14,3805.529z"/%3E %3C/svg%3E');
    left: 15px
}

.steps-slider .slick-next {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%23000" d="M307.63,3806.744l-5.275,5.278c-0.337,0.337-0.88,0.337-1.217,0c-0.337-0.336-0.337-0.88,0-1.214l4.669-4.669l-4.669-4.672 c-0.337-0.336-0.337-0.88,0-1.214c0.337-0.337,0.88-0.337,1.217,0l5.278,5.278c0.168,0.168,0.252,0.388,0.252,0.608 C307.882,3806.355,307.798,3806.576,307.63,3806.744z"/%3E %3C/svg%3E');
    right: 15px
}

.section-stock .title-block,
.section-stock .title-block__title {
    margin: 0 auto
}

.table-price__item,
.table-price__item~.table-stock__item,
.table-stock__item~.table-stock__item {
    margin-top: -1px
}

.stock-items__item {
    padding: 80px 0
}

@media only screen and (max-width:768.98px) {
    .stock-items__item {
        padding: 30px 0
    }
}

.stock-items__item:nth-child(even) {
    background-color: #f3f4f8
}

.table-stock {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 40px
}

.table-stock__item {
    border: 1px solid #e0e2e9;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.stock-slider-nav__wrapper-content,
.stock-slider__content {
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-border-radius: 4px
}

.table-stock__item:first-child {
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.table-stock__item:last-child {
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.table-stock .title {
    padding: 30px 20px;
    width: 80%;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (max-width:991.98px) {
    .table-stock .title {
        font-size: 14px;
        padding: 20px
    }
}

@media only screen and (max-width:768.98px) {
    .table-stock .title {
        width: 70%
    }
}

@media only screen and (max-width:480.98px) {
    .table-stock__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .table-stock .title {
        width: 100%
    }
}

.table-stock .price {
    padding: 30px 20px;
    width: 20%;
    border-left: 1px solid #e0e2e9;
    font-size: 24px
}

@media only screen and (max-width:991.98px) {
    .table-stock .price {
        font-size: 18px;
        padding: 20px
    }
}

@media only screen and (max-width:768.98px) {
    .table-stock .price {
        width: 30%
    }
}

@media only screen and (max-width:480.98px) {
    .table-stock .price {
        width: 100%;
        border: 0;
        color: #f70000;
        padding-top: 0
    }
}

.stock-slider__item {
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.stock-slider__item img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

.stock-slider__wrapper {
    padding-bottom: 50%;
    position: relative;
    border: 1px solid #e0e2e9;
    background-color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden
}

.stock-slider__content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 4px;
    background-color: #ebecec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.stock-slider__share {
    width: 40px;
    height: 40px;
    border: 1px solid #f70000;
    background-color: #f70000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.stock-slider__share:hover {
    background-color: #fff;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 416 416" style="enable-background:new 0 0 416 416;" fill="%23f70000"%3E %3Cpath d="M288,0v32h41.6c14.573,0.036,28.964-3.247,42.08-9.6l1.92-0.96l-352,352v-0.96c6.653-13.099,10.211-27.55,10.4-42.24V288 H0v128h128v-32H85.76c-14.159-0.018-28.146,3.097-40.96,9.12l-1.76,0.8l352-352v1.6C388.069,56.758,384.288,71.442,384,86.4V128 h32V0H288z"/%3E %3Cpath d="M185.6,164.64L43.2,22.24h0.96c12.86,6.291,26.964,9.625,41.28,9.76H128V0H0v128h32V85.44 c-0.003-13.985-3.06-27.8-8.96-40.48l-0.8-1.76l142.4,142.4L185.6,164.64z"/%3E %3Cpath d="M384,288v42.72c0.003,13.985,3.06,27.8,8.96,40.48l0.64,1.28L251.36,230.24L230.4,251.2l142.24,142.24h-1.28 c-12.691-6.088-26.565-9.311-40.64-9.44H288v32h128V288H384z"/%3E%3C/svg%3E')
}

.stock-slider .slick-next,
.stock-slider .slick-prev {
    width: 50px;
    height: 50px;
    border: none;
    background-position: center center;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    top: 50%;
    transform: translateY(-50%)
}

.stock-slider .slick-next:hover,
.stock-slider .slick-prev:hover {
    background-color: #fff
}

.stock-slider .slick-next:focus,
.stock-slider .slick-prev:focus {
    outline: 0
}

.stock-slider .slick-prev {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%23000" d="M301.14,3805.529l5.275-5.278c0.337-0.337,0.88-0.337,1.217,0c0.337,0.336,0.337,0.88,0,1.214l-4.669,4.669l4.669,4.672 c0.337,0.336,0.337,0.88,0,1.214c-0.337,0.337-0.88,0.337-1.217,0l-5.278-5.278c-0.168-0.168-0.252-0.388-0.252-0.608 C300.888,3805.918,300.972,3805.698,301.14,3805.529z"/%3E %3C/svg%3E');
    left: 15px
}

.stock-slider .slick-next {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%23000" d="M307.63,3806.744l-5.275,5.278c-0.337,0.337-0.88,0.337-1.217,0c-0.337-0.336-0.337-0.88,0-1.214l4.669-4.669l-4.669-4.672 c-0.337-0.336-0.337-0.88,0-1.214c0.337-0.337,0.88-0.337,1.217,0l5.278,5.278c0.168,0.168,0.252,0.388,0.252,0.608 C307.882,3806.355,307.798,3806.576,307.63,3806.744z"/%3E %3C/svg%3E');
    right: 15px
}

.stock-slider-nav {
    margin-top: -2px;
    border: 1px solid #e0e2e9;
    border-top: 0;
    padding: 10px 50px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.stock-slider-nav__item {
    padding: 0 5px
}

.stock-slider-nav__item.slick-current .stock-slider-nav__wrapper {
    border-color: #f70000
}

.stock-slider-nav__wrapper {
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    height: 60px;
    cursor: pointer;
    position: relative;
    border: 2px solid #e0e2e9;
    background-color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.stock-slider-nav__wrapper:hover .stock-slider-nav__wrapper-content {
    top: 0
}

.stock-slider-nav__wrapper-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(4, 37, 72, .7);
    position: absolute;
    width: 100%;
    height: 100%;
    top: -100%;
    border-radius: 4px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.stock-slider-nav .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    z-index: 1;
    cursor: pointer;
    width: 30px;
    height: 60px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #f70000;
    background-color: #f70000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.consultation-form .title,
.consultation-form-hor .title,
.popular-services .title {
    font-size: 24px;
    color: #333;
    max-width: 820px;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.consultation-form .title:after,
.consultation-form-hor .title:after,
.popular-services .title:after {
    bottom: -15px;
    height: 3px;
    content: ''
}

.stock-slider-nav .slick-arrow.slick-prev {
    left: 15px
}

.stock-slider-nav .slick-arrow.slick-next {
    right: 15px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%23ffffff" d="M307.63,3806.744l-5.275,5.278c-0.337,0.337-0.88,0.337-1.217,0c-0.337-0.336-0.337-0.88,0-1.214l4.669-4.669l-4.669-4.672 c-0.337-0.336-0.337-0.88,0-1.214c0.337-0.337,0.88-0.337,1.217,0l5.278,5.278c0.168,0.168,0.252,0.388,0.252,0.608 C307.882,3806.355,307.798,3806.576,307.63,3806.744z"/%3E %3C/svg%3E')
}

.stock-slider-nav .slick-arrow:hover {
    -webkit-box-shadow: 0 20px 40px rgba(238, 65, 101, .26);
    box-shadow: 0 20px 40px rgba(238, 65, 101, .26);
    background-color: #f70000;
    border-color: #f70000
}

.stock-slider-nav .slick-arrow:hover.slick-prev {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%23ffffff" d="M301.14,3805.529l5.275-5.278c0.337-0.337,0.88-0.337,1.217,0c0.337,0.336,0.337,0.88,0,1.214l-4.669,4.669l4.669,4.672 c0.337,0.336,0.337,0.88,0,1.214c-0.337,0.337-0.88,0.337-1.217,0l-5.278-5.278c-0.168-0.168-0.252-0.388-0.252-0.608 C300.888,3805.918,300.972,3805.698,301.14,3805.529z"/%3E %3C/svg%3E')
}

.stock-slider-nav .slick-arrow:hover.slick-next {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="7px" height="12.275px" viewBox="300.885 3800 7 12.275" enable-background="new 300.885 3800 7 12.275"%3E %3Cpath fill="%23ffffff" d="M307.63,3806.744l-5.275,5.278c-0.337,0.337-0.88,0.337-1.217,0c-0.337-0.336-0.337-0.88,0-1.214l4.669-4.669l-4.669-4.672 c-0.337-0.336-0.337-0.88,0-1.214c0.337-0.337,0.88-0.337,1.217,0l5.278,5.278c0.168,0.168,0.252,0.388,0.252,0.608 C307.882,3806.355,307.798,3806.576,307.63,3806.744z"/%3E %3C/svg%3E')
}

.stock-slider-nav .slick-arrow:focus {
    outline: 0
}

.section-product {
    overflow: hidden
}

.section-product .row__content>div {
    margin-top: 40px
}

.section-product .row__content>div:first-child {
    margin-top: 0
}

.js-toggle-sidebar {
    display: none;
    margin: 20px 15px
}

@media only screen and (max-width:850px) {
    .section-product .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .js-toggle-sidebar {
        display: block
    }
}

.js-toggle-sidebar.active .no-active {
    opacity: 0;
    visibility: hidden;
    display: none
}

.js-toggle-sidebar.active .active {
    opacity: 1;
    visibility: visible;
    display: block
}

.js-toggle-sidebar .active {
    opacity: 0;
    visibility: hidden;
    display: none
}

.consultation-form {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #f3f4f8;
    padding: 30px
}

@media only screen and (max-width:850px) {
    .js-sidebar {
        display: none
    }

    .js-sidebar.active {
        display: block
    }

    .consultation-form {
        display: none
    }
}

@media only screen and (max-width:768.98px) {
    .consultation-form {
        padding: 20px
    }
}

.consultation-form .form-request {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 -30px
}

.consultation-form .form-request__item {
    width: 100%;
    padding: 0
}

.consultation-form .title {
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    line-height: normal
}

.consultation-form .title:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 60px;
    background-color: #f70000
}

.consultation-form-hor {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #f3f4f8;
    padding: 30px
}

@media only screen and (max-width:768.98px) {
    .consultation-form-hor {
        padding: 20px
    }
}

.consultation-form-hor.margin-top-15 {
    margin-top: 15px
}

.consultation-form-hor.margin-bottom-15 {
    margin-bottom: 15px
}

.consultation-form-hor .form-request-hor {
    margin: 0 -10px -20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.consultation-form-hor .form-request-hor__item {
    width: 33.333%;
    padding: 0 10px;
    margin-bottom: 20px
}

@media only screen and (max-width:1050px) {
    .consultation-form-hor .form-request-hor {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .consultation-form-hor .form-request-hor__item {
        width: 100%
    }
}

.consultation-form-hor .form-request-hor__item .button {
    width: 100%
}

.consultation-form-hor .form-request-hor__item-input {
    position: relative
}

.consultation-form-hor .form-request-hor .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25px
}

.consultation-form-hor .title {
    margin-bottom: 40px;
    position: relative;
    display: inline-block;
    line-height: normal
}

.consultation-form-hor .title:after {
    position: absolute;
    left: 0;
    width: 60px;
    background-color: #f70000
}

.popular-services {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #f3f4f8;
    padding: 20px
}

.popular-services .title {
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    display: inline-block;
    line-height: normal
}

.popular-services .title:after {
    position: absolute;
    left: 0;
    width: 60px;
    background-color: #f70000
}

.popular-services .read-more {
    margin-top: 15px;
    font-size: 14px;
    color: #f70000;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.popular-services-items__item,
.product-tabs__item {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.popular-services .read-more:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492.004 492.004" style="enable-background:new 0 0 492.004 492.004;" fill="%23f70000"%3E%3Cpath d="M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12 c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028 c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265 c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    margin-left: 3px
}

@media only screen and (max-width:480.98px) {
    .popular-services .read-more {
        width: 100%;
        max-width: 100%
    }
}

.popular-services .read-more:hover {
    opacity: .7
}

.popular-services-items {
    margin-top: -10px
}

.popular-services-items__item {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #e5e5ee;
    background-color: #fff;
    font-size: 16px;
    color: #333;
    line-height: 22px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    margin-top: 10px;
    transition: all ease-in-out .2s
}

.product-tabs,
.product-tabs__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.popular-services-items__item:hover {
    color: #fff;
    background-color: #f70000;
    border-color: #f70000;
    -webkit-box-shadow: 0 13px 21px rgba(247, 0, 0, .15);
    box-shadow: 0 13px 21px rgba(247, 0, 0, .15)
}

.popular-services-items__item.current {
    border-color: #f70000
}

.product-tabs {
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff
}

.product-tabs__item {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    width: 100%;
    height: 60px;
    font-size: 12px;
    color: #333;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    transition: all ease-in-out .2s
}

.product-tabs__item span {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    padding: 5px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.product-tabs__item span:hover {
    color: #f70000
}

.product-tabs__item:before {
    content: '';
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    height: 150%;
    background-color: transparent;
    position: absolute;
    left: -1px;
    top: 0;
    bottom: 0;
    right: 0
}

.product-tabs__item:after {
    content: '';
    width: 1px;
    height: 30px;
    background-color: #e0e0e0;
    position: absolute;
    right: -1px
}

.product-tabs__item:last-child:after {
    display: none
}

.product-tabs__item.active {
    -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 24px rgba(0, 0, 0, .08);
    background-color: #fff
}

@media only screen and (max-width:991.98px) {
    .product-tabs__item {
        width: 140px
    }

    .product-tabs__item.active {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent
    }
}

.product-tabs__item.active:before {
    background-color: #fff;
    z-index: 1
}

.product-tabs__item.active span:hover {
    color: #333
}

@media only screen and (max-width:991.98px) {
    .product-tabs__item.active:before {
        background-color: transparent
    }

    .product-tabs__item.active span:hover {
        color: transparent
    }
}

.product-tabs__item.slick-current {
    background-color: #fff
}

.product-tabs__item.slick-current:before {
    background-color: #fff;
    z-index: 1
}

.product-tabs__item.slick-current span {
    color: #f70000
}

.product-tabs__item.slick-current span:hover {
    color: #333
}

.product-tabs .slick-arrow {
    width: 60px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1
}

.product-tabs .slick-arrow.prev-arrow {
    left: 0
}

.product-tabs .slick-arrow.next-arrow {
    right: 0
}

.product-tabs-content {
    -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 24px rgba(0, 0, 0, .08);
    padding: 40px 30px 35px;
    background-color: #fff;
    position: relative
}

@media only screen and (max-width:991.98px) {
    .product-tabs-content {
        padding: 20px 15px;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.product-tabs-content__item {
    background-color: #fff
}

.product-tabs-content__item.tab-content {
    opacity: 0;
    visibility: hidden;
    height: 0
}

.product-tabs-content__item.tab-content.active,
.product-tabs-content__item.tab-content.slick-current {
    opacity: 1 !important;
    visibility: visible;
    height: auto
}

.table-price {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 40px
}

.table-price__item {
    border: 1px solid #e0e2e9;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.table-price__item:first-child {
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.table-price__item:last-child {
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.table-price__item>p {
    padding: 20px
}

.table-price .t-1 {
    padding: 20px;
    width: 20%;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    line-height: 24px
}

@media only screen and (max-width:991.98px) {
    .table-price .t-1 {
        font-size: 14px;
        padding: 20px
    }
}

.items-options-info .title,
.table-price .t-2 {
    font-size: 20px;
    font-family: Montserrat, sans-serif
}

@media only screen and (max-width:768.98px) {
    .table-price .t-1 {
        width: 70%
    }
}

@media only screen and (max-width:480.98px) {
    .table-price__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .table-price .t-1 {
        width: 100%
    }
}

.table-price .t-2 {
    padding: 20px;
    width: 80%;
    border-left: 1px solid #e0e2e9;
    color: #333;
    font-weight: 400
}

@media only screen and (max-width:991.98px) {
    .table-price .t-2 {
        font-size: 18px;
        padding: 20px
    }

    .items-options-info .title {
        font-size: 18px
    }
}

@media only screen and (max-width:768.98px) {
    .table-price .t-2 {
        width: 30%
    }
}

@media only screen and (max-width:480.98px) {
    .table-price .t-2 {
        width: 100%;
        border: 0;
        color: #f70000;
        padding-top: 0
    }
}

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

.button-block-center.bootom-20 {
    margin-bottom: 20px
}

.button-block-center .button {
    max-width: 260px;
    width: 100%
}

.image-tab-content img,
.table-finanse__item .icon img {
    max-width: 100%;
    max-height: 100%
}

.table-finanse__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 15px
}

@media only screen and (max-width:768.98px) {
    .table-finanse__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .table-finanse__item .icon {
        margin-bottom: 15px
    }
}

.form-slider-items,
.info-contact,
.items-options-info,
.letters-items,
.video-items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.table-finanse__item .icon {
    min-width: 90px;
    height: 50px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 20px
}

.image-tab-content,
.items-options-info {
    display: -webkit-box;
    -webkit-box-align: center
}

.items-options-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px
}

.items-options-info__item {
    padding: 0 15px;
    width: 33.333%;
    margin-bottom: 30px
}

@media only screen and (max-width:850px) {
    .items-options-info__item {
        width: 50%
    }
}

@media only screen and (max-width:530px) {
    .items-options-info__item {
        width: 100%
    }
}

.items-options-info__wrapper {
    position: relative;
    padding-bottom: 65%;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}

.items-options-info__wrapper:before {
    content: '';
    width: 100%;
    height: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(bottom, #071627 0, rgba(7, 22, 39, 0) 56%, rgba(7, 22, 39, 0) 100%);
    background-image: linear-gradient(to top, #071627 0, rgba(7, 22, 39, 0) 56%, rgba(7, 22, 39, 0) 100%);
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0
}

.items-options-info__content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media only screen and (max-width:850px) {
    .items-options-info__content {
        padding: 15px
    }
}

.items-options-info .title {
    color: #fff;
    font-weight: 700
}

.image-tab-content {
    margin: 0 0 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.video-items,
.video-items__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.image-tab-content img {
    margin: 0 auto
}

.video-items {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px
}

.video-items__item {
    padding: 0 15px;
    width: 33.333%;
    margin-bottom: 30px
}

@media only screen and (max-width:850px) {
    .video-items__item {
        width: 50%
    }
}

@media only screen and (max-width:530px) {
    .video-items__item {
        width: 100%
    }
}

.video-items__item:hover .video-items__icon {
    opacity: 1
}

.video-items__item:hover .video-items__wrapper:before {
    opacity: .5
}

.video-items__item:hover .title {
    color: #f70000
}

.video-items__wrapper {
    position: relative;
    padding-bottom: 55%;
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.video-items__icon,
.video-items__wrapper:before {
    -webkit-transition: all ease-in-out .2s;
    position: absolute;
    opacity: 0
}

.video-items__wrapper:before {
    content: '';
    width: 100%;
    height: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #071627;
    top: 0;
    left: 0;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.trailers-slider__image>img,
.video-items__icon {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    top: 50%
}

.video-items__icon {
    width: 90px;
    height: 90px;
    border: 1px solid rgba(255, 255, 255, .4);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.video-items__icon span {
    width: 26px;
    height: 29px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="26px" height="28.832px" viewBox="183.508 0 26 28.832" enable-background="new 183.508 0 26 28.832" xml:space="preserve"%3E %3Cpath fill="%23FFFFFF" d="M184.986,28.832c-0.819,0-1.479-0.659-1.479-1.479V1.479c0-0.819,0.66-1.479,1.479-1.479l24.028,13.309 c0,0,1.111,1.111,0,2.222C207.91,16.634,184.986,28.832,184.986,28.832z"/%3E %3C/svg%3E')
}

.video-items .title {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    display: block;
    width: 325px;
    white-space: nowrap;
    overflow: hidden !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-top: 15px;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.canvas-360 {
    max-width: 1120px;
    margin: 0 auto
}

.canvas-360 .spritespin {
    margin: 0 auto;
    cursor: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="50px" height="37.086px" viewBox="0 0 50 37.086" enable-background="new 0 0 50 37.086" xml:space="preserve"%3E %3Cpath fill="%23F70000" d="M13.542,22.477c2.598,0,4.694-1.15,4.694-4.194v-0.352c0-1.503-0.798-2.319-1.893-2.728 c0.928-0.427,1.429-1.689,1.429-3.043c0-2.505-1.781-3.358-4.138-3.358c-3.191,0-4.23,1.874-4.23,3.321 c0,0.891,0.167,1.169,1.503,1.169c1.076,0,1.354-0.427,1.354-1.058c0-0.724,0.464-0.946,1.373-0.946c0.761,0,1.373,0.26,1.373,1.336 c0,1.503-0.742,1.596-1.447,1.596c-0.631,0-0.835,0.556-0.835,1.113c0,0.557,0.204,1.113,0.835,1.113 c1.021,0,1.782,0.241,1.782,1.484v0.352c0,1.207-0.446,1.67-1.707,1.67c-0.835,0-1.652-0.204-1.652-1.076 c0-0.706-0.297-0.965-1.484-0.965c-1.021,0-1.374,0.223-1.374,1.058C9.126,20.529,10.35,22.477,13.542,22.477z"/%3E %3Cpath fill="%23F70000" d="M25.027,11.326c0.872,0,1.614,0.371,1.614,1.076c0,0.853,0.705,1.057,1.503,1.057 c0.928,0,1.354-0.278,1.354-1.169c0-1.54-1.243-3.488-4.379-3.488c-2.672,0-4.731,1.187-4.731,4.379v4.917 c0,3.191,2.003,4.379,4.564,4.379c2.561,0,4.546-1.188,4.546-4.379v-0.167c0-2.969-1.781-3.896-3.896-3.896 c-0.89,0-1.726,0.167-2.319,0.816v-1.669C23.283,11.9,23.932,11.326,25.027,11.326z M24.934,16.261c1.058,0,1.67,0.52,1.67,1.875 v0.167c0,1.28-0.612,1.836-1.651,1.836s-1.67-0.556-1.67-1.836v-0.334C23.283,16.744,23.932,16.261,24.934,16.261z"/%3E %3Cpath fill="%23F70000" d="M36.308,16.595c0.575,0,0.928-0.39,0.928-0.947c0-0.575-0.353-0.928-0.928-0.928 c-0.594,0-0.946,0.353-0.946,0.928C35.362,16.205,35.715,16.595,36.308,16.595z"/%3E %3Cpath fill="%23F70000" d="M36.29,22.477c2.561,0,4.564-1.188,4.564-4.379v-4.917c0-3.192-2.004-4.379-4.564-4.379 s-4.546,1.187-4.546,4.379v4.917C31.744,21.29,33.729,22.477,36.29,22.477z M34.638,13.181c0-1.28,0.612-1.855,1.651-1.855 s1.67,0.575,1.67,1.855v4.917c0,1.28-0.631,1.855-1.67,1.855s-1.651-0.575-1.651-1.855V13.181z"/%3E %3Cpath fill="%23F70000" d="M44.37,8.789c2.423,0,4.395-1.972,4.395-4.395S46.794,0,44.37,0s-4.395,1.972-4.395,4.395 S41.947,8.789,44.37,8.789z M44.37,2.93c0.808,0,1.465,0.657,1.465,1.465s-0.657,1.465-1.465,1.465s-1.465-0.657-1.465-1.465 S43.563,2.93,44.37,2.93z"/%3E %3Cpath fill="%23F70000" d="M45.591,14.307c-0.666-0.458-1.578-0.29-2.037,0.377c-0.458,0.667-0.29,1.578,0.376,2.037 c1.432,0.986,3.14,2.565,3.14,4.496c0,1.752-1.459,3.566-4.109,5.111c-2.897,1.688-7.042,2.942-11.671,3.532 c-0.802,0.103-1.37,0.836-1.268,1.639c0.094,0.74,0.725,1.28,1.451,1.28c0.062,0,0.125-0.004,0.188-0.012 c5.082-0.647,9.5-1.999,12.776-3.908C48.076,26.738,50,24.096,50,21.217C50,18.681,48.475,16.292,45.591,14.307z"/%3E %3Cpath fill="%23F70000" d="M22.13,26.773c-0.572-0.572-1.5-0.572-2.071,0c-0.572,0.572-0.572,1.5,0,2.072l1.276,1.276 c-4.684-0.334-8.987-1.305-12.379-2.818c-3.829-1.708-6.025-3.926-6.025-6.086c0-1.724,1.421-3.516,4.002-5.045 c0.696-0.413,0.926-1.312,0.514-2.007c-0.413-0.696-1.312-0.926-2.007-0.514C0.944,16.315,0,19.236,0,21.217 c0,3.417,2.756,6.529,7.761,8.761c3.804,1.697,8.616,2.766,13.81,3.094l-1.513,1.514c-0.572,0.572-0.572,1.5,0,2.072 c0.286,0.286,0.661,0.429,1.036,0.429s0.75-0.144,1.036-0.429l3.906-3.907c0.572-0.572,0.572-1.499,0-2.071L22.13,26.773z"/%3E %3C/svg%3E') 49 22, w-resize
}

.wrapper-table-tab {
    width: 100%;
    overflow: auto
}

.wrapper-to-pdf-margin {
    margin: -30px
}

.wrapper-to-pdf-margin .wrapper-to-pdf {
    padding: 30px
}

@media only screen and (max-width:991.98px) {
    .wrapper-to-pdf-margin .button-block-center {
        display: none
    }
}

.info-contact,
.info-contact__item {
    display: -webkit-flex;
    display: -ms-flexbox
}

.info-contact-wrapper {
    background-color: #FAFAFC;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 2px solid #E7E6ED;
    padding: 20px
}

.info-contact-wrapper .title {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    max-width: 850px;
    margin-bottom: 20px
}

.info-contact__title,
.info-contact__value {
    font-size: 14px;
    font-family: Montserrat, sans-serif
}

.info-contact {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.info-contact__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: 15px;
    margin-bottom: 15px
}

.info-contact__icon {
    margin-right: 10px;
    width: 10px;
    height: 10px;
    position: relative
}

.info-contact__title {
    color: #333;
    font-weight: 700
}

.info-contact__value {
    color: #60687f;
    font-weight: 400;
    margin-top: 5px;
    line-height: 1.2
}

.trailers-slider-wrapper {
    position: relative
}

.trailers-slider {
    margin: 0 -15px
}

.trailers-slider__item {
    padding: 0 15px;
    opacity: 0;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.letters-items__wrapper,
.trailers-slider__content .title {
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s
}

.trailers-slider__item.slick-active {
    opacity: 1
}

.trailers-slider .slick-list {
    overflow: initial
}

.trailers-slider .slick-track {
    margin: 0
}

.trailers-slider__wrapper {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 20px;
    border: 1px solid #e0e2e9;
    background-color: #fff;
    position: relative;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.trailers-slider__wrapper:hover {
    -webkit-box-shadow: 0 14px 36px rgba(0, 0, 0, .09);
    box-shadow: 0 14px 36px rgba(0, 0, 0, .09);
    border: 1px solid #f0f1f5
}

.trailers-slider__image {
    width: 100%;
    height: 100%;
    min-height: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
    position: relative
}

.trailers-slider__image>img {
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 100%;
    max-width: 100%
}

.trailers-slider__content .title {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    margin-bottom: 20px;
    overflow: hidden;
    max-height: 33px;
    max-width: 235px;
    display: block;
    transition: all ease-in-out .2s
}

.letters-items,
.letters-items__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.trailers-slider__content .title:hover {
    color: #f70000
}

.letters-items .title,
.section-form-slider .title {
    color: #333;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.letters-items {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px -30px
}

.letters-items__item {
    width: 33.333%;
    padding: 0 15px;
    margin-bottom: 30px
}

@media only screen and (max-width:991.98px) {
    .letters-items__item {
        width: 50%
    }
}

.letters-items__wrapper {
    border: 1px solid #d7d8de;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    transition: all ease-in-out .2s
}

.letters-items__wrapper:hover {
    -webkit-box-shadow: 0 15px 38px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 15px 38px 0 rgba(0, 0, 0, .08)
}

.letters-items__head {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid #d7d8de;
    padding: 20px;
    min-height: 115px;
    height: 100%;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0
}

.letters-items .logo,
.letters-items .wrapper-letters-image__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    width: 100%
}

@media only screen and (max-width:768.98px) {
    .letters-items__item {
        width: 100%
    }

    .letters-items__head {
        padding: 15px;
        min-height: auto
    }
}

.letters-items .logo {
    max-width: 145px;
    padding-bottom: 18%;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.letters-items .logo>img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.letters-items .logo~.title {
    margin-left: 25px
}

.letters-items .title {
    font-size: 24px;
    max-width: 220px
}

@media only screen and (max-width:1199.98px) {
    .letters-items .title {
        font-size: 18px
    }
}

.letters-items__content {
    padding: 20px
}

@media only screen and (max-width:768.98px) {
    .letters-items__content {
        padding: 15px
    }
}

.letters-items__content .content-text {
    overflow: hidden;
    height: 75px
}

.letters-items .wrapper-letters-image {
    margin-top: 10px;
    border: 1px solid #e5e6e9;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
    display: block;
    cursor: pointer
}

.letters-items .wrapper-letters-image__wrapper {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.letters-items .wrapper-letters-image__wrapper>img {
    position: absolute;
    max-width: 100%;
    max-height: 100%
}

.letters-items .wrapper-letters-image__wrapper-hover {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: auto;
    bottom: -100%;
    left: 0;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: rgba(9, 15, 57, .8);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .1;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

@media only screen and (max-width:768.98px) {
    .letters-items .wrapper-letters-image__wrapper-hover {
        bottom: 0;
        opacity: 1;
        background-color: rgba(9, 15, 57, .5)
    }
}

.letters-items .wrapper-letters-image__wrapper-hover .icon-f {
    width: 110px;
    height: 110px;
    border: 1px solid #fff;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-position: center;
    -webkit-background-size: 50px 50px;
    background-size: 50px 50px
}

.letters-items .wrapper-letters-image:hover .wrapper-letters-image__wrapper-hover {
    bottom: 0;
    opacity: 1
}

.section-form-slider {
    z-index: 1;
    position: relative;
    padding: 0 !important
}

@media only screen and (max-width:1399.98px) {
    .section-form-slider {
        margin-top: -30px !important
    }
}

.section-form-slider__wrapper {
    max-width: 1000px;
    width: 100%;
    -webkit-box-shadow: 0 38px 38px rgba(0, 0, 0, .1);
    box-shadow: 0 38px 38px rgba(0, 0, 0, .1);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    margin: 0 auto;
    padding: 40px
}

@media only screen and (max-width:768.98px) {
    .section-form-slider__wrapper {
        padding: 20px
    }
}

.section-form-slider .title {
    font-size: 24px;
    text-align: center
}

@media only screen and (max-width:480.98px) {
    .section-form-slider__wrapper {
        padding: 15px
    }

    .section-form-slider .title {
        font-size: 18px
    }
}

.form-slider-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 40px -15px 0
}

.form-slider-items__item {
    width: 33.333%;
    padding: 0 15px;
    position: relative
}

@media only screen and (max-width:991.98px) {
    .form-slider-items {
        margin: 20px -10px 0
    }

    .form-slider-items__item {
        padding: 0 10px
    }
}

@media only screen and (max-width:600px) {
    .form-slider-items__item {
        width: 100%
    }

    .form-slider-items__item~div {
        margin-top: 20px
    }
}

.form-slider-items__item input[type=text],
.form-slider-items__item input[type=email],
.form-slider-items__item input[type=phone],
.form-slider-items__item input[type=name],
.form-slider-items__item input[type=tel] {
    padding: 20px
}

@media only screen and (max-width:480.98px) {

    .form-slider-items__item input[type=text],
    .form-slider-items__item input[type=email],
    .form-slider-items__item input[type=phone],
    .form-slider-items__item input[type=name],
    .form-slider-items__item input[type=tel] {
        padding: 15px
    }
}

.form-slider-items__item .button {
    width: 100%
}
.popup .title,
.popup-lang-list li a {
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.popup_lang {
    max-width: 370px
}

.popup .title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
    text-align: center;
    color: #333
}

.popup-lang-list {
    display: flex;
    align-items: center;
    justify-content: center
}

.popup-lang-list li a {
    padding: 7px 10px;
    font-size: 20px;
    color: rgba(51, 51, 51, .7);
    text-transform: uppercase;
    display: block;
    transition: .2s ease-in-out
}

.popup-lang-list li a:hover {
    color: #f70000
}

.header .header-logo-wrapper__logo>img {
    width: 70px;
    height: 60.793px
}

.mfp-helper {
    overflow: hidden !important;
    position: relative !important;
    height: 100% !important
}

@media only screen and (max-width: 768.98px) {
    .popup .mfp-close {
        right: 0
    }
}