@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } 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'] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; padding: 0; } input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto;
} input[type='search'] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-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;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} .swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
-o-transition-property: -o-transform;
-moz-transition-property: transform, -moz-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
-o-transition-property: -o-transform;
-moz-transition-property: transform, -moz-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide {
visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-moz-box-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
-o-transition-property: height, -o-transform;
-moz-transition-property: transform, height, -moz-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform, -moz-transform, -o-transform;
transition-property: transform, height, -webkit-transform;
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz- oldlinear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz- oldlinear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-o-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 0.3s opacity;
-o-transition: 0.3s opacity;
-moz-transition: 0.3s opacity;
transition: 0.3s opacity;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
-moz-transform: scale(0.33);
-o-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
-moz-transform: scale(0.66);
-o-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
-moz-transform: scale(0.33);
-o-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
-moz-transform: scale(0.66);
-o-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
-moz-transform: scale(0.33);
-o-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 0.2s top, 0.2s -webkit-transform;
-o-transition: 0.2s top, 0.2s -webkit-transform;
-moz-transition: 0.2s top, 0.2s -webkit-transform;
transition: 0.2s top, 0.2s -webkit-transform;
-o-transition: 0.2s transform, 0.2s top;
-webkit-transition: 0.2s transform, 0.2s top;
-moz-transition: 0.2s transform, 0.2s top;
transition: 0.2s transform, 0.2s top;
-webkit-transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
-o-transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
-moz-transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 0.2s left, 0.2s -webkit-transform;
-o-transition: 0.2s left, 0.2s -webkit-transform;
-moz-transition: 0.2s left, 0.2s -webkit-transform;
transition: 0.2s left, 0.2s -webkit-transform;
-o-transition: 0.2s transform, 0.2s left;
-webkit-transition: 0.2s transform, 0.2s left;
-moz-transition: 0.2s transform, 0.2s left;
transition: 0.2s transform, 0.2s left;
-webkit-transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
-o-transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
-moz-transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 0.2s right, 0.2s -webkit-transform;
-o-transition: 0.2s right, 0.2s -webkit-transform;
-moz-transition: 0.2s right, 0.2s -webkit-transform;
transition: 0.2s right, 0.2s -webkit-transform;
-o-transition: 0.2s transform, 0.2s right;
-webkit-transition: 0.2s transform, 0.2s right;
-moz-transition: 0.2s transform, 0.2s right;
transition: 0.2s transform, 0.2s right;
-webkit-transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
-o-transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
-moz-transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
-moz-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
-moz-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
-webkit-border-radius: 10px;
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 10px;
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-moz-box-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
-moz-transform-origin: 50%;
-o-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-o-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-o-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px;
}
.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;
}
.mCSB_inside > .mCSB_container {
margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
margin-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: 0.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;
}
.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;
-moz-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;
margin-left: 30px;
}
.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 0.2s ease-in-out, background-color 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, background-color 0.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 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s,
margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
-moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s,
margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s,
margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s,
margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
opacity 0.2s ease-in-out, background-color 0.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, 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, 0.75);
filter: 'alpha(opacity=75)';
-ms-filter: 'alpha(opacity=75)';
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
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 {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
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(//hurma.work/wp-content/themes/hurma/css/mCSB_buttons.png);
background-repeat: no-repeat;
opacity: 0.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: 0.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: 0.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, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0, 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, 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, 0.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, 0.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, 0.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, 0.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, 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, 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, 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, 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, 0.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, 0.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, 0.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, 0.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, 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, 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, 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, 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, 0.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, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 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, 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, 0.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, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 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, 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, 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: 0.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-gradient(
linear,
left top,
right top,
color-stop(0, rgba(255, 255, 255, 0.5)),
color-stop(100%, rgba(255, 255, 255, 0))
);
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(0, rgba(255, 255, 255, 0.5)),
to(rgba(255, 255, 255, 0))
);
background-image: -moz- oldlinear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.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-gradient(
linear,
left top,
left bottom,
color-stop(0, rgba(255, 255, 255, 0.5)),
color-stop(100%, rgba(255, 255, 255, 0))
);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, rgba(255, 255, 255, 0.5)),
to(rgba(255, 255, 255, 0))
);
background-image: -moz- oldlinear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.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, 0.2);
-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.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.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, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.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, 0.1);
-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 1px rgba(0, 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, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 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, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 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, 0.4);
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.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, 0.4);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #000;
background-color: rgba(0, 0, 0, 0.05);
-webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 16px rgba(0, 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, 0.2);
box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 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, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 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, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 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, 0.05);
-webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 16px rgba(0, 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, 0.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, 0.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, 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, 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, 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, 0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 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, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 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, 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;
}
.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, 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, 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, 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, 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, 0.2);
-webkit-box-sizing: border-box;
-moz-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, 0.2);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 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, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.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, 0.9);
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
img {
display: block;
max-width: 100%;
height: auto;
}
a,
* a,
a:hover,
a:focus {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
form {
margin: 0;
padding: 0;
font-weight: normal;
}
ul {
list-style: none;
}
* {
outline: none;
}
*::-moz-selection {
background: #ff6d12;
}
*::selection {
background: #ff6d12;
}
.clearfix:before,
.clearfix:after {
content: ' ';
display: table;
}
.clearfix:after {
clear: both;
}
.clear {
clear: both;
}
.relative {
position: relative;
}
.wrap-overflow {
overflow: hidden;
}
.svg-icon {
width: 1em;
height: 1em;
display: block;
fill: currentColor;
}
.wrap-icon {
font-size: 0;
}
.wrap-icon > * {
display: inline-block;
vertical-align: middle;
line-height: inherit;
margin: 0;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.text-uppercase {
text-transform: uppercase;
}
.text-lowercase {
text-transform: lowercase;
}
.text-truncate {
float: none;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.fw-light {
font-weight: 300 !important;
}
.fw-normal {
font-weight: 400 !important;
}
.fw-bold {
font-weight: 700 !important;
}
.table {
display: table;
width: 100%;
}
.table-cell {
display: table-cell;
vertical-align: middle;
}
.m-none {
margin: 0;
}
body {
position: relative;
margin: 0;
padding: 0;
width: 100%;
font-family: 'Fira Sans', Verdana, Arial sans-serif;
font-size: 16px;
line-height: 26px;
font-style: normal;
font-weight: 400;
min-width: 320px;
color: #293041;
background: #ffffff;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
.container {
width: 100%;
padding: 0 20px;
margin: 0 auto;
max-width: 1170px;
}
.section .container__secondary-full-width h2 {
text-align: center;
font-weight: bold;
font-size: 34px;
line-height: 48px;
color: #2b2f3a;
padding-bottom: 16px;
}
@media screen and (max-width: 992px) {
.section .container__secondary-full-width h2 {
font-size: 18px;
line-height: 26px;
}
}
@media screen and (min-width: 992px) {
.container {
padding: 0 27px;
max-width: 1190px;
}
}
.container-xs {
max-width: 570px;
margin: 0 auto;
}
.container-sm {
max-width: 700px;
margin: 0 auto;
}
.container-padding {
padding: 60px 0;
}
.wrapper {
width: 100%;
}
.content {
width: 100%;
overflow: hidden;
}
.wrap-form {
background: #fff;
}
.form__heading {
margin-bottom: 20px;
text-transform: uppercase;
}
.form__text {
margin-bottom: 40px;
}
.form__note {
font-size: 14px;
line-height: 1.43;
}
.form__control {
position: relative;
margin-top: 28px;
}
.form__control .error {
display: none;
position: absolute;
width: 100%;
bottom: 100%;
color: #e25a5a;
font-size: 13px;
line-height: 28px;
text-align: center;
float: none;
max-width: 100%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.form__control .error.error--show {
display: block;
}
@media screen and (min-width: 768px) {
.form__cols {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: 0 -15px;
}
.form__col {
width: 50%;
padding: 0 15px;
}
}
.form__row {
width: 100%;
margin-bottom: 18px;
}
.form__row.validate__field {
margin-bottom: 0;
}
.phonk__field .iti input[type='text'] {
margin-bottom: 20px !important;
}
.phonk__field .iti input[type='text'].error {
margin-bottom: 0 !important;
}
.phonk__field .iti__selected-flag {
height: 39px;
}
.phonk__field .form__holder {
overflow: visible;
}
.form__row.validate__field .form__input {
margin-bottom: 20px;
}
.form__row.validate__field .form__input.error {
margin-bottom: 0;
}
.form__prompt-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.form__prompt {
margin-left: 5px;
}
.form__label {
display: block;
font-size: 15px;
line-height: 20px;
font-weight: 700;
color: #293041;
text-align: left;
text-transform: uppercase;
margin-bottom: 10px;
}
.form__label-star {
color: #292f42;
margin-left: 2px;
}
.form__input,
.form__textarea {
width: 100%;
padding: 12px 15px;
color: #292f42;
font-size: 16px;
line-height: 22px;
background-color: #edeff1;
border: 2px solid #edeff1;
-webkit-transition: border 0.3s linear;
-o-transition: border 0.3s linear;
-moz-transition: border 0.3s linear;
transition: border 0.3s linear;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.form__input:-moz-placeholder,
.form__textarea:-moz-placeholder {
color: #798499;
}
.form__input::-moz-placeholder,
.form__textarea::-moz-placeholder {
color: #798499;
opacity: 1;
}
.form__input::-webkit-input-placeholder,
.form__textarea::-webkit-input-placeholder {
color: #798499;
}
.form__input:-ms-input-placeholder,
.form__textarea:-ms-input-placeholder {
color: #798499;
}
.form__input::placeholder,
.form__textarea::placeholder {
color: #798499;
}
.form__input:focus:-moz-placeholder,
.form__textarea:focus:-moz-placeholder {
color: rgba(0, 0, 0, 0);
}
.form__input:focus::-moz-placeholder,
.form__textarea:focus::-moz-placeholder {
color: rgba(0, 0, 0, 0);
}
.form__input:focus::-webkit-input-placeholder,
.form__textarea:focus::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0);
}
.form__input:focus:-ms-input-placeholder,
.form__textarea:focus:-ms-input-placeholder {
color: rgba(0, 0, 0, 0);
}
.form__input:focus::placeholder,
.form__textarea:focus::placeholder {
color: rgba(0, 0, 0, 0);
}
.form__input:hover,
.form__textarea:hover {
color: #292f42;
background: #edeff1;
border-color: #edeff1;
}
.form__input:focus,
.form__textarea:focus {
color: #292f42;
background: #ffffff;
border-color: #ffffff;
}
.form__input.error,
.form__textarea.error {
border: 1px solid #e25a5a;
}
.popup .form__input.error {
border: 2px solid #e25a5a;
}
.form__input {
height: 40px;
font-size: 14px;
}
.form__textarea {
max-width: 100%;
min-width: 100%;
height: 150px;
min-height: 100px;
}
.form__error-message {
display: none;
margin-top: 5px;
font-size: 14px;
line-height: 17px;
color: #e62533;
}
.form__holder {
overflow: hidden;
position: relative;
}
.js__form-app .form__holder,
.js__form-app--paywall .form__holder,
.js__form-app--cta .form__holder {
overflow: visible;
}
.form__holder.error .form__input,
.form__holder.error .form__textarea {
border-color: #e25a5a;
}
.form__holder.error .form__error-message {
display: block;
}
.btn {
position: relative;
display: inline-block;
padding: 3px;
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #ffffff;
text-align: center;
border: 0;
-webkit-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
cursor: pointer;
background: rgba(0, 0, 0, 0);
}
.btn:hover,
.btn:active,
.btn.active {
color: #ffffff;
}
.btn--full {
width: 100%;
}
.btn--dib {
display: inline-block;
}
.btn--secondary {
color: #292f42;
border-color: #292f42;
}
.btn--secondary:hover,
.btn--secondary:active,
.btn--secondary.active {
color: #292f42;
border-color: #292f42;
}
.btn--big {
padding: 19px;
}
.btn--min-width {
min-width: 265px;
}
.btn--primary {
background: #ff6d12;
}
.btn--primary:hover,
.btn--primary:active,
.btn--primary.active {
background: rgba(255, 109, 18, 0.8);
}
.btn--third {
background: #105bb2;  background: -webkit-linear-gradient(left, #105bb2 0%, #4a90e2 100%); background: -webkit-gradient(linear, left top, right top, from(#105bb2), to(#4a90e2));
background: -moz- oldlinear-gradient(left, #105bb2 0%, #4a90e2 100%);
background: -o-linear-gradient(left, #105bb2 0%, #4a90e2 100%);
background: linear-gradient(to right, #105bb2 0%, #4a90e2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#105bb2', endColorstr='#4a90e2',GradientType=1 ); }
.btn--third:hover,
.btn--third:active,
.btn--third.active {
color: #ffffff;
background: #4a90e2;  background: -webkit-linear-gradient(left, #4a90e2 0%, #4a90e2 100%); background: -webkit-gradient(linear, left top, right top, from(#4a90e2), to(#4a90e2));
background: -moz- oldlinear-gradient(left, #4a90e2 0%, #4a90e2 100%);
background: -o-linear-gradient(left, #4a90e2 0%, #4a90e2 100%);
background: linear-gradient(to right, #4a90e2 0%, #4a90e2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#105bb2', endColorstr='#4a90e2',GradientType=1 ); }
.btn--link {
color: #ff6d12;
}
.btn--link .btn--icon-image {
fill: #ff6d12;
color: #ff6d12;
}
.btn--link:hover,
.btn--link:active,
.btn--link.active {
color: #4a90e2;
}
.btn--link:hover .btn--icon-image,
.btn--link:active .btn--icon-image,
.btn--link.active .btn--icon-image {
fill: #4a90e2;
color: #4a90e2;
}
.btn--icon {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.btn--icon-holder {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.btn--icon-image {
width: 30px;
height: 30px;
margin-right: 11px;
-webkit-box-flex: 30px;
-webkit-flex: 30px 0 0;
-moz-box-flex: 30px;
-ms-flex: 30px 0 0px;
flex: 30px 0 0;
}
.btn--icon-text {
padding-top: 0;
padding-bottom: 0;
}
.heading {
font-weight: 300;
font-size: 36px;
line-height: 48px;
text-align: center;
}
@media screen and (min-width: 768px) {
.heading {
font-size: 48px;
line-height: 48px;
}
}
@media screen and (min-width: 992px) {
.heading {
font-size: 56px;
line-height: 56px;
}
}
.heading--dark {
color: #293141;
}
.heading--light {
color: #fff;
}
.heading--wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.heading--wrapper span {
margin-right: 30px;
}
.video-holder {
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
background: #000;
}
.video-holder iframe,
.video-holder img,
.video-holder video,
.video-holder object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-holder img {
height: auto;
}
.open-menu:hover .hamburger span,
.open-menu:hover .cross span {
opacity: 1;
}
.open-menu {
width: 70px;
float: right;
position: relative;
z-index: 2;
cursor: pointer;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
overflow: hidden;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transition: left 0.3s ease-in-out;
-o-transition: left 0.3s ease-in-out;
-moz-transition: left 0.3s ease-in-out;
transition: left 0.3s ease-in-out;
}
.open-menu * {
-webkit-transition: height 0.25s ease-in-out, width 0.25s ease-in-out;
-o-transition: height 0.25s ease-in-out, width 0.25s ease-in-out;
-moz-transition: height 0.25s ease-in-out, width 0.25s ease-in-out;
transition: height 0.25s ease-in-out, width 0.25s ease-in-out;
}
.open-menu.open .hamburger span {
width: 0%;
}
.open-menu.open .hamburger span:nth-child(1) {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.open-menu.open .hamburger span:nth-child(2) {
-webkit-transition-delay: 0.125s;
-moz-transition-delay: 0.125s;
-o-transition-delay: 0.125s;
transition-delay: 0.125s;
}
.open-menu.open .hamburger span:nth-child(3) {
-webkit-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
-o-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.open-menu.open .cross span:nth-child(1) {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
height: 100%;
}
.open-menu.open .cross span:nth-child(2) {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
width: 100%;
}
.open-menu .hamburger {
position: absolute;
width: 22px;
height: 18px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.open-menu .hamburger span {
display: block;
width: 100%;
height: 2px;
position: absolute;
background: #fff;
opacity: 0.7;
}
.open-menu .hamburger span:nth-child(1) {
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
top: 0;
}
.open-menu .hamburger span:nth-child(2) {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
top: 50%;
margin-top: -1px;
}
.open-menu .hamburger span:nth-child(3) {
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
bottom: 0;
}
.open-menu .cross {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
transform: translate(-50%, -50%) rotate(45deg);
}
.open-menu .cross span {
display: block;
background: #fff;
opacity: 0.7;
}
.open-menu .cross span:nth-child(1) {
height: 0;
width: 2px;
position: absolute;
top: 0;
left: 50%;
margin-left: -1px;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.open-menu .cross span:nth-child(2) {
width: 0;
height: 2px;
position: absolute;
left: 0;
top: 50%;
margin-top: -1px;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.popup.popup--open .popup-overlay {
display: block;
}
.popup-overlay {
display: none;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(41, 47, 66, 0.7);
z-index: 111;
padding: 25px 10px;
}
@media screen and (min-width: 768px) {
.popup-overlay {
padding: 30px 15px;
}
}
.popup-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.popup.popup--show .popup-window {
-webkit-transform: scale(1) translateY(0);
-moz-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
-o-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.popup-window {
display: block;
position: relative;
width: 100%;
max-width: 570px;
margin: 0 auto;
border: 1px solid #798499;
background: rgba(41, 47, 66, 0.9);
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 20px 15px;
-webkit-transform: scale(0.1) translateY(-100%);
-moz-transform: scale(0.1) translateY(-100%);
-ms-transform: scale(0.1) translateY(-100%);
-o-transform: scale(0.1) translateY(-100%);
transform: scale(0.1) translateY(-100%);
-webkit-transition: -webkit-transform 0.6s ease;
transition: -webkit-transform 0.6s ease;
-o-transition: -o-transform 0.6s ease;
-moz-transition: transform 0.6s ease, -moz-transform 0.6s ease;
transition: transform 0.6s ease;
transition: transform 0.6s ease, -webkit-transform 0.6s ease, -moz-transform 0.6s ease, -o-transform 0.6s ease;
}
@media screen and (min-width: 768px) {
.popup-window {
padding: 25px 30px 30px;
}
}
@media screen and (min-width: 992px) {
.popup-window {
padding: 40px 60px 45px;
}
}
.popup-window__heading {
display: block;
font-size: 26px;
line-height: 30px;
font-weight: 300;
padding: 5px 0;
margin-bottom: 20px;
text-align: center;
color: #fff;
}
@media screen and (min-width: 768px) {
.popup-window__heading {
font-size: 30px;
line-height: 34px;
margin-bottom: 25px;
}
}
@media screen and (min-width: 992px) {
.popup-window__heading {
font-size: 36px;
line-height: 38px;
margin-bottom: 37px;
}
}
.close-btn {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #bcc4d2;
padding: 13px;
z-index: 2;
}
.close-btn svg {
display: block;
height: 14px;
width: 14px;
font-size: 14px;
fill: #bcc4d2;
stroke: #bcc4d2;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
-moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
}
.close-btn:hover svg {
fill: #ff6d12;
stroke: #ff6d12;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.first-screen__wrapper {
padding-bottom: 1px;
background: url(//hurma.work/wp-content/themes/hurma/img/first-screen.jpg) no-repeat center;
-o-background-size: cover;
background-size: cover;  position: relative;
z-index: 10;
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2/1),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.first-screen__wrapper {
background: url(//hurma.work/wp-content/themes/hurma/img/first-screen@2x.jpg) no-repeat center;
-o-background-size: cover;
background-size: cover;
}
}
@media only screen and (-o-min-device-pixel-ratio: 9 / 4),
only screen and (-webkit-min-device-pixel-ratio: 2.25),
only screen and (min-device-pixel-ratio: 2.25),
only screen and (-o-min-device-pixel-ratio: 9/4),
only screen and (min-resolution: 2.25dppx) {
.first-screen__wrapper {
background: url(//hurma.work/wp-content/themes/hurma/img/first-screen@3x.jpg) no-repeat center;
-o-background-size: cover;
background-size: cover;
}
}
@media screen and (min-width: 992px) {
.first-screen__wrapper {
padding-top: 12px;
}
}
@media screen and (max-width: 991px) {
.first-screen {
max-width: 800px;
margin: 60px auto 70px;
}
}
@media screen and (max-width: 767px) {
.first-screen {
max-width: 800px;
margin: 28px auto 46px;
}
}
@media screen and (min-width: 992px) {
.first-screen {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 157px;
margin-bottom: 150px;
}
}
.first-screen__form {
-webkit-box-flex: 367px;
-webkit-flex: 367px 0 0;
-moz-box-flex: 367px;
-ms-flex: 367px 0 0px;
flex: 367px 0 0;
margin-left: 47px;
padding-top: 13px;
}
@media screen and (max-width: 991px) {
.first-screen__form {
max-width: 500px;
margin: 0 auto;
padding-top: 0;
}
}
.first-screen__advantages {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media screen and (max-width: 991px) {
.first-screen__advantages {
margin-bottom: 50px;
}
}
@media screen and (max-width: 479px) {
.first-screen__advantages {
margin-bottom: 30px;
}
}
.first-screen__title h1 {
font-size: 36px;
line-height: 40px;
font-weight: 300;
color: #ffffff;
margin-bottom: 42px;
text-align: left;
}
@media screen and (min-width: 480px) {
.first-screen__title h1 {
text-align: center;
}
}
@media screen and (min-width: 768px) {
.first-screen__title h1 {
font-size: 50px;
line-height: 60px;
margin-bottom: 55px;
}
}
@media screen and (min-width: 992px) {
.first-screen__title h1 {
text-align: left;
}
}
@media screen and (min-width: 1200px) {
.first-screen__title h1 {
font-size: 64px;
line-height: 72px;
}
}
@media screen and (max-width: 991px) {
.first-screen-list {
max-width: 500px;
margin: 0 auto;
}
}
.first-screen-list__item {
position: relative;
font-size: 18px;
line-height: 20px;
font-weight: 300;
color: #ffffff;
padding-left: 33px;
margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
.first-screen-list__item {
margin-bottom: 12px;
font-size: 20px;
line-height: 28px;
}
}
.first-screen-list__item:before {
content: '';
position: absolute;
top: 1px;
left: 0;
width: 18px;
height: 18px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #ff6d12;
}
@media screen and (min-width: 992px) {
.first-screen-list__item:before {
top: 5px;
}
}
.header-placeholder {
height: 62px;
}
.header {
padding: 13px 0;
-webkit-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
@media screen and (max-width: 991px) {
.header {
background: #292f42;
-webkit-box-shadow: 0 0 4px #000000;
box-shadow: 0 0 4px #000000;
}
}
.header--fixed {
position: fixed;
width: 100%;
z-index: 99;
top: 0;
}
@media screen and (max-width: 991px) {
.header--fixed {
top: 0 !important;
}
}
@media screen and (min-width: 992px) {
.header--fixed {
top: 12px;
}
}
.header--sticky {
background: #292f42;
}
.header__container {
max-width: 1224px;
margin: 0 auto;
padding: 0 20px;
}
@media screen and (min-width: 992px) {
.header__container {
padding: 0 30px;
}
}
@media screen and (max-width: 991px) {
.navigation--open .header__collapse {
visibility: visible;
opacity: 1;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
.header__toggle-menu-btn {
position: absolute;
top: 0;
display: flex;
right: 0;
height: 100%;
}
.header__collapse {
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 10px 20px 15px;
background: #292f42;
-webkit-box-shadow: 0 2px 2px #000000;
box-shadow: 0 2px 2px #000000;
visibility: hidden;
opacity: 0;
-webkit-transform: translate(50px);
-moz-transform: translate(50px);
-ms-transform: translate(50px);
-o-transform: translate(50px);
transform: translate(50px);
-webkit-transition: visibility 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
transition: visibility 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
-o-transition: visibility 0.4s ease, opacity 0.4s ease, -o-transform 0.4s ease;
-moz-transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease, -moz-transform 0.4s ease;
transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease,
-moz-transform 0.4s ease, -o-transform 0.4s ease;
max-height: -webkit-calc(100vh - 62px);
max-height: -moz-calc(100vh - 62px);
max-height: calc(100vh - 62px);
overflow-y: auto;
}
.header__control {
padding: 13px 20px 45px;
}
.header__control .btn {
width: 100%;
max-width: 400px;
margin: 0 auto;
display: block;
}
}
@media screen and (max-width: 479px) {
.header__control {
padding: 13px 0 30px;
}
}
@media screen and (min-width: 992px) {
.header__inner {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__toggle-menu-btn {
display: none;
}
.header__collapse {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__control {
margin-left: 15px;
width: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: width 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
-o-transition: width 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
-moz-transition: width 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
transition: width 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
}
.header__control.open {
width: 165px;
visibility: visible;
opacity: 1;
}
.header__control-wrapper {
margin: -3px 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__control .btn {
padding-top: 9px;
padding-bottom: 9px;
text-transform: initial;
font-size: 14px;
width: 170px;
}
}
@media screen and (min-width: 1200px) {
.header__control.open {
width: 160px;
}
.header__control .btn {
width: 160px;
}
}
.header-offer .header-placeholder {
height: 70px;
}
@media screen and (max-width: 991px) {
.header-offer .header-placeholder {
height: 62px;
}
}
.header-offer .header {
padding: 17px 0;
}
@media screen and (max-width: 991px) {
.header-offer .header {
padding: 13px 0;
}
}
.blog .header-offer .header,
.post-template-default .header,
.archive .header {
background: #292f42;
}
@media screen and (max-width: 991px) {
.header-dropdown__btn {
display: none;
}
.header-dropdown__menu {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px -10px;
}
.header-dropdown__menu-item {
line-height: 22px;
color: #bcc4d2;
border: 1px solid rgba(0, 0, 0, 0);
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 7px 14px;
margin: 0 5px 10px;
cursor: pointer;
-webkit-transition: border 0.3s ease, color 0.3s ease;
-o-transition: border 0.3s ease, color 0.3s ease;
-moz-transition: border 0.3s ease, color 0.3s ease;
transition: border 0.3s ease, color 0.3s ease;
}
.header-dropdown__menu-item:hover,
.header-dropdown__menu-item.active {
border-color: #bcc4d2;
color: #fff;
}
}
@media screen and (min-width: 992px) {
.header-dropdown {
height: 36px;
position: relative;
}
.header-dropdown.dropdown--open .header-dropdown__menu {
visibility: visible;
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-dropdown.dropdown--open .header-dropdown__btn-icon {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.header-dropdown__btn {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
color: #bcc4d2;
font-weight: 500;
line-height: 36px;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.header-dropdown__btn-text {
margin-right: 5px;
font-size: 14px;
}
.header-dropdown__btn-icon {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
-moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
}
.header-dropdown__menu {
position: absolute;
right: 0;
top: 100%;
margin-top: 13px;
background: #292f42;
min-width: 150px;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
overflow: hidden;
-webkit-box-shadow: 0 2px 5px #292f42;
box-shadow: 0 2px 5px #292f42;
visibility: hidden;
opacity: 0;
-webkit-transform: translate(-10px, 30px);
-moz-transform: translate(-10px, 30px);
-ms-transform: translate(-10px, 30px);
-o-transform: translate(-10px, 30px);
transform: translate(-10px, 30px);
-webkit-transition: visibility 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
transition: visibility 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
-o-transition: visibility 0.4s ease, opacity 0.4s ease, -o-transform 0.4s ease;
-moz-transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease, -moz-transform 0.4s ease;
transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease,
-moz-transform 0.4s ease, -o-transform 0.4s ease;
}
.header-dropdown__menu-item {
line-height: 22px;
color: #bcc4d2;
padding: 7px 20px;
cursor: pointer;
-webkit-transition: background 0.3s ease, color 0.3s ease;
-o-transition: background 0.3s ease, color 0.3s ease;
-moz-transition: background 0.3s ease, color 0.3s ease;
transition: background 0.3s ease, color 0.3s ease;
}
.header-dropdown__menu-item.active {
color: #4a90e2;
text-shadow: 0 0 1px #000000;
}
.header-dropdown__menu-item:hover {
background: #4a90e2;
color: #fff;
text-shadow: none;
}
}
.footer {
background: #292f42;
color: #bcc4d2;
padding: 30px 0 15px;
}
@media screen and (max-width: 767px) {
.footer .logo-wrap {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.footer .hide-mobile {
display: none;
}
.footer .navigation-menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 992px) {
.footer .navigation-menu {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 0;
-webkit-flex: 0 0 32.5%;
-moz-box-flex: 0;
-ms-flex: 0 0 32.5%;
flex: 0 0 32.5%;
margin-left: 18px;
}
.footer .navigation-menu.hide-mobile {
display: block;
}
}
@media screen and (max-width: 1199px) {
.footer .navigation-menu {
-webkit-box-flex: 0;
-webkit-flex: 0 0 32%;
-moz-box-flex: 0;
-ms-flex: 0 0 32%;
flex: 0 0 32%;
margin-left: 10px;
}
}
@media screen and (max-width: 991px) {
.footer .navigation-menu {
margin-left: 0;
}
}
.footer .navigation-menu__item {
margin: 0 0 17px;
}
.footer__panel-group {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__panel-group--left {
-webkit-box-flex: 0;
-webkit-flex: 0 0 40%;
-moz-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
margin-right: 6%;
}
@media screen and (max-width: 1199px) {
.footer__panel-group--left {
-webkit-box-flex: 0;
-webkit-flex: 0 0 37%;
-moz-box-flex: 0;
-ms-flex: 0 0 37%;
flex: 0 0 37%;
margin-right: 5%;
}
}
@media screen and (max-width: 991px) {
.footer__panel-group--left {
-webkit-box-flex: 0;
-webkit-flex: 0 0 55%;
-moz-box-flex: 0;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
}
}
.footer__panel-group--right {
-webkit-box-flex: 0;
-webkit-flex: 0 0 54%;
-moz-box-flex: 0;
-ms-flex: 0 0 54%;
flex: 0 0 54%;
}
@media screen and (max-width: 1199px) {
.footer__panel-group--right {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58%;
-moz-box-flex: 0;
-ms-flex: 0 0 58%;
flex: 0 0 58%;
}
}
@media screen and (max-width: 991px) {
.footer__panel-group--right {
-webkit-box-flex: 0;
-webkit-flex: 0 0 40%;
-moz-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
margin-top: 25px;
}
}
.footer__panel {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.footer__panel {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.footer__panel .navigation__btn {
text-align: left;
line-height: 16px;
letter-spacing: 0.05em;
padding: 0;
}
@media screen and (min-width: 768px) {
.footer__panel .navigation {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-top: 58px;
}
}
@media screen and (max-width: 991px) {
.footer__panel .navigation {
margin-top: 38px;
}
}
@media screen and (max-width: 767px) {
.footer__panel .navigation {
margin-top: 0;
}
}
.footer__socials {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.footer__socials {
margin-top: 10px;
}
}
.footer__socials-item {
margin-right: 18px;
font-size: 30px;
color: #656f82;
cursor: pointer;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.footer__socials-item:hover svg path {
fill: #bcc4d2;
}
.footer__text {
font-size: 14px;
line-height: 20px;
margin-bottom: 25px;
margin-top: 25px;
}
@media screen and (max-width: 767px) {
.footer__text {
margin-bottom: 0;
}
}
.footer__text p {
margin-bottom: 18px;
font-weight: 300;
}
.footer__corporation {
font-size: 14px;
text-align: center;
font-weight: 300;
}
.footer__contacts-list {
margin-bottom: 5px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__contacts-list-item {
margin: 0 0 20px 0;
color: #bcc4d2;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.footer__contacts-list-item {
margin-bottom: 12px;
}
}
.footer__contacts-list-item:active,
.footer__contacts-list-item:visited,
.footer__contacts-list-item:focus {
color: #bcc4d2;
}
.footer__contacts-list-item-icon {
color: #656f82;
margin-right: 8px;
}
.footer__contacts-list-item-text {
font-size: 18px;
}
.footer__contacts-list-item-text:hover {
color: #4a90e2;
}
.footer__socials-mobile {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px;
}
.footer__socials-mobile .footer__socials {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 768px) {
.footer {
padding-top: 28px;
}
.footer__panel {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 40px;
}
.footer__panel .footer__socials {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__text {
margin-bottom: 5px;
}
.footer__contacts-list {
margin-bottom: 10px;
}
.footer__contacts-list-item {
margin-bottom: 11px;
}
.footer__socials-mobile {
display: none;
}
}
@media screen and (min-width: 992px) {
#menu-top-menu {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navigation-menu__item {
margin: 0 10px;
}
}
@media screen and (min-width: 1200px) {
.navigation-menu__item {
margin: 0 17px;
}
}
.navigation-menu__item a {
position: relative;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 32px;
color: #bcc4d2;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 0;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
letter-spacing: 1px;
overflow: hidden;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
transition: color 0.3s ease;
cursor: pointer;
letter-spacing: 0.8px;
}
@media screen and (max-width: 991px) {
.navigation-menu__item a {
margin-bottom: 11px;
padding: 15px 0;
}
}
@media screen and (max-width: 479px) {
.navigation-menu__item a {
padding: 10px 0;
margin-bottom: 5px;
}
}
@media screen and (min-width: 992px) {
.navigation-menu__item a {
line-height: 36px;
}
}
.navigation-menu__item a:hover,
.navigation-menu__item a:active,
.navigation-menu__item a.active {
color: #4a90e2;
border-color: #4a90e2;
text-shadow: 0 0 1px #000000;
}
.logo-wrap {
height: 35px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media screen and (min-width: 992px) {
.logo-wrap {
margin-right: 30px;
}
}
.logo-wrap a.logo {
cursor: pointer;
}
.logo-wrap .logo {
margin-right: 11px;
}
.logo-wrap .logo svg {
font-size: 35px;
}
.logo-wrap .logo-text svg {
font-size: 81px;
}
.form-header {
position: relative;
border: 1px solid #798499;
-webkit-border-radius: 6px;
border-radius: 6px;
background: rgba(49, 57, 75, 0.22);
overflow: hidden;
}
.form-header__blur {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
background: url(//hurma.work/wp-content/themes/hurma/img/first-screen.jpg) no-repeat center;
-o-background-size: cover;
background-size: cover;  -webkit-filter: blur(32px);
-moz-filter: blur(32px);
-o-filter: blur(32px);
-ms-filter: blur(32px);
filter: blur(32px);
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2/1),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.form-header__blur {
background: url(//hurma.work/wp-content/themes/hurma/img/first-screen@2x.jpg) no-repeat center;
-o-background-size: cover;
background-size: cover;
}
}
@media only screen and (-o-min-device-pixel-ratio: 9 / 4),
only screen and (-webkit-min-device-pixel-ratio: 2.25),
only screen and (min-device-pixel-ratio: 2.25),
only screen and (-o-min-device-pixel-ratio: 9/4),
only screen and (min-resolution: 2.25dppx) {
.form-header__blur {
background: url(//hurma.work/wp-content/themes/hurma/img/first-screen@3x.jpg) no-repeat center;
-o-background-size: cover;
background-size: cover;
}
}
.form-header__content {
position: relative;
z-index: 2;
background: rgba(49, 57, 75, 0.22);
padding: 20px 20px 25px;
}
@media screen and (min-width: 768px) {
.form-header__content {
padding: 30px 44px 40px;
}
}
.form-header__title {
font-size: 20px;
line-height: 30px;
color: #ffffff;
margin-bottom: 27px;
text-align: center;
}
.js__form-app .captcha-form,
.js__form-app--paywall .captcha-form,
.js__form-app--cta .captcha-form {
display: none;
}
.js__form-app .captcha-form .captcha,
.js__form-app--paywall .captcha-form .captcha,
.js__form-app--cta .captcha-form .captcha {
min-height: 147px;
padding-top: 22px;
}
.js__form-app .successfully-form,
.js__form-app--paywall .successfully-form,
.js__form-app--cta .successfully-form {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 48px -10px 7px;
display: none;
}
.js__form-app .successfully-form img,
.js__form-app--paywall .successfully-form img,
.js__form-app--cta .successfully-form img {
margin-bottom: 40px;
}
.js__form-app .successfully-form p,
.js__form-app--paywall .successfully-form p,
.js__form-app--cta .successfully-form p {
line-height: 36px;
font-size: 20px;
color: #fff;
}
.js__form-app--modal .captcha-form {
display: none;
}
.js__form-app--modal .captcha-form .captcha,
.js__form-lead--modal .captcha-form .captcha {
min-height: 182px;
padding-top: 25px;
}
.js__form-app--modal .successfully-form {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 32px -25px 50px;
display: none;
}
.js__form-app--modal .successfully-form img {
margin-bottom: 40px;
}
.js__form-app--modal .successfully-form .successfully-form__title {
font-size: 36px;
line-height: 48px;
font-weight: 300;
margin-bottom: 45px;
}
.js__form-app--modal .successfully-form p {
line-height: 26px;
font-size: 18px;
color: #fff;
font-weight: 300;
}
.form__holder label.error {
display: none;
} .validate__field .form__holder label.error {
font-size: 14px;
font-weight: normal;
line-height: 22px;
color: rgb(255, 90, 90);
display: block;
margin-top: 4px;
margin-bottom: 8px;
}
.popup .validate__field .form__holder label.error {
font-size: 14px;
font-weight: normal;
line-height: 22px;
color: rgb(255, 90, 90);
display: block;
margin-bottom: 10px;
margin-top: 3px;
}
.liqpay {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 27px;
}
.liqpay__cards {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-top: 12px;
}
.liqpay__cards img {
margin: 0 5px;
}
.liqpay__link {
background: -webkit-linear-gradient(1.02deg, #6fae26 0.17%, #6fae26 75.81%);
background: -moz- oldlinear-gradient(1.02deg, #6fae26 0.17%, #6fae26 75.81%);
background: -o-linear-gradient(1.02deg, #6fae26 0.17%, #6fae26 75.81%);
background: linear-gradient(88.98deg, #6fae26 0.17%, #6fae26 75.81%);
-webkit-border-radius: 3px;
border-radius: 3px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 279.58px;
height: 62px;
color: #fff;
font-size: 18px;
font-weight: 500;
-webkit-transition: all 1s linear;
-o-transition: all 1s linear;
-moz-transition: all 1s linear;
transition: all 1s linear;
}
.liqpay__link:hover {
background: -webkit-linear-gradient(1.02deg, #91da3b 0.17%, #6fae26 75.81%);
background: -moz- oldlinear-gradient(1.02deg, #91da3b 0.17%, #6fae26 75.81%);
background: -o-linear-gradient(1.02deg, #91da3b 0.17%, #6fae26 75.81%);
background: linear-gradient(88.98deg, #91da3b 0.17%, #6fae26 75.81%);
}
.benefits--bg1 {
background: #383e4a;
padding-top: 25px;
}
@media screen and (min-width: 768px) {
.benefits--bg1 {
padding-top: 70px;
}
}
@media screen and (min-width: 992px) {
.benefits--bg1 {
padding-top: 78px;
}
}
.benefits--bg2 {
background: #343a45;
padding-bottom: 10px;
padding-top: 10px;
}
@media screen and (min-width: 768px) {
.benefits--bg2 {
padding-top: 66px;
padding-bottom: 50px;
}
}
.benefits__title {
text-align: center;
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.benefits__title {
margin-bottom: 50px;
}
}
@media screen and (min-width: 992px) {
.benefits__title {
margin-bottom: 75px;
}
}
@media screen and (min-width: 1200px) {
.benefits__title {
margin-bottom: 94px;
}
}
.benefits-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}
@media screen and (min-width: 992px) {
.benefits-list {
margin: 0 -4px;
}
}
@media screen and (min-width: 1200px) {
.benefits-list {
margin: 0 -6px;
}
}
.benefits-list__item {
width: 100%;
text-align: center;
margin-bottom: 30px;
padding: 0;
}
@media screen and (min-width: 768px) {
.benefits-list__item {
width: 50%;
padding: 0 24px;
}
}
@media screen and (min-width: 992px) {
.benefits-list__item {
width: 25%;
padding: 0 15px;
}
}
@media screen and (min-width: 1200px) {
.benefits-list__item {
padding: 0 24px;
}
}
.benefits-list__item-title {
font-size: 18px;
line-height: 24px;
color: #fff;
font-weight: 500;
}
@media screen and (min-width: 992px) {
.benefits-list__item-title {
font-size: 16px;
}
}
@media screen and (min-width: 1200px) {
.benefits-list__item-title {
font-size: 18px;
}
}
.benefits-list__item-title-container {
margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
.benefits-list__item-title-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 48px;
}
}
.benefits-list__item-image {
height: 0;
width: 100%;
padding-bottom: 100%;
-o-background-size: contain !important;
background-size: contain !important;
}
.benefits-list__item-image-container {
max-width: 120px;
margin: 0 auto 13px;
}
@media screen and (min-width: 768px) {
.benefits-list__item-image-container {
max-width: 180px;
margin: 0 auto 20px;
}
}
@media screen and (min-width: 1200px) {
.benefits-list__item-image-container {
margin: 0 auto 22px;
}
}
.benefits-list__item-image--security {
background: url(//hurma.work/wp-content/themes/hurma/img/security-of-data.png) center no-repeat;
}
.benefits-list__item-image--targeting {
background: url(//hurma.work/wp-content/themes/hurma/img/targeting-ukrainian-companies.png) center no-repeat;
}
.benefits-list__item-image--analysis {
background: url(//hurma.work/wp-content/themes/hurma/img/analysis-and-forecast.png) center no-repeat;
}
.benefits-list__item-image--vacation {
background: url(//hurma.work/wp-content/themes/hurma/img/vacation-and-sick-leave.png) center no-repeat;
}
.benefits-list__item-image--vacancy {
background: url(//hurma.work/wp-content/themes/hurma/img/create-vacancy.png) center no-repeat;
}
.benefits-list__item-image--messengers {
background: url(//hurma.work/wp-content/themes/hurma/img/integration-with-messengers.png) center no-repeat;
}
.benefits-list__item-image--database {
background: url(//hurma.work/wp-content/themes/hurma/img/single-database.png) center no-repeat;
}
.benefits-list__item-image--review {
background: url(//hurma.work/wp-content/themes/hurma/img/automation-perfomance-review.png) center no-repeat;
}
.benefits-list__item-text {
text-align: left;
line-height: 24px;
color: #bcc4d2;
font-weight: 400;
font-size: 16px;
}
@media screen and (min-width: 768px) {
.benefits-list__item-text {
font-size: 14px;
}
}
@media screen and (min-width: 1200px) {
.benefits-list__item-text {
font-size: 16px;
}
}
.for-whom {
position: relative;
overflow: hidden;
}
.for-whom:after,
.for-whom:before {
content: '';
position: absolute;
z-index: 1;
width: 110px;
height: 110px;
padding-bottom: 0;
margin-bottom: 0;
top: 100px;
}
@media screen and (min-width: 480px) {
.for-whom:after,
.for-whom:before {
width: 190px;
height: 190px;
}
}
@media screen and (min-width: 768px) {
.for-whom:after,
.for-whom:before {
top: 124px;
width: 240px;
height: 240px;
}
}
@media screen and (min-width: 1200px) {
.for-whom:after,
.for-whom:before {
width: 300px;
height: 300px;
}
}
@media screen and (min-width: 1500px) {
.for-whom:after,
.for-whom:before {
width: 490px;
height: 490px;
margin-bottom: -80px;
top: auto;
bottom: 0;
-webkit-transform: translate(0) !important;
-moz-transform: translate(0) !important;
-ms-transform: translate(0) !important;
-o-transform: translate(0) !important;
transform: translate(0) !important;
}
}
.for-whom:before {
background: url(//hurma.work/wp-content/themes/hurma/img/hurma.jpg) no-repeat left center;
-o-background-size: contain;
background-size: contain;  left: 0;
-webkit-transform: translate(-30%, -45%);
-moz-transform: translate(-30%, -45%);
-ms-transform: translate(-30%, -45%);
-o-transform: translate(-30%, -45%);
transform: translate(-30%, -45%);
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2/1),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.for-whom:before {
background: url(//hurma.work/wp-content/themes/hurma/img/hurma@2x.jpg) no-repeat left center;
-o-background-size: contain;
background-size: contain;
}
}
@media only screen and (-o-min-device-pixel-ratio: 9 / 4),
only screen and (-webkit-min-device-pixel-ratio: 2.25),
only screen and (min-device-pixel-ratio: 2.25),
only screen and (-o-min-device-pixel-ratio: 9/4),
only screen and (min-resolution: 2.25dppx) {
.for-whom:before {
background: url(//hurma.work/wp-content/themes/hurma/img/hurma@3x.jpg) no-repeat left center;
-o-background-size: contain;
background-size: contain;
}
}
@media screen and (min-width: 1500px) {
.for-whom:before {
left: -150px;
}
}
.for-whom:after {
background: url(//hurma.work/wp-content/themes/hurma/img/unicorn.jpg) no-repeat left center;
-o-background-size: contain;
background-size: contain;  right: 0;
-webkit-transform: translate(28.5%, -45%);
-moz-transform: translate(28.5%, -45%);
-ms-transform: translate(28.5%, -45%);
-o-transform: translate(28.5%, -45%);
transform: translate(28.5%, -45%);
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2/1),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.for-whom:after {
background: url(//hurma.work/wp-content/themes/hurma/img/unicorn@2x.jpg) no-repeat left center;
-o-background-size: contain;
background-size: contain;
}
}
@media only screen and (-o-min-device-pixel-ratio: 9 / 4),
only screen and (-webkit-min-device-pixel-ratio: 2.25),
only screen and (min-device-pixel-ratio: 2.25),
only screen and (-o-min-device-pixel-ratio: 9/4),
only screen and (min-resolution: 2.25dppx) {
.for-whom:after {
background: url(//hurma.work/wp-content/themes/hurma/img/unicorn@3x.jpg) no-repeat left center;
-o-background-size: contain;
background-size: contain;
}
}
@media screen and (min-width: 1500px) {
.for-whom:after {
right: -138px;
}
}
.for-whom__inner {
padding: 72px 0 6px;
position: relative;
z-index: 2;
}
@media screen and (min-width: 768px) {
.for-whom__inner {
padding: 96px 0 40px;
}
}
.for-whom__heading {
text-align: center;
margin-bottom: 71px;
}
@media screen and (min-width: 768px) {
.for-whom__heading {
margin-bottom: 85px;
}
}
@media screen and (min-width: 1080px) {
.for-whom__heading {
margin-bottom: 50px;
}
}
@media screen and (min-width: 768px) {
.for-whom__row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 -10px;
}
}
@media screen and (min-width: 992px) {
.for-whom__row {
margin: 0 -17px;
}
}
.for-whom__col {
margin-bottom: 30px;
}
@media screen and (min-width: 480px) {
.for-whom__col {
margin-bottom: 40px;
}
}
@media screen and (min-width: 768px) {
.for-whom__col {
width: 50%;
margin-bottom: 0;
padding: 0 20px;
}
}
@media screen and (min-width: 992px) {
.for-whom__col {
padding: 0 60px;
}
}
.for-whom__title {
font-size: 24px;
line-height: 32px;
font-weight: 300;
margin-bottom: 15px;
text-align: center;
}
@media screen and (min-width: 768px) {
.for-whom__title {
text-align: left;
font-size: 36px;
line-height: 48px;
margin-bottom: 36px;
}
}
.for-whom__text p {
margin-bottom: 15px;
}
.for-whom__text p:last-child {
margin-bottom: 0;
}
.submit-application {
background: url(//hurma.work/wp-content/themes/hurma/img/submit-application-bg-mobile.png) no-repeat center;
-o-background-size: cover;
background-size: cover;
}
@media screen and (min-width: 768px) {
.submit-application {
background: url(//hurma.work/wp-content/themes/hurma/img/submit-application-bg.jpg) no-repeat left center;
-o-background-size: cover;
background-size: cover;  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 2),
screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 2),
screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-width: 768px) and (min-device-pixel-ratio: 2),
screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 2/1),
screen and (min-width: 768px) and (min-resolution: 192dpi),
screen and (min-width: 768px) and (min-resolution: 2dppx) {
.submit-application {
background: url(//hurma.work/wp-content/themes/hurma/img/submit-application-bg@2x.jpg) no-repeat left center;
-o-background-size: cover;
background-size: cover;
}
}
@media only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 9 / 4),
only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2.25),
only screen and (min-width: 768px) and (min-device-pixel-ratio: 2.25),
only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 9/4),
only screen and (min-width: 768px) and (min-resolution: 2.25dppx) {
.submit-application {
background: url(//hurma.work/wp-content/themes/hurma/img/submit-application-bg@3x.jpg) no-repeat left center;
-o-background-size: cover;
background-size: cover;
}
}
.submit-application .btn--third {
text-transform: inherit;
}
.submit-application__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0;
min-height: 610px;
}
@media screen and (min-width: 768px) {
.submit-application__container {
min-height: 810px;
}
}
.submit-application__inner {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.submit-application__title {
color: #fff;
font-size: 36px;
line-height: 40px;
margin-bottom: 84px;
font-weight: 300;
}
@media screen and (min-width: 768px) {
.submit-application__title {
font-size: 48px;
line-height: 54px;
}
}
@media screen and (min-width: 1200px) {
.submit-application__title {
font-size: 64px;
line-height: 72px;
margin-bottom: 91px;
}
}
.demonstration {
padding: 32px 0 2px 0;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.demonstration {
padding: 110px 0 60px 0;
}
}
.demonstration__title {
text-align: center;
color: #293041;
line-height: 48px;
font-weight: 300;
font-size: 36px;
margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
.demonstration__title {
font-size: 56px;
margin-bottom: 110px;
}
}
.demonstration-list__item {
margin-bottom: 44px;
}
@media screen and (min-width: 768px) {
.demonstration-list__item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 118px;
}
}
.demonstration-list__item:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.demonstration-list__item:last-child {
margin-bottom: 8px;
}
}
@media screen and (min-width: 768px) {
.demonstration-list__item:nth-child(2n) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.demonstration-list__item:nth-child(2n) .demonstration-list__item--content {
padding-left: 0;
padding-right: 71px;
}
}
.demonstration-list__item--image {
margin-bottom: 28px;
}
@media screen and (min-width: 768px) {
.demonstration-list__item--image {
-webkit-box-flex: 53%;
-webkit-flex: 53% 0 0;
-moz-box-flex: 53%;
-ms-flex: 53% 0 0px;
flex: 53% 0 0;
margin-bottom: 0;
}
}
.demonstration-list__item--image img {
width: 100%;
height: auto;
}
.demonstration-list__item--content {
padding-left: 0;
}
@media screen and (min-width: 768px) {
.demonstration-list__item--content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 71px;
}
}
.demonstration-list__item--content__title {
color: #293041;
text-align: left;
font-weight: 300;
font-size: 24px;
line-height: 36px;
margin-bottom: 17px;
}
@media screen and (min-width: 768px) {
.demonstration-list__item--content__title {
font-size: 36px;
line-height: 48px;
margin-bottom: 29px;
}
}
.demonstration-list__item--content__text {
color: #293041;
font-size: 16px;
line-height: 26px;
text-align: left;
margin-bottom: 26px;
font-weight: 400;
}
.demonstration .btn--link {
cursor: default;
pointer-events: none;
fill: #798499;
color: #798499;
}
.demonstration .btn--link .btn--icon-image {
fill: #798499;
color: #798499;
cursor: default;
}
.demonstration .btn--link:hover,
.demonstration .btn--link:active,
.demonstration .btn--link.active {
color: #798499;
}
.community {
background-color: #fff;
text-align: center;
}
.community__title {
padding-top: 30px;
padding-bottom: 26px;
}
@media screen and (min-width: 768px) {
.community__title {
padding-top: 60px;
padding-bottom: 35px;
}
}
.community .heading {
line-height: 48px;
}
@media screen and (max-width: 767px) {
.community .heading {
font-size: 36px;
}
}
.slider-community {
background-color: #293040;
}
.slider-community .swiper-container {
width: 100%;
height: 100%;
padding: 56px 0 34px;
}
@media screen and (min-width: 768px) {
.slider-community .swiper-container {
padding: 88px 0 45px;
}
}
.slider-community .swiper-slide {
background-color: rgba(0, 0, 0, 0);
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
.slider-community .swiper-slide {
margin-bottom: 55px;
}
}
.slider-community .swiper-slide__text {
max-width: 935px;
font-size: 18px;
text-align: left;
margin-bottom: 50px;
line-height: 28px;
}
@media screen and (min-width: 768px) {
.slider-community .swiper-slide__text {
font-size: 24px;
margin-bottom: 45px;
line-height: 40px;
font-weight: 300;
}
}
.slider-community .swiper-slide__author-name {
width: 100%;
font-size: 20px;
line-height: 36px;
margin-bottom: 5px;
font-weight: 500;
}
.slider-community .swiper-slide__author-position {
width: 100%;
font-size: 16px;
line-height: 36px;
}
.slider-community .swiper-pagination {
display: block !important;
}
.slider-community .swiper-pagination-bullet {
background: #bcc4d2;
opacity: 1;
}
.slider-community .swiper-pagination-bullet-active {
background: #ff6d12;
}
.slider-community .swiper-pagination-bullet:hover {
background: #ff6d12;
opacity: 1;
}
.social-networks {
text-align: center;
padding: 41px 0 48px;
}
@media screen and (min-width: 768px) {
.social-networks {
padding: 82px 0 88px;
}
}
.social-networks__title {
font-size: 24px;
line-height: 36px;
color: #293041;
font-weight: 300;
margin-bottom: 45px;
}
@media screen and (min-width: 768px) {
.social-networks__title {
font-size: 36px;
line-height: 48px;
margin-bottom: 68px;
}
}
.social-networks-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -20px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.social-networks-list__item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 21px 20px 21px;
}
.social-networks-list__item--fb svg {
fill: #3b5998;
}
.social-networks-list__item--fb .social-networks-list__item-text {
color: #3b5998;
}
.social-networks-list__item--fb:hover svg {
fill: #4c70ba;
}
.social-networks-list__item--fb:hover .social-networks-list__item-text {
color: #4c70ba;
}
.social-networks-list__item--twitter svg {
fill: #55acee;
}
.social-networks-list__item--twitter .social-networks-list__item-text {
color: #55acee;
}
.social-networks-list__item--twitter:hover svg {
fill: #83c3f3;
}
.social-networks-list__item--twitter:hover .social-networks-list__item-text {
color: #83c3f3;
}
.social-networks-list__item-icon {
width: 48px;
height: 48px;
margin-right: 10px;
}
.social-networks-list__item-text {
font-size: 24px;
line-height: 36px;
font-weight: 500;
}
.subscribe {
background: url(//hurma.work/wp-content/themes/hurma/img/subscribe-bg-mobile.jpg) no-repeat center;
-o-background-size: cover;
background-size: cover;  background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2/1),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.subscribe {
background: url(//hurma.work/wp-content/themes/hurma/img/subscribe-bg-mobile@2x.jpg) no-repeat center;
-o-background-size: cover;
background-size: cover;
}
}
@media only screen and (-o-min-device-pixel-ratio: 9 / 4),
only screen and (-webkit-min-device-pixel-ratio: 2.25),
only screen and (min-device-pixel-ratio: 2.25),
only screen and (-o-min-device-pixel-ratio: 9/4),
only screen and (min-resolution: 2.25dppx) {
.subscribe {
background: url(//hurma.work/wp-content/themes/hurma/img/subscribe-bg-mobile@3x.jpg) no-repeat center;
-o-background-size: cover;
background-size: cover;
}
}
@media screen and (min-width: 768px) {
.subscribe {
background: url(//hurma.work/wp-content/themes/hurma/img/subscribe-bg.jpg) no-repeat center;
-o-background-size: cover;
background-size: cover;  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 2),
screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 2),
screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-width: 768px) and (min-device-pixel-ratio: 2),
screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 2/1),
screen and (min-width: 768px) and (min-resolution: 192dpi),
screen and (min-width: 768px) and (min-resolution: 2dppx) {
.subscribe {
background: url(//hurma.work/wp-content/themes/hurma/img/subscribe-bg@2x.jpg) no-repeat center;
-o-background-size: cover;
background-size: cover;
}
}
@media only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 9 / 4),
only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2.25),
only screen and (min-width: 768px) and (min-device-pixel-ratio: 2.25),
only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 9/4),
only screen and (min-width: 768px) and (min-resolution: 2.25dppx) {
.subscribe {
background: url(//hurma.work/wp-content/themes/hurma/img/subscribe-bg@3x.jpg) no-repeat center;
-o-background-size: cover;
background-size: cover;
}
}
.subscribe__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0;
min-height: 594px;
}
@media screen and (min-width: 768px) {
.subscribe__container {
min-height: 920px;
}
}
.subscribe__inner {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
}
@media screen and (min-width: 768px) {
.subscribe__inner {
text-align: left;
}
}
.subscribe__inner .subscribe-btn-container {
-webkit-box-flex: 100%;
-webkit-flex: 100%;
-moz-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
}
.subscribe__title {
color: #2c2c2c;
font-size: 36px;
line-height: 40px;
margin-bottom: 65px;
font-weight: 300;
}
@media screen and (min-width: 768px) {
.subscribe__title {
max-width: 720px;
font-size: 64px;
line-height: 72px;
margin-bottom: 78px;
}
}
.popup-submit-application .popup-window,
.popup-submit-lead .popup-window {
max-width: 406px;
}
@media screen and (max-width: 576px) {
.popup-submit-application .popup-window,
.popup-submit-lead .popup-window {
max-width: 100%;
}
}
@media screen and (min-width: 768px) {
.popup-submit-application .form__row {
margin-bottom: 20px;
}
.popup-submit-application .form__row.validate__field {
margin-bottom: 0;
}
.popup-submit-application .form__control {
margin-top: 40px;
}
.popup-submit-application .form__control .error {
-webkit-transform: translateY(-12px);
-moz-transform: translateY(-12px);
-ms-transform: translateY(-12px);
-o-transform: translateY(-12px);
transform: translateY(-12px);
}
}
.popup-video .popup-window {
padding: 35px 10px 10px !important;
max-width: 1300px;
}
@media screen and (min-width: 768px) {
.popup-video .popup-window {
padding: 40px 35px 35px !important;
}
}
.scrollToTop {
position: fixed;
width: 40px;
height: 40px;
right: 30px;
bottom: 20px;
background-color: #F98B25;
-webkit-border-radius: 50%;
border-radius: 50%;
color: #fff;
z-index: 98;
box-shadow: 0px 10px 11px rgba(249, 139, 37, 0.30);
outline: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 22px;
cursor: pointer;
-webkit-transform: scale(1) translateX(90px);
-moz-transform: scale(1) translateX(90px);
-ms-transform: scale(1) translateX(90px);
-o-transform: scale(1) translateX(90px);
transform: scale(1) translateX(90px);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
-moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
}
.scrollToTop.show {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
}
.scrollToTop:hover {
-webkit-transform: scale(1.2) translateX(0);
-moz-transform: scale(1.2) translateX(0);
-ms-transform: scale(1.2) translateX(0);
-o-transform: scale(1.2) translateX(0);
transform: scale(1.2) translateX(0);
}
.scrollToTop svg {
color: #fff;
fill: #fff;
position: relative;
top: -1px;
}
@-webkit-keyframes loader-hurma {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(350deg);
transform: rotate(350deg);
}
}
@-moz-keyframes loader-hurma {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(350deg);
transform: rotate(350deg);
}
}
@-o-keyframes loader-hurma {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-o-transform: rotate(350deg);
transform: rotate(350deg);
}
}
@keyframes loader-hurma {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(350deg);
-moz-transform: rotate(350deg);
-o-transform: rotate(350deg);
transform: rotate(350deg);
}
}
.page-loaded .loader {
visibility: hidden;
opacity: 0;
}
.loader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #292f42;
z-index: 999;
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
-o-transition: visibility 0.3s ease, opacity 0.3s ease;
-moz-transition: visibility 0.3s ease, opacity 0.3s ease;
transition: visibility 0.3s ease, opacity 0.3s ease;
}
.loader__content {
position: absolute;
bottom: 50%;
font-size: 40px;
margin-bottom: 2px;
margin-left: -16px;
left: 50%;
-webkit-animation: 1.5s linear infinite loader-hurma;
-moz-animation: 1.5s linear infinite loader-hurma;
-o-animation: 1.5s linear infinite loader-hurma;
animation: 1.5s linear infinite loader-hurma;
}
.loader svg {
width: 50px;
height: 50px;
}
.none {
display: none;
}
.js__form-app .block-css,
.js__form-app--cta .block-css,
.js__form-app--paywall .block-css,
.js__form-app--modal .block-css {
display: block;
}
.js__form-app .successfully-form.block-css,
.js__form-app--cta .successfully-form.block-css,
.js__form-app--paywall .successfully-form.block-css,
.js__form-app--modal .successfully-form.block-css {
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
}
.js__form-app .successfully-form,
.js__form-app--cta .successfully-form,
.js__form-app--paywall .successfully-form {
text-align: center;
}
#recaptcha_2 > div {
margin: 0 auto;
}
.btn--link {
display: none;
}
.btn--disabled {
opacity: 0.5;
pointer-events: none;
}
.footer {
z-index: -1;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
opacity: 1;
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
opacity: 0;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-o-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@media screen and (min-width: 992px) {
#recaptcha_2 > div,
#recaptcha_3 > div {
margin-left: -8px;
}
}
@media screen and (max-width: 991px) {
.js__form-app .captcha-form .captcha,
.js__form-app--cta .captcha-form .captcha,
.js__form-app--paywall .captcha-form .captcha {
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
-moz-box-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 330px) {
.js__form-app--modal .captcha-form .captcha {
margin-left: -17px;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: -20px;
}
}
.price {
padding: 0 0 42px;
background: -webkit-linear-gradient(270.13deg, #293041 85.01%, #343c4e 96.53%);
background: -moz- oldlinear-gradient(270.13deg, #293041 85.01%, #343c4e 96.53%);
background: -o-linear-gradient(270.13deg, #293041 85.01%, #343c4e 96.53%);
background: linear-gradient(179.87deg, #293041 85.01%, #343c4e 96.53%);
}
@media screen and (max-width: 1079px) {
.price {
padding-bottom: 60px;
}
}
.price__title {
font-weight: 300;
line-height: 64px;
font-size: 56px;
color: #ffffff;
max-width: 615px;
margin-bottom: 20px;
}
@media screen and (max-width: 1079px) {
.price__title {
max-width: 520px;
}
}
@media screen and (max-width: 991px) {
.price__title {
max-width: 100%;
font-size: 48px;
}
}
@media screen and (max-width: 767px) {
.price__title {
font-size: 36px;
max-width: 440px;
line-height: 1.2;
}
}
.price__head {
position: absolute;
top: 72px;
left: 30px;
}
@media screen and (max-width: 1079px) {
.price__head {
top: 18px;
}
}
@media screen and (max-width: 991px) {
.price__head {
position: initial;
padding: 20px 0 25px;
}
}
.price .container {
position: relative;
}
.price-btn {
text-align: center;
margin-top: 60px;
}
@media screen and (max-width: 767px) {
.price-btn {
margin-top: 45px;
}
}
@media screen and (max-width: 599px) {
.price-btn {
margin-top: 20px;
}
}                                     .functional {
margin: 0 8px;
}
@media screen and (max-width: 991px) {
.functional {
margin: 0;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.functional {
margin-bottom: 0;
}
}
.functional__head {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: -2px;
}
@media screen and (max-width: 991px) {
.functional__head {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-moz-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin: 0 0 20px 11px;
}
}
.functional__head--title {
font-weight: 300;
font-size: 24px;
color: #ffffff;
margin: 0 0 20px 13px;
}
@media screen and (max-width: 991px) {
.functional__head--title {
margin: 0;
}
}
.functional__head--img {
position: relative;
height: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.functional-list {
background: #3a4359;
-webkit-border-radius: 5px;
border-radius: 5px;
position: relative;
z-index: 1;
padding: 15px;
}
@media screen and (max-width: 991px) {
.functional-list {
padding: 0 32px 10px;
}
}
@media screen and (max-width: 767px) {
.functional-list {
padding-bottom: 0;
}
}
.functional-list__item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.functional-list__item--image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 20px;
-moz-box-flex: 0;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
}
.functional-list__item--desk {
line-height: 16px;
font-size: 14px;
color: #ffffff;
margin-left: 10px;
}
@media screen and (max-width: 991px) {
.functional-list__item--desk {
margin-left: 17px;
}
}
.functional-list__item:last-child {
margin-bottom: 0;
}
.scroll-container {
position: relative;
margin: 0 -30px;
}
@media screen and (max-width: 991px) {
.scroll-container {
margin: 0;
}
}
.scroll-container:before {
content: '';
background: url(//hurma.work/wp-content/themes/img/price/future-list.svg);
position: absolute;
top: 0;
bottom: 0;
width: 272px;
right: -263px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
@media screen and (max-width: 1199px) {
.scroll-container:before {
display: none;
}
}
.scroll-container:after {
content: '';
background: url(//hurma.work/wp-content/themes/img/price/future-list.svg);
position: absolute;
top: 0;
bottom: 0;
width: 272px;
opacity: 0.7;
right: -554px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
@media screen and (max-width: 1199px) {
.scroll-container:after {
display: none;
}
}
.price__container {
padding-top: 72px;
}
.price-item {
height: 53px;
width: 100%;
margin-bottom: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: -webkit-gradient(
linear,
right top,
left top,
from(rgba(41, 48, 65, 0)),
color-stop(48.73%, #3a4657),
to(rgba(41, 48, 65, 0))
);
background: -webkit-linear-gradient(right, rgba(41, 48, 65, 0) 0%, #3a4657 48.73%, rgba(41, 48, 65, 0) 100%);
background: -moz- oldlinear-gradient(right, rgba(41, 48, 65, 0) 0%, #3a4657 48.73%, rgba(41, 48, 65, 0) 100%);
background: -o-linear-gradient(right, rgba(41, 48, 65, 0) 0%, #3a4657 48.73%, rgba(41, 48, 65, 0) 100%);
background: linear-gradient(270deg, rgba(41, 48, 65, 0) 0%, #3a4657 48.73%, rgba(41, 48, 65, 0) 100%);
}
.price-item__container {
width: 900px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.price-item__container > div {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33%;
-moz-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
word-break: break-word;
}
@media screen and (max-width: 599px) {
.price-item__container .individual-conditions {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66%;
-moz-box-flex: 0;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
font-size: 16px;
text-align: left;
}
}
.pl {
padding-left: 123px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 991px) {
.pl {
padding-left: 100px;
}
}
@media screen and (max-width: 767px) {
.pl {
padding: 0 20px 0 40px;
}
}
@media screen and (max-width: 599px) {
.pl {
padding: 0 0 0 10px;
}
}
.price-list {
width: 100%;
position: relative;
}
.price-list:before {
content: '';
position: absolute;
width: 269px;
height: 534px;
left: 50%;
top: -30px;
z-index: 0;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-border-radius: 20px;
border-radius: 20px;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(140, 237, 64, 0.6)),
to(rgba(120, 208, 24, 0.6))
);
background: -webkit-linear-gradient(top, rgba(140, 237, 64, 0.6) 0%, rgba(120, 208, 24, 0.6) 100%);
background: -moz- oldlinear-gradient(top, rgba(140, 237, 64, 0.6) 0%, rgba(120, 208, 24, 0.6) 100%);
background: -o-linear-gradient(top, rgba(140, 237, 64, 0.6) 0%, rgba(120, 208, 24, 0.6) 100%);
background: linear-gradient(180deg, rgba(140, 237, 64, 0.6) 0%, rgba(120, 208, 24, 0.6) 100%);
}
@media screen and (max-width: 767px) {
.price-list:before {
width: 237px;
}
}
@media screen and (max-width: 599px) {
.price-list:before {
width: 33%;
}
}
@media screen and (max-width: 479px) {
.price-list:before {
width: 129px;
}
}
.number-of-employees {
font-size: 21px;
color: #bcc4d2;
}
@media screen and (max-width: 599px) {
.number-of-employees {
font-size: 16px;
}
}
.number-of-employees--title {
font-size: 18px;
color: #bcc4d2;
line-height: 1.2;
}
@media screen and (max-width: 599px) {
.number-of-employees--title {
font-size: 16px;
}
}
@media screen and (max-width: 599px) {
.number-of-employees--title {
font-size: 12px;
}
}
.month-currency {
font-size: 21px;
color: #fff;
margin-right: 4px;
}
@media screen and (max-width: 599px) {
.month-currency {
font-size: 18px;
}
}
.month-price {
font-size: 21px;
color: #bcc4d2;
margin-right: 7px;
}
@media screen and (max-width: 599px) {
.month-price {
font-size: 16px;
margin-right: 3px;
}
}
.month-price___wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.month-price___holder {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
z-index: 1;
width: 115px;
}
@media screen and (max-width: 599px) {
.month-price___holder {
width: 100px;
}
}
@media screen and (max-width: 599px) {
.month-price___holder {
margin-left: 8px;
}
}
.early-birds {
text-align: center;
margin-top: -10px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 599px) {
.early-birds {
padding: 0 5px;
line-height: 1.2;
}
}
.early-birds p {
font-weight: 600;
font-size: 36px;
color: #ffffff;
margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
.early-birds p {
font-size: 30px;
}
}
@media screen and (max-width: 599px) {
.early-birds p {
font-size: 20px;
}
}
.early-birds span {
font-size: 16px;
color: #ffffff;
opacity: 0.8;
margin: 0 10px;
}
@media screen and (max-width: 599px) {
.early-birds span {
font-size: 14px;
line-height: 1.2;
}
}
@media screen and (max-width: 479px) {
.early-birds span {
width: 125px;
display: block;
margin: 0 auto;
}
}
.lazy-birds {
font-weight: 600;
font-size: 30px;
color: #ffffff;
text-align: center;
margin-left: -10px;
}
@media screen and (max-width: 767px) {
.lazy-birds {
font-size: 24px;
}
}
@media screen and (max-width: 599px) {
.lazy-birds {
font-size: 18px;
}
}
.month {
font-size: 16px;
color: #ffffff;
opacity: 0.8;
}
.month-price {
font-size: 28px;
color: #ffffff;
}
@media screen and (max-width: 599px) {
.month-price {
font-size: 20px;
}
}
@media screen and (max-width: 599px) {
.month {
font-size: 14px;
}
}
.bold-text {
font-weight: 600;
font-size: 30px;
}
@media screen and (max-width: 599px) {
.bold-text {
font-size: 24px;
}
}
.example-price {
font-size: 18px;
color: rgba(188, 196, 210, 0.490517);
text-align: center;
margin-top: 5px;
margin-bottom: 35px;
}
@media screen and (max-width: 991px) {
.example-price {
width: 300px;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.example-price {
line-height: 22px;
text-align: left;
width: 275px;
}
}
@media screen and (max-width: 599px) {
.example-price {
font-size: 16px;
width: 100%;
padding: 0 10px;
}
}
.individual-conditions {
text-align: center;
font-size: 18px;
color: #ffffff;
}
.img-container {
position: relative;
}
.img-container:before {
content: '';
background: url(//hurma.work/wp-content/themes/hurma/img/price/birds.svg);
position: absolute;
left: -115px;
bottom: -13px;
width: 176px;
height: 53px;
}
@media screen and (max-width: 1079px) {
.img-container:before {
left: -75px;
}
}
@media screen and (max-width: 991px) {
.img-container:before {
-o-background-size: 120px 37px;
background-size: 120px 37px;
width: 120px;
height: 37px;
left: 110px;
top: 97px;
}
}
@media screen and (max-width: 767px) {
.img-container:before {
left: 15px;
}
}
@media screen and (max-width: 599px) {
.img-container:before {
display: none;
}
}
.img-container:after {
content: '';
background: url(//hurma.work/wp-content/themes/hurma/img/price/flamingo.svg);
position: absolute;
right: -115px;
bottom: -13px;
width: 139px;
height: 152px;
}
@media screen and (max-width: 1079px) {
.img-container:after {
right: -75px;
}
}
@media screen and (max-width: 991px) {
.img-container:after {
width: 96px;
height: 105px;
-o-background-size: 96px 105px;
background-size: 96px 105px;
right: 100px;
top: 30px;
}
}
@media screen and (max-width: 767px) {
.img-container:after {
right: 35px;
}
}
@media screen and (max-width: 599px) {
.img-container:after {
display: none;
}
}
.mCSB_scrollTools .mCSB_draggerContainer {
left: 15px;
right: 15px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background: #3a4359;
height: 6px;
margin: 7px auto;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
height: 6px;
background: #656f82;
}
.mCSB_horizontal.mCSB_inside > .mCSB_container {
margin-bottom: 35px;
}
.hide-mobile .functional-list__item--desk {
color: #bcc4d2;
}
@media screen and (max-width: 991px) {
.hide-mobile {
display: none;
}
}
@media screen and (max-width: 479px) {
.price-item__container > div {
-webkit-box-flex: 0;
-webkit-flex: 0 0 40%;
-moz-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
}
.price-item__container > div:first-child {
-webkit-box-flex: 0;
-webkit-flex: 0 0 30%;
-moz-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
}
.price-item__container > div:last-child {
-webkit-box-flex: 0;
-webkit-flex: 0 0 30%;
-moz-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
}
.price-item__container div.individual-conditions {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66%;
-moz-box-flex: 0;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
margin-left: 15px;
}
}
.offer-description {
position: relative;
background: #fff;
}
.offer-description:before {
content: '';
background: rgba(41, 47, 66, 0.06);
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 50%;
height: 100%;
z-index: 1;
}
@media screen and (max-width: 991px) {
.offer-description:before {
width: 100%;
}
}
.offer-description .container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 991px) {
.offer-description .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.offer-description__item {
position: relative;
}
.offer-description__item:before {
font-size: 36px;
position: absolute;
opacity: 0;
}
.offer-description__link-list ol {
list-style-type: none;
counter-reset: item;
}
.offer-description__link-list ol li:hover:before {
color: #4a90e2;
}
.offer-description__link-list ol li:before {
content: counter(item) '. ';
counter-increment: item;
font-weight: 500;
font-size: 14px;
margin-right: 0;
}
.offer-description__link-list ol li:hover a {
color: #4a90e2;
}
.offer-description__link-list li {
font-size: 14px;
margin-bottom: 15px;
line-height: 1.5;
}
.offer-description__link-list a {
font-size: 14px;
color: #292f42;
line-height: 1;
font-weight: 500;
}
.offer-description__link-list a:hover {
color: #4a90e2;
}
.offer-description__title * {
font-weight: 300;
line-height: 72px;
font-size: 64px;
margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
.offer-description__title * {
font-size: 48px;
line-height: 1.2;
}
}
@media screen and (max-width: 767px) {
.offer-description__title * {
font-size: 36px;
line-height: 1.2;
}
}
@media screen and (max-width: 479px) {
.offer-description__title {
font-size: 32px;
}
}
.offer-description__subtitle a {
color: #4a90e2;
text-decoration: underline;
}
.offer-description__subtitle a:hover {
text-decoration: none;
}
@media screen and (max-width: 991px) {
.offer-description__subtitle {
font-size: 30px;
line-height: 1.3;
}
}
@media screen and (max-width: 479px) {
.offer-description__subtitle {
font-size: 24px;
}
}
.offer-description__info p {
margin-bottom: 27px;
line-height: 26px;
}
@media screen and (max-width: 479px) {
.offer-description__info p {
font-size: 14px;
}
}
.offer-description__info a {
color: #4a90e2;
text-decoration: underline;
}
.offer-description__info a:hover {
color: #4a90e2;
text-decoration: none;
}
.offer-description__info a.without-decor {
text-decoration: none;
}
.offer-description__paragraph {
margin-bottom: 26px;
}
.offer-description__paragraph p {
display: inline;
}
.offer-description__paragraph span {
font-weight: bold;
}
.offer-description__num-list {
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.privacy-policy__subtitle {
margin-bottom: 40px;
}
ol {
counter-reset: section;
list-style-type: none;
}
ol > li {
margin-bottom: 27px;
}
@media screen and (max-width: 479px) {
ol > li {
font-size: 14px;
margin-bottom: 15px;
}
}
ol > li::before {
counter-increment: section;
content: counters(section, '.') '.';
font-size: 16px;
margin-right: 5px;
}
ol ul {
list-style: disc;
margin: 27px 0 0 20px;
}
ol ul li {
font-size: 16px;
margin-bottom: 0;
}
@media screen and (max-width: 479px) {
ol ul li {
font-size: 14px;
}
}
ol ul li:before {
content: '';
margin-right: 0;
}
ol .orange-list {
list-style: none;
}
ol .orange-list li {
position: relative;
margin-bottom: 25px;
}
ol .orange-list li:before {
content: '';
width: 8px;
height: 8px;
background: #ff6d12;
position: absolute;
left: -20px;
top: 9px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
@media screen and (max-width: 479px) {
ol .orange-list li {
margin-bottom: 10px;
}
}
.header-offer .header--fixed {
top: 0;
}
.privacy-policy .offer-description__right {
padding-bottom: 145px;
}
@media screen and (max-width: 991px) {
.privacy-policy .offer-description__right {
padding-bottom: 100px;
}
}
@media screen and (max-width: 479px) {
.privacy-policy .offer-description__right {
padding-bottom: 50px;
}
}
.blog-section .heading {
text-align: left;
margin-bottom: 32px;
}
.blog__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 991px) {
.blog__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.blog__content {
max-width: 824px;
width: 100%;
margin-right: 55px;
margin-bottom: 38px;
}
@media screen and (max-width: 991px) {
.blog__content {
margin-right: 0;
max-width: 100%;
}
}
@media screen and (max-width: 767px) {
.blog__content {
margin-bottom: 10px;
}
}
.blog__item {
margin-bottom: 47px;
}
.blog__item--img {
margin-bottom: 20px;
display: block;
}
.blog__item--img img {
margin: 0 auto;
max-width: 100%;
height: auto;
}
.blog__item--title {
font-weight: 500;
line-height: 48px;
font-size: 36px;
color: #293041;
margin-bottom: 12px;
display: block;
-webkit-transition: 0.2s linear;
-o-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
.blog__item--title:hover {
color: #ff6d12;
}
@media screen and (max-width: 767px) {
.blog__item--title {
font-size: 30px;
line-height: 36px;
}
}
.blog__item--subtitle {
line-height: 30px;
font-size: 20px;
color: #292f42;
margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
.blog__item--subtitle {
font-size: 18px;
}
}
.blog__item--tags {
line-height: 26px;
font-size: 14px;
color: #656f82;
}
.aside {
width: 257px;
}
@media screen and (max-width: 991px) {
.aside {
width: 100%;
}
}
.aside__item {
margin-bottom: 40px;
}
.aside__item--tags {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 20px;
}
.aside__item--tags li {
background: #ffae11;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
margin: 0 10px 10px 0;
}
.aside__item--tags li a {
color: #fff;
padding: 0 10px;
font-weight: 500;
font-size: 14px;
line-height: 26px;
display: block;
-webkit-transition: 0.2s linear;
-o-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
.aside__item--tags li a:hover {
background: #ff6d12;
}
.aside__item--tags li a.active {
background: #ff6d12;
}
.aside__item--title {
font-weight: 500;
font-size: 18px;
margin-bottom: 16px;
color: #292f42;
}
.aside__item--list {
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.aside__item--list {
margin-bottom: 0;
}
}
.aside__item--list li {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #656f82;
-webkit-transition: 0.2s linear;
-o-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
.aside__item--list li a {
font-weight: 500;
color: #656f82;
line-height: 30px;
font-size: 16px;
margin-right: 4px;
}
.aside__item--list a span {
font-weight: 300;
}
.aside__item--list li a:hover {
color: #ff6d12;
}
.aside__item--list li.current-cat a {
color: #ff6d12;
}
@media screen and (max-width: 767px) {
.aside__item {
margin-bottom: 30px;
}
}
.pagination {
margin-bottom: 30px;
}
.pagination .nav-links {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.pagination .nav-links .page-numbers {
font-size: 18px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.pagination .nav-links .page-numbers.prev,
.pagination .nav-links .page-numbers.next {
border: 1px solid #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 46px;
height: 30px;
}
.pagination .nav-links .page-numbers:hover {
background: #292f42;
}
.pagination .nav-links .page-numbers:hover {
color: #fff;
}
.pagination .nav-links .page-numbers {
width: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #292f42;
}
.breadcrumb {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 20px 0 28px;
}
.breadcrumb li {
margin-right: 5px;
}
.breadcrumb li:before {
content: '/';
color: #656f82;
font-size: 14px;
}
.breadcrumb li:first-child:before {
display: none;
}
.breadcrumb a,
.breadcrumb span {
color: #656f82;
font-size: 14px;
}
.breadcrumb a:hover {
color: #ff6d12;
}
.article__pagination {
margin-right: -25px;
}
@media screen and (max-width: 991px) {
.article__pagination {
margin-right: 0;
}
}
.article__pagination-head {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #656f82;
padding-bottom: 10px;
}
.article__pagination .prev,
.article__pagination .next {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
line-height: 1.5;
}
.article__pagination .prev span:hover,
.article__pagination .next span:hover {
color: #ff6d12;
}
.article__pagination .prev span {
margin-left: 7px;
color: #656f82;
}
.article__pagination .next span {
margin-right: 7px;
color: #656f82;
}
.article__item {
background: #fff;
}
.article__item--title {
font-weight: 500;
line-height: 56px;
font-size: 48px;
margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
.article__item--title {
line-height: 40px;
font-size: 36px;
}
}
.article__item--img {
margin-bottom: 38px;
}
.article__item--img img {
margin: 0 auto;
max-width: 100%;
height: auto;
}
.article__item--tags {
color: #656f82;
font-size: 14px;
margin-bottom: 24px;
}
.article__desc p {
font-size: 20px;
line-height: 30px;
margin-bottom: 30px;
color: #292f42;
}
@media screen and (max-width: 767px) {
.article__desc p {
font-size: 18px;
line-height: 26px;
}
}
.article__desc h2 {
font-weight: 500;
font-size: 30px;
margin-bottom: 20px;
}
.article__desc h3 {
font-weight: 500;
font-size: 24px;
margin-bottom: 20px;
}
.article__desc .quote {
margin: 60px 0 66px 105px;
}
@media screen and (max-width: 991px) {
.article__desc .quote {
margin: 60px 40px;
}
}
@media screen and (max-width: 599px) {
.article__desc .quote {
margin: 20px;
}
}
.article__desc .quote p {
font-weight: 300;
line-height: 46px;
font-size: 36px;
color: #292f42;
}
@media screen and (max-width: 767px) {
.article__desc .quote p {
line-height: 40px;
font-size: 32px;
}
}
@media screen and (max-width: 599px) {
.article__desc .quote p {
line-height: 1.5;
font-size: 20px;
}
}
.article__desc .aside__item--tags {
margin-top: -8px;
margin-bottom: 6px;
}
.article__min {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 0 15px 40px;
}
.article__min--img {
display: block;
margin-bottom: 20px;
}
.article__min--item {
margin: 30px 18px 0;
}
.article__min--item img {
max-height: 147px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.article__min--item {
margin: 30px 10px 0;
}
.article__min--item:first-child {
margin-left: 0;
}
.article__min--item:last-child {
margin-right: 0;
}
}
.article__min--title {
font-weight: 500;
line-height: 26px;
font-size: 20px;
color: #292f42;
display: block;
margin-bottom: 14px;
}
.article__min--title:hover {
color: #ff6d12;
}
@media screen and (max-width: 479px) {
.article__min--title {
font-size: 16px;
line-height: 1.3;
}
}
.article__min--desc {
line-height: 24px;
font-size: 16px;
color: #292f42;
}
@media screen and (max-width: 479px) {
.article__min--desc {
font-size: 14px;
line-height: 1.3;
}
}
@media screen and (max-width: 767px) {
.article__min {
margin: 0 0 40px;
}
}
.share {
margin-bottom: 25px;
}
.share p {
line-height: 30px;
font-size: 15px;
color: #656f82;
margin-bottom: 1px;
}
.share ul {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.share ul li {
margin-right: 12px;
}
.support {
background: #e5e5e5;
padding: 35px 0;
}
.support .breadcrumb {
margin: 12px 0 16px;
}
.support .article__item {
padding: 0 40px 15px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}
.support .article__item--title {
margin-bottom: 22px;
}
@media screen and (max-width: 479px) {
.support .article__item--title {
font-size: 30px;
line-height: 1.3;
}
}
.support .article__item--video {
margin: 0 -40px 40px;
position: relative;
}
.support .article__item--video:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin-left: -35px;
margin-top: -55px;
border: 55px solid transparent;
border-left: 85px solid rgba(255, 255, 255, 0.82);
-webkit-border-radius: 3px;
border-radius: 3px;
}
@media screen and (max-width: 479px) {
.support .article__item--video {
margin: 0 -15px 40px;
}
}
@media screen and (max-width: 479px) {
.support .article__item {
padding: 0 15px 15px;
}
}
.support .article__desc .aside__item--tags {
margin-top: 40px;
}
.support .aside__item.contact {
margin-bottom: 33px;
}
.support .aside__item--list {
margin-bottom: 43px;
}
.support .aside {
margin-top: 0px;
}
@media screen and (max-width: 991px) {
.support .aside {
margin-top: 0;
}
}
.support .pagination {
margin: 45px 0 48px;
}
.support__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 991px) {
.support__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.support .heading {
text-align: left;
margin-bottom: 25px;
}
.support__content {
width: 100%;
max-width: 824px;
margin-right: 55px;
}
@media screen and (max-width: 991px) {
.support__content {
max-width: 100%;
margin-right: 0;
}
}
.support__item {
width: 100%;
height: 160px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
background: #fff;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 20px;
-webkit-transition: 0.2s linear;
-o-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
@media screen and (max-width: 991px) {
.support__item {
height: auto;
}
}
@media screen and (max-width: 479px) {
.support__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.support__item:hover {
-webkit-box-shadow: 0px 8px 9px rgba(0, 0, 0, 0.12);
box-shadow: 0px 8px 9px rgba(0, 0, 0, 0.12);
}
.support__item:hover h3 {
color: #ff6d12;
}
.support__item--content {
padding: 30px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.support__item--content {
padding: 30px 20px;
}
}
@media screen and (max-width: 599px) {
.support__item--content {
padding: 15px 20px;
}
}
.support__item h3 {
font-weight: 500;
line-height: 30px;
font-size: 24px;
color: #293041;
margin-bottom: 10px;
-webkit-transition: 0.2s linear;
-o-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
word-break: break-word;
word-wrap: break-word;
}
@media screen and (max-width: 599px) {
.support__item h3 {
font-size: 20px;
}
}
.support__item--img {
width: 330px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 330px;
-moz-box-flex: 0;
-ms-flex: 0 0 330px;
flex: 0 0 330px;
text-align: center;
height: 160px;
}
@media screen and (max-width: 767px) {
.support__item--img {
width: 200px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 200px;
-moz-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: auto;
}
}
@media screen and (max-width: 479px) {
.support__item--img {
width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
height: 160px;
}
}
.support__item--img img {
height: 100%;
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
.support__search {
width: 100%;
height: 50px;
background: #ffffff;
border: 1px solid #bcc4d2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 0 15px 0 50px;
color: #293041;
}
.support__search :-webkit-input-placeholder {
color: #798499;
font-size: 16px;
}
.support__search ::-moz-placeholder {
color: #798499;
font-size: 16px;
}
.support__search :-ms-input-placeholder {
color: #798499;
font-size: 16px;
}
.support__search :-moz-placeholder {
color: #798499;
font-size: 16px;
}
.support__form {
position: relative;
margin-bottom: 46px;
}
.support__form:before {
content: '';
background: url(//hurma.work/wp-content/themes/hurma/img/support/search-icon.svg) no-repeat;
width: 19px;
height: 20px;
display: block;
position: absolute;
top: 15px;
left: 16px;
}
.support__form.focus:before {
content: '';
background: url(//hurma.work/wp-content/themes/hurma/img/support/search-focus.svg) no-repeat;
}
input.support__search {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.contact-us {
border: 1px solid #bcc4d2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 100%;
height: 118px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.contact-us__title {
color: #292f42;
font-weight: 500;
font-size: 18px;
margin-bottom: 15px;
}
.contact-us img {
max-width: 100%;
height: auto;
}
.contact-us a {
width: 36px;
height: 36px;
display: inline-block;
margin: 0 6px;
} .price {
padding-bottom: 77px;
padding-top: 100px;
}
.price__title {
text-align: center;
margin-bottom: 75px;
max-width: 100%;
}
.functional {
padding-bottom: 40px;
}
.functional__item {
width: 100%;
height: 100px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background: -webkit-gradient(linear, left top, right top, color-stop(-46.52%, #ff6d12), color-stop(11.45%, #3a4359));
background: -webkit-linear-gradient(left, #ff6d12 -46.52%, #3a4359 11.45%);
background: -moz- oldlinear-gradient(left, #ff6d12 -46.52%, #3a4359 11.45%);
background: -o-linear-gradient(left, #ff6d12 -46.52%, #3a4359 11.45%);
background: linear-gradient(90deg, #ff6d12 -46.52%, #3a4359 11.45%);
mix-blend-mode: normal;
-webkit-box-shadow: 0px 11px 20px rgba(21, 25, 35, 0.34);
box-shadow: 0px 11px 20px rgba(21, 25, 35, 0.34);
-webkit-border-radius: 20px;
border-radius: 20px;
margin-top: 10px;
color: #fff;
padding: 10px 20px 10px 0;
}
.functional__item.feature {
background: #32394c;
-webkit-box-shadow: none;
box-shadow: none;
}
.functional__item p {
font-size: 24px;
color: #ffffff;
line-height: 25px;
}
.functional__item span {
font-size: 14px;
color: #8493ad;
}
.functional__item.feature p {
color: #8493ad;
}
.functional__title {
font-weight: 300;
line-height: 64px;
font-size: 56px;
text-align: center;
color: #ffffff;
margin-bottom: 52px;
}
.functional__item--percent {
width: 100px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100px;
-moz-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
}
.functional__item--percent span {
font-weight: 300;
font-size: 36px;
color: #ffffff;
line-height: 48px;
}
.functional__item--img {
width: 112px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 112px;
-moz-box-flex: 0;
-ms-flex: 0 0 112px;
flex: 0 0 112px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.functional__item--desc {
margin-top: 15px;
}
.functional__subitem {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 27px;
}
.functional__subitem--list li {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 23px;
position: relative;
margin-bottom: 16px;
}
.functional__subitem--list li img {
position: absolute;
left: -2px;
top: 0;
}
.functional__subitem--list li span {
line-height: 20px;
font-size: 16px;
color: #fff;
}
.functional__subitem--list li.next-point span {
color: #8493ad;
}
.functional__subitem--name {
color: #fff;
font-size: 20px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 23%;
-moz-box-flex: 0;
-ms-flex: 0 0 23%;
flex: 0 0 23%;
text-align: right;
margin: -4px 30px 27px 0;
}
.functional__sublist {
margin-top: 40px;
}
.functional__item--wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.animation-loader1 {
-webkit-animation: 2s rotate360 0.5s infinite linear;
-moz-animation: 2s rotate360 0.5s infinite linear;
-o-animation: 2s rotate360 0.5s infinite linear;
animation: 2s rotate360 0.5s infinite linear;
}
.animation-loader2 {
-webkit-animation: 2s rotate360 infinite linear;
-moz-animation: 2s rotate360 infinite linear;
-o-animation: 2s rotate360 infinite linear;
animation: 2s rotate360 infinite linear;
}
.animation-loader3 {
-webkit-animation: 2s rotate360 0.3s infinite linear;
-moz-animation: 2s rotate360 0.3s infinite linear;
-o-animation: 2s rotate360 0.3s infinite linear;
animation: 2s rotate360 0.3s infinite linear;
}
@-webkit-keyframes rotate360 {
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-moz-keyframes rotate360 {
to {
-moz-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-o-keyframes rotate360 {
to {
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes rotate360 {
to {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@media screen and (max-width: 1024px) {
.functional__subitem--name {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-moz-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.functional__item {
min-height: 94px;
height: auto;
}
}
@media screen and (max-width: 991px) {
.price {
padding-top: 50px;
}
.price__container {
padding-top: 40px;
} }
@media screen and (max-width: 620px) {
.functional__item--img {
width: 78px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 78px;
-moz-box-flex: 0;
-ms-flex: 0 0 78px;
flex: 0 0 78px;
}
.functional__item--percent {
width: 83px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 83px;
-moz-box-flex: 0;
-ms-flex: 0 0 83px;
flex: 0 0 83px;
}
.functional__item p {
font-size: 18px;
}
.functional__item--desc {
margin-top: 5px;
}
.functional__item {
padding: 6px 20px 6px 0;
}
.functional__subitem {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.functional__subitem {
margin-top: 36px;
}
.functional__sublist {
margin: 40px 42px 0;
}
.functional {
padding-bottom: 0;
}
}
@media screen and (max-width: 470px) {
.functional__title {
font-size: 36px;
line-height: 48px;
margin-bottom: 20px;
}
.functional__item {
padding-right: 5px;
}
.functional__item p {
font-size: 16px;
line-height: 24px;
}
.functional__sublist {
margin: 23px 0 0;
}
.functional__item--percent span {
font-size: 24px;
}
.functional__subitem {
margin-top: 20px;
}
.functional__item--wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-webkit-flex: 0 0 93px;
-moz-box-flex: 0;
-ms-flex: 0 0 93px;
flex: 0 0 93px;
}
.functional__item--percent {
text-align: center;
}
.functional__item--percent,
.functional__item--img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
} .offer-description {
position: relative;
background: #fff;
}
.offer-description:before {
content: '';
background: rgba(41, 47, 66, 0.06);
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 50%;
height: 100%;
z-index: 1;
}
@media screen and (max-width: 991px) {
.offer-description:before {
width: 100%;
}
}
.offer-description .container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 991px) {
.offer-description .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.offer-description__item {
position: relative;
}
.offer-description__item:before {
font-size: 36px;
position: absolute;
opacity: 0;
}
.offer-description__left {
-webkit-box-flex: 0;
-webkit-flex: 0 0 240px;
-moz-box-flex: 0;
-ms-flex: 0 0 240px;
flex: 0 0 240px;
padding: 131px 0;
position: relative;
z-index: 5;
}
@media screen and (max-width: 991px) {
.offer-description__left {
padding: 100px 0 30px;
}
}
.offer-description__link-list ol {
list-style-type: none;
counter-reset: item;
}
.offer-description__link-list ol li:hover:before {
color: #4a90e2;
}
.offer-description__link-list ol li:before {
content: counter(item) '. ';
counter-increment: item;
font-weight: 500;
font-size: 14px;
margin-right: 0;
}
.offer-description__link-list ol li:hover a {
color: #4a90e2;
}
.offer-description__link-list li {
font-size: 14px;
margin-bottom: 15px;
line-height: 1.5;
}
.offer-description__link-list a {
font-size: 14px;
color: #292f42;
line-height: 1;
font-weight: 500;
}
.offer-description__link-list a:hover {
color: #4a90e2;
}
.offer-description__title* {
font-weight: 300;
line-height: 72px;
font-size: 64px;
margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
.offer-description__title* {
font-size: 48px;
line-height: 1.2;
}
}
@media screen and (max-width: 767px) {
.offer-description__title * {
font-weight: 400;
line-height: 29px;
font-size: 22px;
}
}
.offer-description__subtitle {
font-weight: 300;
line-height: 48px;
font-size: 36px;
margin: 40px 0 17px;
}
.offer-description__subtitle a {
color: #4a90e2;
text-decoration: underline;
}
.offer-description__subtitle a:hover {
text-decoration: none;
}
.offer-description__subtitle * {
font-weight: 400;
line-height: 36px;
font-size: 30px;
margin: 40px 0 17px;
}
.offer-description__info .offer-description__subtitle {
line-height: 36px;
}
@media screen and (max-width: 991px) {
.offer-description__info .offer-description__subtitle,
.offer-description__subtitle * {
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
}
@media screen and (max-width: 479px) {
.offer-description__subtitle {
font-size: 24px;
}
}
.offer-description__right {
padding: 100px 0 255px 50px;
overflow: hidden;
background: #fff;
position: relative;
z-index: 3;
}
@media screen and (max-width: 991px) {
.offer-description__right {
padding: 100px 30px 100px;
}
}
@media screen and (max-width: 479px) {
.offer-description__right {
padding: 100px 10px 50px;
}
}
.offer-description__info p {
margin-bottom: 27px;
line-height: 26px;
}
@media screen and (max-width: 479px) {
.offer-description__info p {
font-size: 14px;
}
}
.offer-description__info a {
color: #4a90e2;
text-decoration: underline;
}
.offer-description__info a:hover {
color: #4a90e2;
text-decoration: none;
}
.offer-description__info a.without-decor {
text-decoration: none;
}
.offer-description__paragraph {
margin-bottom: 26px;
}
.offer-description__paragraph p {
display: inline;
}
.offer-description__paragraph span {
font-weight: bold;
}
.offer-description__num-list {
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.privacy-policy__subtitle {
margin-bottom: 40px;
}
ol {
counter-reset: section;
list-style-type: none;
}
ol > li {
margin-bottom: 27px;
}
@media screen and (max-width: 479px) {
ol > li {
font-size: 14px;
margin-bottom: 15px;
}
}
ol > li::before {
counter-increment: section;
content: counters(section, '.') '.';
font-size: 16px;
margin-right: 5px;
}
ol ul {
list-style: disc;
margin: 27px 0 0 20px;
}
ol ul li {
font-size: 16px;
margin-bottom: 0;
}
@media screen and (max-width: 479px) {
ol ul li {
font-size: 14px;
}
}
ol ul li:before {
content: '';
margin-right: 0;
}
ol .orange-list {
list-style: none;
}
ol .orange-list li {
position: relative;
margin-bottom: 25px;
}
ol .orange-list li:before {
content: '';
width: 8px;
height: 8px;
background: #ff6d12;
position: absolute;
left: -20px;
top: 9px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
@media screen and (max-width: 479px) {
ol .orange-list li {
margin-bottom: 10px;
}
}
.header-offer .header--fixed {
top: 0;
}
.privacy-policy .offer-description__right {
padding-bottom: 145px;
}
@media screen and (max-width: 991px) {
.privacy-policy .offer-description__right {
padding-bottom: 100px;
}
}
@media screen and (max-width: 479px) {
.privacy-policy .offer-description__right {
padding-bottom: 50px;
}
}
.blog-section .heading {
text-align: left;
margin-bottom: 32px;
}
.blog__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 991px) {
.blog__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.blog__content {
max-width: 824px;
width: 100%;
margin-right: 55px;
margin-bottom: 38px;
}
@media screen and (max-width: 991px) {
.blog__content {
margin-right: 0;
max-width: 100%;
overflow: hidden;
}
}
@media screen and (max-width: 767px) {
.blog__content {
margin-bottom: 10px;
}
}
.blog__item {
margin-bottom: 47px;
}
.blog__item--img {
margin-bottom: 20px;
display: block;
}
.blog__item--img img {
margin: 0 auto;
max-width: 100%;
height: auto;
}
.blog__item--title {
font-weight: 500;
line-height: 48px;
font-size: 36px;
color: #293041;
margin-bottom: 12px;
display: block;
-webkit-transition: 0.2s linear;
-o-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
.blog__item--title:hover {
color: #ff6d12;
}
@media screen and (max-width: 767px) {
.blog__item--title {
font-size: 30px;
line-height: 36px;
}
}
.blog__item--subtitle {
line-height: 30px;
font-size: 20px;
color: #292f42;
margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
.blog__item--subtitle {
font-size: 18px;
}
}
.blog__item--tags {
display: flex;
justify-content: space-between;
line-height: 26px;
font-size: 14px;
color: #656f82;
}
.aside {
width: 257px;
}
@media screen and (max-width: 991px) {
.aside {
width: 100%;
}
}
.aside__item {
margin-bottom: 40px;
}
.aside__item--tags {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 20px;
}
.aside__item--tags li {
background: #ffae11;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
margin: 0 10px 10px 0;
}
.aside__item--tags.secondary_tags li {
background: #656f82;
}
.aside__item--tags li a {
color: #fff;
padding: 0 10px;
font-weight: 500;
font-size: 14px;
line-height: 26px;
display: block;
-webkit-transition: 0.2s linear;
-o-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
.aside__item--tags li a:hover {
background: #ff6d12;
}
.aside__item--tags li a.active {
background: #ff6d12;
}
.aside__item--title {
font-weight: 500;
font-size: 18px;
margin-bottom: 16px;
color: #292f42;
}
.aside__item--list {
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.aside__item--list {
margin-bottom: 0;
}
}
.aside__item--list a {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #656f82;
-webkit-transition: 0.2s linear;
-o-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
.aside__item--list a p {
font-weight: 500;
line-height: 30px;
font-size: 16px;
margin-right: 4px;
}
.aside__item--list a span {
font-weight: 300;
}
.aside__item--list a:hover {
color: #ff6d12;
}
.aside__item--list a.active {
color: #ff6d12;
}
@media screen and (max-width: 767px) {
.aside__item {
margin-bottom: 30px;
}
}
.pagination {
margin-bottom: 30px;
}
.pagination ul {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.pagination ul li {
font-size: 18px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.pagination ul li:first-child,
.pagination ul li:last-child {
border: 1px solid #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 46px;
height: 30px;
}
.pagination ul li:hover {
background: #292f42;
}
.pagination ul li:hover a {
color: #fff;
}
.pagination ul li:hover path {
stroke: #fff;
}
.pagination ul li a {
width: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #292f42;
}
.breadcrumb {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 20px 0 28px;
}
.breadcrumb li {
margin-right: 5px;
}
.breadcrumb li:before {
content: '/';
color: #656f82;
font-size: 14px;
}
.breadcrumb li:first-child:before {
display: none;
}
.breadcrumb a,
.breadcrumb span {
color: #656f82;
font-size: 14px;
}
.breadcrumb a:hover {
color: #ff6d12;
}
.article__pagination {
margin-right: -25px;
}
@media screen and (max-width: 991px) {
.article__pagination {
margin-right: 0;
}
}
.article__pagination-head {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #656f82;
padding-bottom: 10px;
}
.article__pagination .prev,
.article__pagination .next {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
line-height: 1.5;
}
.article__pagination .prev span:hover,
.article__pagination .next span:hover {
color: #ff6d12;
}
.article__pagination .prev span {
margin-left: 7px;
color: #656f82;
}
.article__pagination .next span {
margin-right: 7px;
color: #656f82;
}
.article__item {
background: #fff;
}
.article__item--title {
font-weight: 500;
line-height: 56px;
font-size: 48px;
margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
.article__item--title {
line-height: 40px;
font-size: 36px;
}
}
.article__item--img {
margin-bottom: 38px;
}
.article__item--img img {
margin: 0 auto;
max-width: 100%;
height: auto;
}
.article__item--tags {
color: #656f82;
font-size: 14px;
margin-bottom: 24px;
}
.article__desc p {
font-size: 20px;
line-height: 30px;
margin-bottom: 30px;
color: #292f42;
}
@media screen and (max-width: 767px) {
.article__desc p {
font-size: 18px;
line-height: 26px;
}
}
.article__desc h2 {
font-weight: 500;
font-size: 30px;
margin-bottom: 20px;
}
.article__desc h3 {
font-weight: 500;
font-size: 24px;
margin-bottom: 20px;
}
.article__desc .quote {
margin: 60px 0 66px 105px;
}
@media screen and (max-width: 991px) {
.article__desc .quote {
margin: 60px 40px;
}
}
@media screen and (max-width: 599px) {
.article__desc .quote {
margin: 20px;
}
}
.article__desc .quote p {
font-weight: 300;
line-height: 46px;
font-size: 36px;
color: #292f42;
}
@media screen and (max-width: 767px) {
.article__desc .quote p {
line-height: 40px;
font-size: 32px;
}
}
@media screen and (max-width: 599px) {
.article__desc .quote p {
line-height: 1.5;
font-size: 20px;
}
}
.article__desc .aside__item--tags {
margin-top: -8px;
margin-bottom: 6px;
}
.article__min {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 0 15px 40px;
}
.article__min--img {
display: block;
margin-bottom: 20px;
}
.article__min--item {
margin: 30px 18px 0;
}
.article__min--item img {
max-height: 147px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.article__min--item {
margin: 30px 10px 0;
}
.article__min--item:first-child {
margin-left: 0;
}
.article__min--item:last-child {
margin-right: 0;
}
}
.article__min--title {
font-weight: 500;
line-height: 26px;
font-size: 20px;
color: #292f42;
display: block;
margin-bottom: 14px;
}
.article__min--title:hover {
color: #ff6d12;
}
@media screen and (max-width: 479px) {
.article__min--title {
font-size: 16px;
line-height: 1.3;
}
}
.article__min--desc {
line-height: 24px;
font-size: 16px;
color: #292f42;
}
@media screen and (max-width: 479px) {
.article__min--desc {
font-size: 14px;
line-height: 1.3;
}
}
@media screen and (max-width: 767px) {
.article__min {
margin: 0 0 40px;
}
}
.share {
margin-bottom: 25px;
}
.share p {
line-height: 30px;
font-size: 15px;
color: #656f82;
margin-bottom: 1px;
}
.share ul {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.share ul li {
margin-right: 12px;
}
.support {
background: #e5e5e5;
padding: 35px 0;
}
.support .breadcrumb {
margin: 12px 0 16px;
}
.support .article__item {
padding: 0 40px 15px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}
.support .article__item--title {
margin-bottom: 22px;
}
@media screen and (max-width: 479px) {
.support .article__item--title {
font-size: 30px;
line-height: 1.3;
}
}
.support .article__item--video {
margin: 0 -40px 40px;
position: relative;
}
.support .article__item--video:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin-left: -35px;
margin-top: -55px;
border: 55px solid transparent;
border-left: 85px solid rgba(255, 255, 255, 0.82);
-webkit-border-radius: 3px;
border-radius: 3px;
}
@media screen and (max-width: 479px) {
.support .article__item--video {
margin: 0 -15px 40px;
}
}
@media screen and (max-width: 479px) {
.support .article__item {
padding: 0 15px 15px;
}
}
.support .article__desc .aside__item--tags {
margin-top: 40px;
}
.support .aside__item.contact {
margin-bottom: 33px;
}
.support .aside__item--list {
margin-bottom: 43px;
}
@media screen and (max-width: 991px) {
.support .aside {
margin-top: 0;
}
}
.support .pagination {
margin: 45px 0 48px;
}
.support__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 991px) {
.support__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.support__content {
width: 100%;
max-width: 824px;
margin-right: 55px;
}
@media screen and (max-width: 991px) {
.support__content {
max-width: 100%;
margin-right: 0;
}
}
.support__item {
width: 100%;
height: 160px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
background: #fff;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 20px;
-webkit-transition: 0.2s linear;
-o-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
}
@media screen and (max-width: 991px) {
.support__item {
height: auto;
}
}
@media screen and (max-width: 479px) {
.support__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.support__item:hover {
-webkit-box-shadow: 0px 8px 9px rgba(0, 0, 0, 0.12);
box-shadow: 0px 8px 9px rgba(0, 0, 0, 0.12);
}
.support__item:hover h3 {
color: #ff6d12;
}
.support__item--content {
padding: 30px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.support__item--content {
padding: 30px 20px;
}
}
@media screen and (max-width: 599px) {
.support__item--content {
padding: 15px 20px;
}
}
.support__item h3 {
font-weight: 500;
line-height: 30px;
font-size: 20px;
color: #293041;
margin-bottom: 10px;
-webkit-transition: 0.2s linear;
-o-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transition: 0.2s linear;
word-break: break-word;
word-wrap: break-word;
}
@media screen and (max-width: 599px) {
.support__item h3 {
font-size: 20px;
}
}
.support__item--img {
width: 320px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 320px;
-moz-box-flex: 0;
-ms-flex: 0 0 320px;
flex: 0 0 320px;
text-align: center;
height: 160px;
}
@media screen and (max-width: 767px) {
.support__item--img {
width: 200px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 200px;
-moz-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: auto;
}
}
@media screen and (max-width: 479px) {
.support__item--img {
width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
height: 160px;
}
}
.support__item--img img {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
.support__search {
width: 100%;
height: 50px;
background: #ffffff;
border: 1px solid #bcc4d2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 0 15px 0 50px;
color: #293041;
}
.support__search :-webkit-input-placeholder {
color: #798499;
font-size: 16px;
}
.support__search ::-moz-placeholder {
color: #798499;
font-size: 16px;
}
.support__search :-ms-input-placeholder {
color: #798499;
font-size: 16px;
}
.support__search :-moz-placeholder {
color: #798499;
font-size: 16px;
}
.support__form {
position: relative;
margin-bottom: 46px;
}
.support__form:before {
content: '';
background: url(//hurma.work/wp-content/themes/hurma/img/support/search-icon.svg) no-repeat;
width: 19px;
height: 20px;
display: block;
position: absolute;
top: 15px;
left: 16px;
}
.support__form.focus:before {
content: '';
background: url(//hurma.work/wp-content/themes/hurma/img/support/search-focus.svg) no-repeat;
}
input.support__search {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.contact-us {
border: 1px solid #bcc4d2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 100%;
height: 118px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.contact-us__title {
color: #292f42;
font-weight: 500;
font-size: 18px;
margin-bottom: 15px;
}
.contact-us img {
max-width: 100%;
height: auto;
}
.contact-us a {
width: 36px;
height: 36px;
display: inline-block;
margin: 0 6px;
}
.blog-section {
margin-top: 183px;
}
.wp-block-button__link.has-background {
color: #ffffff !important;
text-decoration: none;
}
.menu-search-input {
border-bottom: none !important;
}
@media screen and (max-width: 991px) {
.blog-section {
margin-top: 83px !important;
}
}
#popup-submit-application-rf .popup-window__heading {
margin-bottom: 0 !important;
}
.aside__item-new {
margin: 10px 0;
}
.aside__item-new .wp-subscribe-box.input-error-box {
margin: 0;
}
.aside__item-new .subscribe-form-item__btn.subscribe-form-item__btn--btn-submit  {
height: 36px;
line-height: 36px;
}
.aside__item-new .wp-subscribe-box.title-subscribe {
padding-top: 10px;
}
.aside__item-new .wp-subscribe-box.title-subscribe .title {
font-size: 22px;
}
.aside__item-new .wp-subscribe-box.description-subscribe {
padding-top: 4px;
}
.aside__item-new .wp-subscribe-box.description-subscribe .text {
font-size: 14px;
}
.aside__item-new .wp-subscribe-box.input-subscribe input {
height: 30px;
font-size: 16px;
}
.aside__item-new .wp-subscribe-box.input-subscribe .subscribe-form-item__control.subscribe-form-item__control--input-email {
margin-top: 5px;
}
.aside-widget-item-new img {
height: 320px
}