/* Start:/css/main.css?1747987010286508*/
@font-face {
font-family: "Roboto";
font-display: block;
src: url("/fonts/roboto-light.eot");
src:
url("/fonts/roboto-light.eot?#iefix") format("embedded-opentype"),
url("/fonts/roboto-light.woff2") format("woff2"),
url("/fonts/roboto-light.woff") format("woff"),
url("/fonts/roboto-light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Roboto Condensed";
font-display: block;
src: url("/fonts/robotocondensed-light.eot");
src:
url("/fonts/robotocondensed-light.eot?#iefix") format("embedded-opentype"),
url("/fonts/robotocondensed-light.woff2") format("woff2"),
url("/fonts/robotocondensed-light.woff") format("woff"),
url("/fonts/robotocondensed-light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Roboto Condensed";
font-display: block;
src: url("/fonts/robotocondensed-regular.eot");
src:
url("/fonts/robotocondensed-regular.eot?#iefix") format("embedded-opentype"),
url("/fonts/robotocondensed-regular.woff2") format("woff2"),
url("/fonts/robotocondensed-regular.woff") format("woff"),
url("/fonts/robotocondensed-regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Inter";
font-display: block;
src: url("/fonts/Inter-VariableFont_slnt,wght.ttf") format("truetype");
font-weight: 200 900;
}
/* fonts */
/* colors */
/* paths */
/* body */
:root {
--main: #3c93cd;
}
* {
margin: 0;
padding: 0;
}
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
min-width: 320px;
min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
font:
normal 16px/1.4em "Helvetica Neue",
Arial,
Helvetica,
sans-serif;
background: #fff;
color: #777;
}
.no-scroll,
.no-scroll body {
overflow: hidden;
}
/* html5 for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
/* elements */
.nowrap {
white-space: nowrap;
}
.h-space {
padding-right: 0.16em;
}
.clear,
.clr {
clear: both;
}
/* img */
img,
a img {
border: 0;
}
/* links */
a {
color: #3c93cd;
transition: color 0.2s ease-out;
}
a:hover {
color: #cd5740;
}
a.phone {
text-decoration: none;
color: #777;
}
/* dotted */
.dt {
top: -0.12em;
border-bottom: 1px dotted;
text-decoration: none;
position: relative;
cursor: pointer;
color: #3c93cd;
}
.dt span {
position: relative;
top: 0.12em;
margin-bottom: -0.12em;
}
.dt:hover,
.dt:hover span {
color: #cd5740;
}
/* container */
.container {
position: relative;
width: 94%;
margin: 0 auto;
max-width: 1600px;
}
/* icons */
.icon {
background: transparent url("/i/icons.png") no-repeat 0 0;
-webkit-background-size: 660px 200px;
background-size: 660px 200px;
display: inline-block;
*display: inline;
*zoom: 1;
width: 30px;
height: 30px;
}
@media only screen and (min--moz-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
.icon {
background-image: url("/i/retina/icons.png");
}
}
.icon-cart {
background-position: 0 0;
}
.icon-cartsmall {
background-position: 0 -30px;
}
.icon-prev {
background-position: -30px 0;
}
.icon-next {
background-position: -60px 0;
}
.icon-prev-black {
background-position: -30px -30px;
}
.icon-next-black {
background-position: -60px -30px;
}
.icon-play {
background-position: -90px 0;
}
.icon-playsmall {
background-position: -90px -30px;
}
.icon-new-window {
background-position: -120px 0;
}
a:hover .icon-new-window {
background-position: -120px -30px;
}
.icon-menu {
background-position: -150px 0;
}
.icon-vk {
background-position: -180px 0;
}
.icon-tw {
background-position: -210px 0;
}
.icon-fb {
background-position: -240px 0;
}
.icon-yt {
background-position: -270px 0;
}
.icon-od {
background-position: -300px 0;
}
.icon-gl {
background-position: -330px 0;
}
.icon-lj {
background-position: -360px 0;
}
.icon-g-vk {
background-position: -180px -30px;
}
.icon-g-tw {
background-position: -210px -30px;
}
.icon-g-fb {
background-position: -240px -30px;
}
.icon-g-yt {
background-position: -270px -30px;
}
.icon-g-od {
background-position: -300px -30px;
}
.icon-g-gl {
background-position: -330px -30px;
}
.icon-g-lj {
background-position: -360px -30px;
}
.icon-search {
background-position: -390px 0;
}
.icon-clear {
background-position: -420px 0;
}
.icon-help {
background-position: -450px 0;
}
.icon-stbottom {
background-position: -480px 0;
}
.icon-stbottomwhite {
background-position: -480px -30px;
}
.icon-fullscreen {
background-position: -510px 0;
}
.icon-normalsize {
background-position: -540px 0;
}
.icon-email {
background-position: -570px 0;
}
.icon-remove {
background-position: -600px 0;
}
a:hover .icon-remove {
background-position: -600px -30px;
}
.icon-remove-black {
background-position: -600px -60px;
}
a:hover .icon-remove-black {
background-position: -600px -30px;
}
.icon-filter {
background-position: -630px 0;
}
/* flags */
.flag {
display: inline-block;
*display: inline;
*zoom: 1;
width: 16px;
height: 16px;
vertical-align: middle;
margin: -4px 2px 0 0;
background: transparent url("/i/flags.png?v=2") no-repeat 0 0;
-webkit-background-size: 80px 16px;
background-size: 80px 16px;
}
@media only screen and (min--moz-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
.flag {
background-image: url("/i/retina/flags.png?v=2");
}
}
.flag-ru {
background-position: 0 0;
}
.flag-en {
background-position: -16px 0;
}
.flag-de {
background-position: -32px 0;
}
.flag-es {
background-position: -48px 0;
}
.flag-by {
background-position: -64px 0;
}
/* tizers */
.tizer {
background: transparent url("/i/tizers.jpg") no-repeat 0 0;
-webkit-background-size: 570px 160px;
background-size: 570px 160px;
display: inline-block;
*display: inline;
*zoom: 1;
height: 160px;
}
@media only screen and (min--moz-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
.tizer {
background-image: url("/i/retina/tizers.jpg");
}
}
.tizer-delivery {
width: 365px;
margin-left: -40px;
background-position: 0 0;
}
.tizer-payment {
width: 200px;
margin-left: -4px;
background-position: -365px 0;
}
/* links */
.line {
top: -0.15em;
border-bottom: 1px solid;
text-decoration: none;
position: relative;
cursor: pointer;
color: #3c93cd;
color: rgba(60, 147, 205, 0.5);
}
.line span {
color: #3c93cd;
position: relative;
top: 0.15em;
margin-bottom: -0.15em;
}
.line span span {
margin-bottom: 0;
position: static;
top: auto;
color: inherit;
}
a.line:hover,
a:hover span.line {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
a.line:hover span,
a:hover span.line span {
color: #cd5740;
}
.hidden-link {
text-decoration: none;
color: #777;
}
.hidden-link:hover {
color: #cd5740;
}
input.text {
display: inline-block;
padding: 6px 10px;
border: 1px solid #eee;
text-decoration: none;
font-size: 0.95em;
line-height: 1.33em;
color: #fff;
background: none;
cursor: pointer;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: value;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input.text::placeholder {
color: #eee;
}
input.text.error {
border-color: #d7a644;
}
.hid {
display: none !important;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.video-in-gallery,
.video-container {
position: relative;
overflow: hidden;
cursor: pointer;
}
.video-container .video-holder {
width: 100%;
height: 0;
padding-bottom: 56.52%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
transition: transform 2s linear;
transform: scale(1);
}
.video-in-gallery iframe,
.video-container .video-holder iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
}
.video-in-gallery .play,
.video-container .play {
position: absolute;
top: 50%;
left: 50%;
margin: -40px 0 0 -40px;
width: 80px;
height: 80px;
text-align: center;
color: #fff;
font-size: 1.5em;
line-height: normal;
z-index: 10;
cursor: pointer;
transition: top 0.3s ease-out;
}
.video-in-gallery .play .play-ico-holder,
.video-container .play .play-ico-holder {
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
border-radius: 100%;
background-color: #39a9e0;
transition: transform 0.2s ease-out;
}
.video-in-gallery .play .play-ico-holder .play-ico,
.video-container .play .play-ico-holder .play-ico {
position: absolute;
top: 50%;
left: 50%;
margin-top: -12px;
margin-left: -6px;
border: 6px solid transparent;
border-width: 12px 18px;
border-left-color: #fff;
transition: transform 0.2s ease-out;
}
.video-in-gallery .play:hover .play-ico-holder,
.video-container .play:hover .play-ico-holder {
transform: scale(1.1);
}
.video-in-gallery .play:hover .play-ico-holder .play-ico,
.video-container .play:hover .play-ico-holder .play-ico {
transform: scale(0.909091);
}
.video-in-gallery:hover .video-holder,
.video-container:hover .video-holder {
transform: scale(1.1);
}
.video-in-gallery.played .video-holder,
.video-container.played .video-holder {
transition: none;
transform: scale(1);
}
.video-in-gallery.played .play,
.video-container.played .play {
display: none;
}
input,
select,
button,
textarea {
font:
normal 15px/1.1em "Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
input::-moz-focus-inner {
border: 0;
padding: 0;
margin-top: -2px;
margin-bottom: -2px;
}
.button {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 7px 12px;
text-align: center;
border: none;
text-decoration: none;
font-size: 0.95em;
line-height: 1.33em;
color: #858594;
background: #eee;
cursor: pointer;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: value;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition:
background-color 0.2s ease-out,
color 0.2s ease-out,
border-color 0.2s ease-out;
}
.button:hover {
color: #858594;
background: #e4e4e4;
}
.button-large {
font-size: 1.4em;
}
.button-white {
color: #858594;
background: #fff;
}
.button-white:hover {
color: #858594;
background: #ebebeb;
}
.button-white.no-hover:hover {
color: #858594;
background: #fff;
cursor: default;
}
.button-green {
color: #fff;
background-color: #60c339;
}
.button-green:hover {
color: #fff;
background: #50a330;
}
.button-green.no-hover:hover {
color: #fff;
background-color: #60c339;
cursor: default;
}
.button-blue {
color: #fff;
background: #3c93cd;
}
.button-blue:hover {
color: #fff;
background: #2e7db2;
}
.button-blue.no-hover:hover {
color: #fff;
background: #3c93cd;
cursor: default;
}
.button-blue-dark {
color: #fff;
background: #2a75b0;
}
.button-blue-dark:hover {
color: #fff;
background: #225f8f;
}
.button-blue-dark.no-hover:hover {
color: #fff;
background: #2a75b0;
cursor: default;
}
.button-dark {
color: #fff;
background: #444;
}
.button-dark:hover {
color: #fff;
background: #303030;
}
.button-dark.no-hover:hover {
color: #fff;
background: #444;
cursor: default;
}
.button-red {
color: #fff;
background: #cd5740;
}
.button-red:hover {
color: #fff;
background: #b5452f;
}
.button-red.no-hover:hover {
color: #fff;
background: #cd5740;
cursor: default;
}
.button-orange {
color: #fff;
background: #d7a644;
}
.button-orange:hover {
color: #fff;
background: #c8932b;
}
.button-orange.no-hover:hover {
color: #fff;
background: #d7a644;
cursor: default;
}
.button-gray {
color: #fff;
background: #9d9da9;
}
.button-gray:hover {
color: #fff;
background: #878796;
}
.button-gray.no-hover:hover {
color: #fff;
background: #9d9da9;
cursor: default;
}
.button-red-transparent {
color: #cd5740;
background-color: transparent;
border: 2px solid #cd5740;
font-weight: 500;
padding: 5px 10px;
}
.button-red-transparent:hover {
color: #b5452f;
background-color: transparent;
border-color: #b5452f;
}
.button-green-transparent {
color: #60c339;
background-color: transparent;
border: 2px solid #60c339;
font-weight: 500;
padding: 5px 10px;
}
.button-green-transparent:hover {
color: #50a330;
background-color: transparent;
border-color: #50a330;
}
.button-blue-transparent {
color: #3c93cd;
background-color: transparent;
border: 2px solid #3c93cd;
font-weight: 500;
padding: 5px 10px;
}
.button-blue-transparent:hover {
color: #2e7db2;
background-color: transparent;
border-color: #2e7db2;
}
.button-auth {
color: #fff;
background: #d7a644;
}
.button-auth:hover {
color: #fff;
background: #c8932b;
}
.button-auth.no-hover:hover {
color: #fff;
background: #d7a644;
cursor: default;
}
.button-exit {
color: #fff;
background: #cd5740;
}
.button-exit:hover {
color: #fff;
background: #b5452f;
}
.button-exit.no-hover:hover {
color: #fff;
background: #cd5740;
cursor: default;
}
.button-i {
padding-left: 40px;
position: relative;
}
.button-i .icon {
position: absolute;
top: 50%;
margin-top: -15px;
left: 5px;
}
/* search */
.site-search input.text {
vertical-align: top;
text-align: left;
background: #fff;
border: 2px solid #444;
line-height: 20px;
padding: 8px 15px;
width: 45%;
position: relative;
margin-right: -2px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
color: #444;
}
.site-search input.text:focus {
z-index: 1;
}
.site-search input.text::placeholder {
color: #aaa;
}
.site-search .button {
vertical-align: top;
line-height: 20px;
padding: 8px 20px;
border: 2px solid #444;
position: relative;
font-size: 0.95em;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.site-search .button:hover {
z-index: 1;
background: #303030;
border-color: #303030;
}
/* sm-input */
.sm-input {
display: inline-block;
*display: inline;
*zoom: 1;
position: relative;
margin-right: 3px;
}
.sm-input label {
position: absolute;
top: 0;
left: 0;
padding: 8px 7px 7px 7px;
}
.sm-input .clear {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
width: 30px;
height: 30px;
cursor: pointer;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
filter: alpha(opacity=40);
}
.sm-input .clear:hover {
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.sm-input input.text {
border: 2px solid #ddd;
padding: 6px 20px 6px 23px;
width: 6em;
line-height: 1.2em;
font-size: 1em;
}
/* custom inputs */
.custom-input {
position: relative;
overflow: hidden;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
width: 14px;
height: 14px;
padding: 0;
border: 2px solid #ddd;
background: #fff;
cursor: pointer;
}
.custom-input:hover {
border-color: #ccc;
}
.custom-input input {
position: absolute;
cursor: pointer;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
.custom-input .ind {
position: absolute;
top: 3px;
left: 3px;
cursor: pointer;
width: 8px;
height: 8px;
overflow: hidden;
background: #777;
display: none;
}
.chb-list,
.radio-list {
list-style: none;
}
.chb-list label,
.radio-list label {
cursor: pointer;
}
.checkbox-active .ind,
.radio-active .ind {
display: block;
}
.radio-custom {
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.radio-custom .ind {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
/* dl.f */
article .f-group {
margin: 15px 0;
}
article dl.f {
margin: 2px 0;
clear: left;
}
article dl.f dt {
float: left;
text-align: right;
width: 170px;
font-size: 0.95em;
line-height: 1.4em;
padding-top: 6px;
}
article dl.f dd {
margin-left: 185px;
line-height: 0;
}
article dl.f .order-total-price {
font-size: 0.8em;
line-height: 1.4em;
margin: 1em 0 2.6em 0;
max-width: 450px;
}
article dl.f .order-total-price .for-payment {
margin: 0.6em 0 0.2em 0;
font:
400 1.4em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
article dl.f .order-total-price .for-payment strong {
font-weight: 400;
font-size: 2em;
line-height: 1.1em;
color: #444;
}
article dl.f input.text,
article dl.f select.text {
height: 17px;
}
article dl.f input.text,
article dl.f select.text,
article dl.f textarea.text {
font-size: 0.8em;
line-height: 17px;
background: #eee;
border: none;
padding: 8px 10px;
max-width: 85%;
box-sizing: content-box;
text-align: left;
color: #777;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
article dl.f input.text-small,
article dl.f select.text-small,
article dl.f textarea.text-small {
width: 140px;
}
article dl.f input.text-middle,
article dl.f select.text-middle,
article dl.f textarea.text-middle {
width: 220px;
}
article dl.f input.text-lmiddle,
article dl.f select.text-lmiddle,
article dl.f textarea.text-lmiddle {
width: 280px;
}
article dl.f input.text-big,
article dl.f select.text-big,
article dl.f textarea.text-big {
width: 380px;
}
article dl.f select.text {
-webkit-appearance: none;
background-image: url(/i/sort-down.svg);
background-position: right 7px center;
background-repeat: no-repeat;
background-size: 7px;
padding-right: 21px;
}
article dl.f .chb-list,
article dl.f .radio-list {
padding: 2px 0 10px 0;
font-size: 0.8em;
line-height: 1.3em;
}
article dl.f .chb-list li,
article dl.f .radio-list li {
margin: 5px 0;
}
article dl.f .chb-list .title,
article dl.f .radio-list .title {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
padding-top: 2px;
margin-left: 3px;
max-width: 80%;
}
article dl.f .social-connect a {
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
filter: alpha(opacity=40);
}
article dl.f .social-connect a:hover {
opacity: 0.7;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter: alpha(opacity=70);
}
article dl.f .social-connect a.connect {
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
article dl.f-button {
margin: 20px 0 40px 0;
}
article dl.f-button dt.back {
padding-top: 10px;
}
article dl.f-button dt.back a {
color: #777;
color: rgba(119, 119, 119, 0.5);
}
article dl.f-button dt.back a span {
color: #777;
}
article dl.f-button dt.back a:hover {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
article dl.f-button dt.back a:hover span {
color: #cd5740;
}
article dl.f-button .button {
padding: 10px 30px;
}
@media all and (max-width: 600px) {
article dl.f dt {
float: none;
width: auto;
text-align: left;
font-size: 0.75em;
line-height: 1.2em;
margin-bottom: 0.2em;
}
article dl.f dd {
margin: 0;
}
article dl.f dt.back {
display: none;
}
}
.win-form {
width: 600px;
margin: 0 auto 40px auto;
text-align: center;
}
.win-form header {
padding: 30px 0 20px 0;
}
.win-form header .h4,
.win-form header h4 {
text-align: center;
margin: 0;
font:
300 2em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #fff;
}
@media all and (max-width: 500px) {
.win-form header .h4,
.win-form header h4 {
font-size: 1.5em;
}
}
@media all and (max-width: 400px) {
.win-form header {
margin: 0 auto 20px auto !important;
text-align: left;
width: 85%;
}
}
.win-form form {
display: block;
padding-bottom: 30px;
}
.win-form .social-auth {
margin-bottom: 20px;
}
.win-form .social-auth-links {
padding: 0 0 30px 0;
}
.win-form .social-auth-links a {
margin: 0 2px;
}
.win-form .social-auth-links a:hover {
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
.win-form .social-auth,
.win-form .callback {
position: static;
background: #858594 url("/i/bg.bgray.jpg") repeat 0 0;
color: #fff;
margin: 0;
position: relative;
}
.win-form .social-auth .loading:before,
.win-form .callback .loading:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #444;
background: rgba(68, 68, 68, 0.66);
z-index: 1;
}
.win-form .social-auth .loading:after,
.win-form .callback .loading:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin: -100px 0 0 -100px;
background: url("/i/gears.svg");
z-index: 2;
}
.win-form .social-auth input.text,
.win-form .callback input.text {
background: #787885;
}
.win-form .social-auth input.text:focus,
.win-form .callback input.text:focus {
background: #71717e;
}
.win-form .auth,
.win-form .register,
.win-form .remind {
background: #60c339 url("/i/bg.green.jpg") repeat 100% 0;
color: #fff;
}
.win-form .auth input.text,
.win-form .register input.text,
.win-form .remind input.text {
background: #56b033;
}
.win-form .auth input.text:focus,
.win-form .register input.text:focus,
.win-form .remind input.text:focus {
background: #52a630;
}
.win-form dl.f {
width: 550px;
margin: 5px auto;
}
.win-form dl.f dt {
text-align: right;
float: left;
width: 140px;
padding-top: 7px;
font:
normal 1em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.win-form dl.f dd {
text-align: left;
margin-left: 150px;
width: 310px;
}
.win-form dl.f dd .more {
font-size: 0.8em;
line-height: 1.2em;
}
.win-form dl.f dd .more a {
color: #e7f6e1;
color: rgba(231, 246, 225, 0.5);
}
.win-form dl.f dd .more a span {
color: #e7f6e1;
}
.win-form dl.f dd .more a:hover {
color: #fff;
color: rgba(255, 255, 255, 0.5);
}
.win-form dl.f dd .more a:hover span {
color: #fff;
}
.win-form dl.f dd .text {
border: none;
padding: 10px 15px;
color: #fff;
margin-right: 10px;
outline: none;
width: 280px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.win-form dl.f dd .fz-54 {
width: 280px;
margin-top: 8px;
}
.win-form dl.f dd .button {
font-size: 1.25em;
margin: 1em 0;
display: block;
padding: 10px 30px;
width: 250px;
outline-color: #444;
}
.win-form .desc-win-form,
.win-form .fz-54 {
font:
normal 0.85em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.win-form .desc-win-form a,
.win-form .fz-54 a {
color: #fff;
}
.win-form .bt {
margin-top: 30px;
font-size: 1.25em;
}
.win-form .bt .button {
padding: 10px 30px;
outline-color: #444;
}
@media all and (max-width: 760px) {
.win-form {
width: 100%;
}
.win-form header {
padding: 20px 0 10px 0;
}
.win-form header h4 {
font-size: 1.6em;
}
.win-form form {
padding-bottom: 20px;
}
.win-form dl.f {
width: 90%;
}
.win-form .social-auth-links {
padding: 0 0 20px 0;
}
}
@media all and (max-width: 640px) {
.win-form dl.f {
margin-bottom: 0.8em;
}
.win-form dl.f dd {
width: auto;
}
.win-form dl.f dd textarea,
.win-form dl.f dd .text {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.win-form dl.f dd .desc-win-form,
.win-form dl.f dd .fz-54 {
width: 100%;
}
.win-form dl.f dd .button {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.win-form dl.f dd .more {
margin-top: 0.3em;
display: block;
}
}
@media all and (max-width: 400px) {
.win-form dl.f {
width: 85%;
}
.win-form dl.f dt {
display: block;
float: none;
text-align: left;
width: auto;
margin-bottom: 0.2em;
}
.win-form dl.f dd {
margin-left: 0;
}
.win-form dl.f dd .more {
margin-top: 0.3em;
display: block;
}
.win-form dl.f dd .text {
resize: none;
}
}
.win {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
display: none;
}
.win .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #444;
opacity: 0.7;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter: alpha(opacity=70);
cursor: pointer;
}
.win-content {
position: absolute;
top: 50%;
left: 50%;
width: 600px;
margin: -210px 0 0 -300px;
}
.win-content.wide {
width: 1000px;
margin: 0;
transform: translate(-50%, -50%);
}
@media all and (max-width: 1023px) {
.win-content.wide {
width: 600px;
}
}
@media (max-width: 600px) {
.win-content.wide {
justify-content: center;
transform: none;
height: 100%;
width: 100%;
}
}
.win-content .close {
position: absolute;
top: -40px;
right: -40px;
cursor: pointer;
font-size: 40px;
line-height: 40px;
text-align: center;
color: #fff;
z-index: 20;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.win-content .close:hover {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.win-remind .win-content {
margin-top: -110px;
}
.win-callback .win-content {
margin-top: -100px;
}
.win-filter .win-content {
top: 10px !important;
bottom: 10px;
margin: 0 0 0 -200px !important;
text-align: left;
width: 400px;
}
.win-filter .win-content form {
padding-bottom: 0;
}
@media all and (max-width: 600px) {
.win-filter .win-content {
width: 300px;
margin-left: -150px !important;
}
}
.win-filter .close {
font-size: 28px;
width: 30px;
height: 30px;
line-height: 30px;
right: 7px;
top: 13px;
color: #444;
z-index: 10;
background: #fff;
background: rgba(255, 255, 255, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.win-filter .filter {
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.win-consult,
.win-shpindelnykh,
.win-one-click-buy,
.win-one-click-buy2,
.win-contacts-form {
overflow: auto;
background: #3d8ecd url("/i/bg.blue.jpg") repeat 0 0;
-webkit-background-size: cover;
background-size: cover;
}
.win-consult .text,
.win-shpindelnykh .text,
.win-one-click-buy .text,
.win-contacts-form .text,
.win-consult textarea,
.win-shpindelnykh textarea,
.win-one-click-buy textarea,
.win-contacts-form textarea {
background-color: #2a75af;
}
.win-consult .text:focus,
.win-shpindelnykh .text:focus,
.win-one-click-buy .text:focus,
.win-contacts-form .text:focus,
.win-consult textarea:focus,
.win-shpindelnykh textarea:focus,
.win-one-click-buy textarea:focus,
.win-contacts-form textarea:focus {
background-color: #186098;
}
.win-consult .status.ok,
.win-shpindelnykh .status.ok,
.win-one-click-buy .status.ok,
.win-contacts-form .status.ok {
color: greenyellow;
}
.win-consult .status.error,
.win-shpindelnykh .status.error,
.win-one-click-buy .status.error,
.win-contacts-form .status.error {
color: #b10000;
}
.win-consult .win-form-adaptive,
.win-shpindelnykh .win-form-adaptive,
.win-one-click-buy .win-form-adaptive,
.win-one-click-buy2 .win-form-adaptive,
.win-contacts-form .win-form-adaptive {
margin-top: -370px;
}
.win.loading:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #444;
background: rgba(68, 68, 68, 0.66);
z-index: 1;
}
.win.loading:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin: -100px 0 0 -100px;
background: url("/i/gears.svg");
z-index: 2;
}
.win-gallery {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5000;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.win-gallery * {
margin: 0;
padding: 0;
min-width: 0;
max-width: none;
}
.win-gallery .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #444;
opacity: 0.7;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter: alpha(opacity=70);
padding-bottom: 100px;
cursor: pointer;
}
.win-gallery .win-i,
.win-gallery .win-i img {
top: 0;
left: 0;
position: absolute;
}
.win-gallery .win-i img {
transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
transition-property: width, height, top, left;
border: 1px solid #eee;
}
.win-gallery .loader {
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin: -40px/2 0 0 -40px/2;
background: transparent url("/i/loader.png") no-repeat 0 0;
-webkit-background-size: 5760px 40px;
background-size: 5760px 40px;
animation: rotation 5s steps(143, end) infinite;
}
@media only screen and (min--moz-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
.win-gallery .loader {
background-image: url("/i/retina/loader.png");
}
}
@-webkit-keyframes rotation {
from {
background-position: 0px 0px;
}
to {
background-position: -5720px 0px;
}
}
@-moz-keyframes rotation {
from {
background-position: 0px 0px;
}
to {
background-position: -5720px 0px;
}
}
@-ms-keyframes rotation {
from {
background-position: 0px 0px;
}
to {
background-position: -5720px 0px;
}
}
@-o-keyframes rotation {
from {
background-position: 0px 0px;
}
to {
background-position: -5720px 0px;
}
}
@keyframes rotation {
from {
background-position: 0px 0px;
}
to {
background-position: -5720px 0px;
}
}
.win-gallery .close {
position: absolute;
top: 40px;
right: 40px;
cursor: pointer;
font-size: 40px;
line-height: 40px;
text-align: center;
color: #fff;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
z-index: 20;
text-decoration: none;
}
.win-gallery .close:hover {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.win-gallery .prev,
.win-gallery .next {
z-index: 10;
position: absolute;
width: 50px;
height: 50px;
line-height: 50px;
margin-top: -25px;
top: 50%;
cursor: pointer;
text-align: center;
}
.win-gallery .prev:after,
.win-gallery .next:after {
content: "";
position: absolute;
left: -40px;
top: -50vh;
margin-top: 25px;
width: 44vw;
height: 100vh;
}
.win-gallery .prev img,
.win-gallery .next img {
vertical-align: middle;
max-width: 24px;
max-height: 24px;
}
.win-gallery .next:after {
left: auto;
right: -40px;
}
.win-gallery .prev {
left: 40px;
}
.win-gallery .next {
right: 40px;
}
@media all and (max-width: 1000px) {
.win-gallery .prev {
left: 20px;
}
.win-gallery .next {
right: 20px;
}
.win-gallery .close {
top: 20px;
right: 20px;
}
}
@media all and (max-width: 600px) {
.win-gallery .prev {
left: 0;
}
.win-gallery .next {
right: 0;
}
.win-gallery .close {
top: 20px;
right: 20px;
}
}
.light {
position: absolute;
width: 100%;
top: 50%;
left: 0;
}
.light-fake {
height: 500px;
width: 100%;
}
.light .page-ms {
width: 90%;
max-width: 600px;
margin: 0 auto;
text-align: center;
color: #444;
}
.light .page-ms hgroup h1 {
font:
300 7.5em/1.2em "Roboto",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.light .page-ms hgroup h3 {
font:
300 2em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.light .page-ms p {
font:
300 1.25em/1.4em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
margin: 1em 0;
}
.light .page-ms a.phone {
color: #444;
}
@media all and (max-width: 600px) {
.light .page-ms hgroup h1 {
font-size: 5em;
}
.light .page-ms hgroup h3 {
font-size: 1.4em;
}
.light .page-ms p {
font-size: 0.9em;
}
}
.light .page-ms .site-search {
margin-top: 2em;
}
.light .page-ms .site-search form p {
font-size: 1em;
line-height: 1.2em;
}
.light .page-404 {
margin-top: -200px;
}
.light .page-tech {
margin-top: -150px;
}
.light-footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 0.8em;
line-height: 1.2em;
padding: 20px 0;
color: #444;
}
/*!
* Bootstrap Grid v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
@-ms-viewport {
width: device-width;
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
.container-fluid {
width: 100%;
padding-right: 10px;
padding-left: 10px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
box-sizing: border-box;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
/*# sourceMappingURL=bootstrap-grid.css.map */
/* header */
header.main {
position: relative;
z-index: 100;
top: 0;
left: 0;
width: 100%;
background: #fff;
background: rgba(255, 255, 255, 0.97);
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
header.main .top {
background: #eee;
position: relative;
z-index: 20;
}
header.main .top-wrapper {
display: flex;
width: 100%;
}
header.main .top .lang {
width: 130px;
position: relative;
cursor: pointer;
margin-right: 60px;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
header.main .top .lang:hover {
background: #e4e4e4;
}
header.main .top .lang img {
width: 16px;
height: 16px;
vertical-align: middle;
margin: -4px 2px 0 0;
}
header.main .top .lang dt {
display: flex;
align-items: center;
gap: 4px;
padding: 10px 25px 10px 15px;
font-size: 0.95em;
line-height: 20px;
position: relative;
color: #858594;
}
header.main .top .lang dt:after {
content: "";
border-top: 4px solid #858594;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
width: 0;
height: 0;
overflow: hidden;
position: absolute;
right: 10px;
top: 50%;
margin-top: -1px;
transition: all 0.3s;
}
header.main .top .lang dd {
display: none;
position: absolute;
top: 100%;
left: 0;
width: auto;
min-width: 110%;
background: #eee;
z-index: 2;
}
header.main .top .lang dd ul {
list-style: none;
}
header.main .top .lang dd ul a {
display: flex;
align-items: center;
gap: 4px;
padding: 5px 25px 5px 15px;
text-decoration: none;
color: #858594;
white-space: nowrap;
}
header.main .top .lang dd ul a:hover {
background: #e4e4e4;
}
header.main .top .lang-open,
header.main .top .lang-open:hover {
background: #eee;
}
header.main .top .lang-open dt:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
header.main .top .lang-mobile dd ul a {
text-transform: uppercase;
}
header.main .top .top-nav > ul {
display: flex;
align-items: center;
list-style: none;
height: 100%;
width: 100%;
}
header.main .top .top-nav > ul > li {
display: flex;
align-items: center;
margin: 0 20px 0 0;
height: 100%;
white-space: nowrap;
}
header.main .top .top-nav > ul > li.parent {
position: relative;
padding-right: 1em;
}
header.main .top .top-nav > ul > li.parent:after {
content: "";
position: absolute;
top: 50%;
margin-top: -2px;
right: 3px;
height: 0;
width: 0;
border: 1px solid transparent;
border-width: 5px 3px;
border-top-color: #858594;
transform-origin: 50% 2px;
transition: transform 0.2s ease-out;
}
header.main .top .top-nav > ul > li.parent ul {
position: absolute;
top: 100%;
left: 0;
padding: 1em 1.6em;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
background-color: #fff;
white-space: nowrap;
z-index: 20;
display: none;
}
header.main .top .top-nav > ul > li.parent ul:after {
content: "";
position: absolute;
top: -5px;
height: 5px;
width: 100%;
left: 0;
}
header.main .top .top-nav > ul > li.parent ul li {
display: block;
}
header.main .top .top-nav > ul > li.parent ul li .a,
header.main .top .top-nav > ul > li.parent ul li a {
padding: 3px 0;
}
header.main .top .top-nav > ul > li.parent ul li .a,
header.main .top .top-nav > ul > li.parent ul li a:hover {
color: #3c93cd;
}
header.main .top .top-nav > ul > li.parent:hover:after {
transform: rotate(180deg);
}
header.main .top .top-nav > ul > li.parent:hover ul {
display: block;
}
header.main .top .top-nav > ul > li.mobile {
display: none;
}
header.main .top .top-nav > ul .a,
header.main .top .top-nav > ul a {
font-size: 0.95em;
line-height: 20px;
text-decoration: none;
color: #444;
}
header.main .top .top-nav > ul .a:hover,
header.main .top .top-nav > ul a:hover {
color: #3c93cd;
}
header.main .top .header-phone {
margin-left: auto;
display: flex;
gap: 5px;
align-items: center;
color: #000;
font-size: 20px;
line-height: 20px;
}
header.main .top .header-phone a {
text-decoration: none;
color: #000;
}
header.main .header-bottom {
width: 100%;
border-bottom: 1px solid #e5e5e5;
}
header.main .header-bottom > .container {
position: relative;
z-index: 10;
}
header.main .header-bottom-wrapper {
padding: 30px 0;
display: flex;
align-items: center;
background-color: #fff;
}
header.main .header-bottom-fake {
width: 100%;
display: block !important;
}
header.main .header-bottom.open-menu .header-sandwitch i:nth-child(1) {
transform: rotate(45deg) translate(4px, 4.5px);
}
header.main .header-bottom.open-menu .header-sandwitch i:nth-child(2) {
transform: translateX(18px);
opacity: 0;
}
header.main .header-bottom.open-menu .header-sandwitch i:nth-child(3) {
transform: rotate(-45deg) translate(4px, -4.5px);
}
header.main .header-bottom.open-menu .search,
header.main .header-bottom.open-menu .header-controls {
display: none;
}
header.main .header-bottom .logo-wr {
width: 150px;
flex-shrink: 0;
height: 35px;
margin-right: 40px;
}
header.main .header-bottom .logo-wr .logo {
display: block;
text-decoration: none;
line-height: 0;
}
header.main .header-bottom .header-menu {
position: relative;
margin-right: 2em;
flex-shrink: 0;
}
header.main .header-bottom .header-menu .button {
display: inline-flex;
align-items: center;
padding: 7px 20px;
border-radius: 34px;
}
header.main .header-bottom .header-menu .header-sandwitch {
margin-right: 6px;
width: 20px;
height: 20px;
border: 0;
background: none;
}
header.main .header-bottom .header-menu .header-sandwitch i {
display: block;
vertical-align: top;
width: 18px;
height: 2px;
margin: 3px 1px 4px;
background-color: #fff;
transition:
transform 0.2s ease-out,
opacity 0.2s ease;
}
header.main .header-bottom .header-drop-menu {
position: absolute;
width: 100%;
top: 0;
margin-top: -1px;
padding: 0em 0 2em;
background-color: #fff;
opacity: 0;
visibility: hidden;
transition:
opacity 0.2s ease,
top 0.2s ease;
z-index: 5;
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
max-height: calc(100dvh - 94px - 40px - 2em);
overflow: auto;
}
header.main .header-bottom .header-drop-menu.active {
top: 100%;
visibility: visible;
opacity: 1;
}
header.main .header-bottom .header-drop-menu:after {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 19px;
margin-top: -19px;
}
header.main .header-bottom .header-drop-menu-wrapper {
padding: 0 42px;
}
header.main .header-bottom .header-drop-menu-title {
font-size: 32px;
line-height: 1.15em;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
margin-bottom: 20px;
color: #111;
}
header.main .header-bottom .header-drop-menu-list {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
min-width: 100%;
justify-content: space-between;
margin: 20px -20px;
}
header.main .header-bottom .header-drop-menu-list-title {
font-size: 24px;
line-height: 1.4em;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
margin-bottom: 10px;
color: #111;
}
header.main .header-bottom .header-drop-menu-list ul {
padding: 0 20px;
margin-bottom: 20px;
width: 33.33%;
box-sizing: border-box;
}
header.main .header-bottom .header-drop-menu-list li {
display: block;
margin-bottom: 8px;
}
header.main .header-bottom .header-drop-menu-list li a {
font-size: 20px;
line-height: 1.6;
text-decoration: none;
color: #444;
border-bottom: 1px solid #ccc;
}
header.main .header-bottom .header-drop-menu-list li a:hover {
border-bottom-color: #3c93cd;
color: #3c93cd;
}
header.main .header-bottom .header-drop-menu-special {
display: flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
}
header.main .header-bottom .header-drop-menu-special li a {
display: inline-flex;
align-items: center;
padding: 10px 15px;
margin-right: 10px;
margin-bottom: 10px;
border-radius: 30px;
font-size: 18px;
line-height: 22px;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.07);
text-decoration: none;
color: #444;
transition:
box-shadow 0.2s ease,
color 0.2s ease;
}
header.main .header-bottom .header-drop-menu-special li a svg {
transition: fill 0.2s ease;
}
header.main .header-bottom .header-drop-menu-special li a:hover {
color: #3c93cd;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
header.main .header-bottom .header-drop-menu-special li a:hover svg {
fill: #3c93cd;
}
header.main .header-bottom .header-drop-menu-special li a.all {
box-shadow: none;
}
header.main .header-bottom .header-drop-menu-special li a.all:hover {
color: #3c93cd;
}
header.main .header-bottom .header-drop-menu-special li a svg {
max-width: 28px;
height: 24px;
margin-right: 12px;
}
header.main .header-bottom .search {
position: relative;
width: 500px;
margin-right: 2em;
}
header.main .header-bottom .search button {
position: absolute;
display: inline-flex;
align-items: center;
justify-content: center;
top: 0;
right: 0;
width: 34px;
height: 34px;
background: transparent;
padding: 0;
border: none;
cursor: pointer;
outline: none;
}
header.main .header-bottom .search input.text {
background: #fff;
border: 1px solid #eee;
padding: 6px 15px;
line-height: 20px;
width: 100%;
outline: none;
opacity: 1;
color: #444;
border-radius: 34px;
}
header.main .header-bottom .search input.text::placeholder {
color: #aaa;
}
header.main .header-bottom .header-controls {
margin-left: auto;
flex-shrink: 0;
display: flex;
align-items: center;
}
header.main .header-bottom .header-controls-item {
margin-left: 12px;
display: flex;
align-items: center;
}
header.main .header-bottom .header-controls-item a {
display: block;
color: #858594;
}
header.main .header-bottom .header-controls-item a img,
header.main .header-bottom .header-controls-item a svg {
width: 18px;
height: 18px;
transition: fill 0.2s ease;
stroke: #000;
fill: #000;
}
header.main .header-bottom .header-controls-item a:hover svg {
stroke: #3c93cd;
fill: #3c93cd;
}
header.main .header-bottom .header-controls-ico {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
background: #eee;
width: 34px;
height: 34px;
border-radius: 100%;
color: #000;
}
header.main .header-bottom .header-controls .search-mobile,
.search-page .search-input {
display: none;
}
header.main .header-bottom .cart {
position: relative;
z-index: 1;
font-size: 0.95em;
line-height: 20px;
}
header.main .header-bottom .cart a {
width: auto;
display: flex;
align-items: center;
}
header.main .header-bottom .cart .icon {
vertical-align: middle;
margin: -12px 8px -10px 0;
}
header.main .header-bottom .cart .count {
position: absolute;
left: 24px;
top: -5px;
width: 16px;
height: 16px;
font-size: 12px;
line-height: 16px;
border: 1px solid #fff;
text-align: center;
color: #fff;
background-color: #f00;
border-radius: 100%;
}
header.main .header-bottom .cart .cart-extra {
display: none;
position: absolute;
right: 0;
top: 45px;
z-idnex: 300;
width: 600px;
border: 2px solid #ddd;
padding: 10px 0 10px 0;
background: #fff;
}
header.main .header-bottom .cart .cart-extra:after,
header.main .header-bottom .cart .cart-extra:before {
content: "";
border-bottom: 8px solid #ddd;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
width: 0;
height: 0;
overflow: hidden;
position: absolute;
top: -8px;
right: 14px;
margin-left: -8px;
}
header.main .header-bottom .cart .cart-extra:after {
border-bottom-color: #fff;
margin-top: 2px;
}
header.main .header-bottom .cart .cart-extra-wr {
margin: 0 10px;
max-height: 50vh;
overflow: auto;
}
header.main .header-bottom .cart .cart-extra .to-order {
padding-top: 20px;
margin: 0 10px;
}
header.main .header-bottom .cart .cart-extra .to-order .button {
color: #fff;
}
header.main .header-bottom .cart .cart-extra .to-order .total {
padding-top: 6px;
float: right;
padding-right: 96px;
}
header.main .header-bottom .cart .cart-extra .to-order .total .total-sum {
color: #444;
font-size: 1.2em;
line-height: 1.2em;
margin-left: 0.2em;
}
header.main .header-bottom .cart .cart-extra .item {
width: 100%;
position: relative;
margin: 0 0 10px;
}
header.main .header-bottom .cart .cart-extra .item .wr {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 95px;
line-height: 50px;
min-height: 50px;
}
header.main .header-bottom .cart .cart-extra .item .i {
position: absolute;
top: 0;
left: 0;
width: 75px;
height: 50px;
overflow: hidden;
}
header.main .header-bottom .cart .cart-extra .item .i img {
width: 100%;
}
header.main .header-bottom .cart .cart-extra .item .desc,
header.main .header-bottom .cart .cart-extra .item .extra {
line-height: 1.2em;
}
header.main .header-bottom .cart .cart-extra .item .desc {
width: 60%;
}
header.main .header-bottom .cart .cart-extra .item .desc .a {
text-decoration: none;
color: #444;
}
header.main .header-bottom .cart .cart-extra .item .desc .a .title {
font:
300 1em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
header.main .header-bottom .cart .cart-extra .item .desc .a .article,
header.main .header-bottom .cart .cart-extra .item .desc .a .model {
font-weight: 400;
}
header.main .header-bottom .cart .cart-extra .item .desc .a .line {
color: #444;
color: rgba(68, 68, 68, 0.5);
}
header.main .header-bottom .cart .cart-extra .item .desc .a .line span {
color: #444;
}
header.main .header-bottom .cart .cart-extra .item .desc .a:hover .line {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
header.main .header-bottom .cart .cart-extra .item .desc .a:hover .line span {
color: #cd5740;
}
header.main .header-bottom .cart .cart-extra .item .desc .params {
margin-top: 0.4em;
font:
normal 0.85em/1.2em "Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
header.main .header-bottom .cart .cart-extra .item .desc .params .help {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
margin: -7px 0 -5px 0;
}
header.main .header-bottom .cart .cart-extra .item .desc .params .help dt {
cursor: pointer;
}
header.main .header-bottom .cart .cart-extra .item .desc .params .help dt .icon {
margin: 0;
}
header.main .header-bottom .cart .cart-extra .item .extra {
width: 40%;
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;
}
header.main .header-bottom .cart .cart-extra .item .extra .c-price,
header.main .header-bottom .cart .cart-extra .item .extra .col,
header.main .header-bottom .cart .cart-extra .item .extra .remove {
display: inline-block;
vertical-align: middle;
}
header.main .header-bottom .cart .cart-extra .item .extra .c-price {
color: #444;
font-weight: 400;
}
header.main .header-bottom .cart .cart-extra .item .extra .col {
flex: inherit;
width: auto;
padding: 0;
text-align: left;
min-width: 30px;
font-weight: 300;
}
header.main .header-bottom .cart .cart-extra .item .extra .remove {
width: 60px;
margin-top: -2px;
}
header.main:not(.fixed) .header-bottom-fake {
height: 0 !important;
}
header.main.fixed .header-bottom {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
transition: box-shadow 0.2s ease;
}
header.main.fixed .header-bottom .header-drop-menu {
max-height: calc(100dvh - 94px - 2em);
}
@media all and (max-width: 1270px) {
header.main .cart {
position: relative;
}
header.main .cart .text {
display: none;
}
header.main .cart .icon {
margin-right: 0;
}
header.main .cart .count {
position: absolute;
top: -4px;
right: -2px;
border: 2px solid #fff;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 20px;
background: #60c339;
color: #fff;
text-align: center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
header.main .cart .count-empty {
display: none;
}
}
@media all and (max-width: 1024px) {
header.main .top-wrapper {
flex-wrap: wrap;
}
header.main .top .lang {
border: none;
width: auto;
}
header.main .top .lang dt {
padding: 5px 25px 5px 0;
}
header.main .top .lang dd ul a {
padding: 5px 25px 5px 0;
}
header.main .top .top-nav {
border-top: 1px solid #e5e5e5;
order: 2;
width: 100%;
padding: 10px 0;
margin-top: 5px;
overflow: auto;
}
header.main .top .top-nav > ul > li.parent {
display: none;
}
header.main .top .top-nav > ul > li.mobile {
display: block;
}
header.main .header-bottom.fixed {
border-bottom: 1px solid #e5e5e5;
}
header.main .header-bottom-wrapper {
padding: 20px 0;
}
header.main .header-bottom .header-drop-menu {
max-height: none;
height: calc(100dvh - 75px - 76px - 2em);
margin-top: 0;
overflow: auto;
}
header.main .header-bottom .header-drop-menu-wrapper {
padding: 0;
}
header.main .header-bottom .header-drop-menu-list ul {
width: 50%;
}
header.main .header-bottom .search {
display: none;
}
header.main .header-bottom .header-controls .search-mobile,
.search-page .search-input {
display: block;
}
header.main .header-bottom .header-controls .hide-mobile {
display: none;
}
header.main.fixed .header-bottom .header-drop-menu {
max-height: none;
height: calc(100dvh - 75px - 2em);
}
}
@media all and (max-width: 800px) {
header.main .cart-extra {
display: none !important;
}
header.main .center .phone-wr {
margin-right: 0;
}
}
@media all and (max-width: 600px) {
header.main .header-bottom-wrapper {
padding: 12px 0;
}
header.main .header-bottom .logo-wr {
margin-right: 20px;
}
header.main .header-bottom .header-menu {
margin-right: 0;
}
header.main .header-bottom .header-menu .button {
padding: 7px;
}
header.main .header-bottom .header-menu .button .header-sandwitch {
margin: 0;
}
header.main .header-bottom .header-menu .button span:not(.header-sandwitch) {
display: none;
}
header.main .header-bottom .header-drop-menu {
height: calc(100dvh - 76px - 59px - 2em);
}
header.main .header-bottom .header-drop-menu-list {
margin: 20px -9px;
}
header.main .header-bottom .header-drop-menu-list ul {
padding: 0 9px;
width: 100%;
}
header.main.fixed .header-bottom .header-drop-menu {
height: calc(100dvh - 59px - 2em);
}
}
@media all and (max-width: 430px) {
header.main .top .lang {
margin-right: 10px;
}
header.main .top .header-phone {
font-size: 0.95em;
}
}
@media all and (max-width: 380px) {
header.main .header-bottom .header-drop-menu {
height: calc(100dvh - 76px - 54px - 2em);
}
header.main .header-bottom .header-drop-menu-list {
margin: 20px -9px;
}
header.main .header-bottom .header-drop-menu-list ul {
padding: 0 9px;
}
header.main.fixed .header-bottom .header-drop-menu {
height: calc(100dvh - 54px - 2em);
}
}
/* mobile-nav */
.mobile-nav {
display: none;
position: fixed;
z-index: 1000;
overflow: hidden;
top: 0;
left: 0;
width: 0;
height: 125%;
}
.mobile-nav .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 125%;
background: #444;
opacity: 0.7;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter: alpha(opacity=70);
}
.mobile-nav .wr {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 280px;
height: 100%;
background: #858594;
}
.mobile-nav .wr .close {
position: absolute;
width: 40px;
height: 40px;
font-size: 40px;
line-height: 40px;
color: #fff;
left: 100%;
margin-left: 10px;
top: 5px;
cursor: pointer;
z-index: 200;
}
.mobile-nav .wr .menu {
position: absolute;
top: 0;
left: 0;
width: 280px;
height: 80%;
overflow: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.mobile-nav .wr .menu .lang {
margin-top: 30px;
border-top: 1px solid #9393a0;
}
.mobile-nav .wr .menu .lang img {
width: 16px;
height: 16px;
vertical-align: middle;
margin: -4px 2px 0 0;
}
.mobile-nav .wr .menu .cabinet {
display: block;
}
.mobile-nav .wr .menu .cabinet a.button {
background: transparent;
}
.mobile-nav .wr .menu ul {
list-style: none;
}
.mobile-nav .wr .menu ul a {
text-decoration: none;
}
.mobile-nav .wr .menu ul .a {
cursor: pointer;
}
.mobile-nav .wr .menu ul ul {
font-size: 1em;
}
.mobile-nav .wr .menu ul .parent {
position: relative;
}
.mobile-nav .wr .menu ul .parent:after {
content: "";
border: 4px solid transparent;
border-left: 4px solid #fff;
width: 0;
height: 0;
overflow: hidden;
position: absolute;
right: 10px;
top: 50%;
margin-top: -2px;
}
.mobile-nav .wr .menu ul .child {
position: fixed;
top: 0;
left: 0;
left: -280px;
width: 280px;
height: 100%;
z-index: 200;
transition: left 0.3s;
background: #858594;
}
.mobile-nav .wr .menu ul .child.visible {
left: 0;
z-index: 2;
}
.mobile-nav .wr .menu ul .active > a,
.mobile-nav .wr .menu ul .active > span {
background: #6b6b7b;
}
.mobile-nav .wr .menu ul .active ul .active a,
.mobile-nav .wr .menu ul .active ul .active span {
color: #fff;
}
.mobile-nav .wr .menu .lang dt,
.mobile-nav .wr .menu .cabinet a,
.mobile-nav .wr .menu ul a,
.mobile-nav .wr .menu ul span {
position: relative;
text-align: left;
display: block;
padding: 5px 15px;
color: #e7e7ea;
}
.mobile-nav .wr .menu .lang dt,
.mobile-nav .wr .menu .cabinet a,
.mobile-nav .wr .menu ul li {
border-bottom: 1px solid #9393a0;
}
.mobile-nav .wr .menu .lang dt,
.mobile-nav .wr .menu ul,
.mobile-nav .wr .menu .cabinet a {
font:
300 0.9em/1.4em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.mobile-nav .wr .menu .lang dt {
position: relative;
cursor: pointer;
}
.mobile-nav .wr .menu .lang dt:after {
content: "";
border-top: 4px solid #fff;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
width: 0;
height: 0;
overflow: hidden;
position: absolute;
right: 10px;
top: 50%;
margin-top: -1px;
transition: all 0.3s;
}
.mobile-nav .wr .menu .lang dd {
display: none;
}
.mobile-nav .wr .menu .lang dd a {
white-space: nowrap;
}
.mobile-nav .wr .menu .lang dd a span {
display: inline;
padding: 0;
}
@media all and (max-width: 1200px) {
.mobile-nav {
display: block;
}
}
/* content */
.content {
width: 100%;
padding: 20px 0 60px 0;
}
.content h2 {
font:
400 1.5em/1.1em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
margin: 1.4em 0 0.4em 0;
color: #444;
}
.content .h1,
.content .h2,
.content .h3,
.content .h4,
.content .h5,
.content .h6 {
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
line-height: normal;
margin: 1.4em 0 0.4em 0;
color: #444;
}
.content .h1 {
font-size: 2em;
}
.content .h2 {
font-size: 1.8em;
}
.content .h3 {
font-size: 1.6em;
}
.content .h4 {
font-size: 1.4em;
}
.content .h5 {
font-size: 1.2em;
}
.content .h6 {
font-size: 1em;
}
.content section.text-content,
.content section.delivery,
.content section.payment {
padding: 20px 0;
}
.content section.text-content h1,
.content section.delivery h1,
.content section.payment h1 {
margin: 20px 0 0.5em 0;
font:
400 2em/1.1em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
}
.content section.text-content p,
.content section.delivery p,
.content section.payment p {
margin: 0 0 1em 0;
font-size: 0.95em;
line-height: 1.4em;
}
.content section.text-content li,
.content section.delivery li,
.content section.payment li {
font-size: 0.95em;
line-height: 1.4em;
}
.content section.text-content dl,
.content section.delivery dl,
.content section.payment dl {
display: inline-block;
vertical-align: top;
width: 46%;
margin: 1em 2% 1em 0;
}
.content section.text-content dl dt,
.content section.delivery dl dt,
.content section.payment dl dt {
font-weight: bold;
font-size: 1.17em;
margin-bottom: 0.25em;
}
.content section.text-content h3,
.content section.delivery h3,
.content section.payment h3 {
margin-bottom: 0.25em;
}
.content section.text-content table,
.content section.delivery table,
.content section.payment table {
margin: 1em 0;
}
.content section.text-content table td,
.content section.delivery table td,
.content section.payment table td {
padding: 0 2em 0 0;
vertical-align: middle;
}
.content section.text-content table td .img,
.content section.delivery table td .img {
width: 100px;
}
.content section.text-content table td .img img,
.content section.delivery table td .img img,
.content section.payment table td .img img {
max-width: 100%;
max-height: 100%;
}
.content section.text-content .banks,
.content section.delivery .banks,
.content section.payment .banks {
gap: 1em 0;
margin-top: 2em;
margin-bottom: 2em;
}
.content section.payment table td .img ,
.content section.text-content .banks .img,
.content section.delivery .banks .img,
.content section.payment .banks .img {
width: 150px;
}
.content section.text-content .banks .img img,
.content section.delivery .banks .img img,
.content section.payment .banks .img img {
max-width: 100%;
max-height: 100%;
height: 50px;
object-fit: contain;
}
.content section.text-content .img-blck,
.content section.delivery .img-blck,
.content section.payment .img-blck {
height: 300px;
line-height: 300px;
}
.content section.text-content .img-blck img,
.content section.delivery .img-blck img,
.content section.payment .img-blck img {
vertical-align: bottom;
max-height: 100%;
max-width: 100%;
}
.content section.text-content,
.content section.payment {
width: 65%;
}
.content section.delivery {
width: 30%;
width: 65%;
}
@media all and (max-width: 1000px) {
.content {
overflow: hidden;
}
.content section.text-content h1,
.content section.delivery h1,
.content section.payment h1 {
margin-top: 10px;
font-size: 1.6em;
}
.content section.text-content li,
.content section.delivery li,
.content section.payment li,
.content section.text-content p,
.content section.delivery p,
.content section.payment p {
font-size: 0.85em;
}
}
@media all and (max-width: 760px) {
.content section.text-content,
.content section.delivery,
.content section.payment {
float: none;
width: 100%;
margin-bottom: 40px;
}
.content section.text-content .img-blck,
.content section.delivery .img-blck,
.content section.payment .img-blck {
height: auto;
line-height: normal;
}
.content section.payment .pay-img {
height: auto;
line-height: normal;
}
}
.content header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 0 0;
}
.content header.text-header {
margin-top: 40px;
}
.content header h1 {
width: 100%;
margin: 0;
font:
400 2em/1.1em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
max-width: 800px;
}
.content header h2 {
margin-top: 0;
}
.content header h2 a {
color: #444;
color: rgba(68, 68, 68, 0.5);
}
.content header h2 a span {
color: #444;
}
.content header h2 a:hover {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
.content header h2 a:hover span {
color: #cd5740;
}
.content header .crumbs {
width: 100%;
margin: 0 0 2em 0;
font:
300 0.95em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.content header .crumbs .separator {
margin: 0 0.4em;
}
.content header .crumbs a {
color: #777;
color: rgba(119, 119, 119, 0.5);
}
.content header .crumbs a span {
color: #777;
}
.content header .crumbs a:hover {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
.content header .crumbs a:hover span {
color: #cd5740;
}
@media all and (max-width: 760px) {
.content header .crumbs {
font-size: 0.75em;
margin-bottom: 0.5em;
}
.content header h1 {
font-size: 1.6em;
}
}
@media all and (max-width: 680px) {
.content {
padding-bottom: 80px;
}
}
.single-service .single-service-wrapper {
max-width: 1400px;
}
.single-service p {
font-size: 1em;
line-height: 1.4em;
margin-bottom: 1em;
}
.single-service ul {
list-style: none;
font-size: 1em;
line-height: 1.4em;
margin-bottom: 2em;
}
.single-service ul li {
position: relative;
padding-left: 1.2em;
}
.single-service ul li:before {
content: "—";
position: absolute;
left: 0;
top: 0;
}
/* price */
.price {
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 1.2em;
line-height: 1.2em;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
border: 2px solid #cd5740;
color: #cd5740;
padding: 3px 10px;
}
@media (max-width: 500px) {
.price {
font-size: 1em;
}
}
.old-price {
display: inline-block;
position: relative;
font:
400 1.15em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
margin: 10px 0 0 10px;
color: #444;
white-space: nowrap;
}
.old-price:after {
content: "";
position: absolute;
width: 100%;
height: 2px;
top: 50%;
left: 0;
margin-top: -1px;
background-color: #444;
transform: rotate(-9deg);
}
@media (max-width: 500px) {
.old-price {
font-size: 0.9em;
}
.old-price:after {
height: 1px;
}
}
/* intro */
.intro {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
width: 100%;
height: 460px;
margin: 0 0 60px 0;
position: relative;
overflow: hidden;
background-position: 50% 50%;
-webkit-background-size: cover;
background-size: cover;
}
.intro.company {
background-position: 50% 30%;
}
.intro .video {
position: absolute;
display: none;
}
.intro .bg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #3c93cd url("/i/bg.blue.jpg") repeat 0 0;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
.intro.company .bg {
opacity: 0.9;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
filter: alpha(opacity=90);
}
.intro .desc {
position: relative;
z-index: 2;
left: 0;
width: 100%;
text-align: center;
-ms-align-self: center;
align-self: center;
}
.intro .desc p,
.intro .desc .hgroup {
width: 90%;
margin: 0 auto;
max-width: 1000px;
color: #fff;
}
.intro .desc p a,
.intro .desc .hgroup a {
color: #fff;
}
.intro .desc h3 {
font:
300 2em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.intro .desc h2 {
font:
300 2em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #fff;
margin: 0.5em 0;
}
.intro .desc h1,
.intro .desc .h1 {
font:
300 7.5em/1.2em "Roboto",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
letter-spacing: 0.05em;
}
.intro .desc p {
font:
300 1.25em/1.6em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.intro .desc a.line {
color: #fff;
color: rgba(255, 255, 255, 0.5);
}
.intro .desc a.line span {
color: #fff;
}
.intro .desc a.line:hover {
color: #444;
color: rgba(68, 68, 68, 0.5);
}
.intro .desc a.line:hover span {
color: #444;
}
.intro .button-container {
margin-top: 1em;
font-size: 1.5em;
}
.intro .button-container .button {
padding: 10px 18px;
}
header + .intro {
margin-top: 30px;
}
@media all and (max-width: 1280px) {
.intro {
margin: 0 0 30px 0;
}
}
@media all and (max-width: 1000px) {
.intro {
height: 360px;
}
.intro .desc p,
.intro .desc .hgroup {
max-width: 500px;
}
.intro .desc h3 {
font-size: 1.2em;
}
.intro .desc h2 {
font-size: 1.2em;
}
.intro .desc h1,
.intro .desc .h1 {
font-size: 5em;
}
.intro .desc p {
font-size: 12px;
line-height: 1.375;
}
.intro .button-container {
font-size: 1em;
}
}
@media all and (max-width: 600px) {
.intro .desc p,
.intro .desc .hgroup {
max-width: 280px;
}
.intro .desc h3 {
font-size: 0.95em;
}
.intro .desc h2 {
font-size: 0.95em;
}
.intro .desc h1,
.intro .desc .h1 {
font-size: 3em;
}
.intro.company .desc {
top: 10px;
}
}
/* slider */
.slider,
.slider-holder {
width: 100%;
position: relative;
margin: 40px 0 20px 0;
overflow: hidden;
background: #eee;
}
.slider .slider-wrapper,
.slider-holder .slider-wrapper,
.slider .scroller,
.slider-holder .scroller {
white-space: nowrap;
position: relative;
line-height: 0;
}
.slider .slider-wrapper .slide,
.slider-holder .slider-wrapper .slide,
.slider .scroller .slide,
.slider-holder .scroller .slide,
.slider .slider-wrapper .item,
.slider-holder .slider-wrapper .item,
.slider .scroller .item,
.slider-holder .scroller .item {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
width: 100%;
background: #eee;
overflow: hidden;
}
.slider .slider-wrapper .slide .i,
.slider-holder .slider-wrapper .slide .i,
.slider .scroller .slide .i,
.slider-holder .scroller .slide .i,
.slider .slider-wrapper .item .i,
.slider-holder .slider-wrapper .item .i,
.slider .scroller .item .i,
.slider-holder .scroller .item .i {
width: 50%;
float: left;
}
.slider .slider-wrapper .slide .i .wr,
.slider-holder .slider-wrapper .slide .i .wr,
.slider .scroller .slide .i .wr,
.slider-holder .scroller .slide .i .wr,
.slider .slider-wrapper .item .i .wr,
.slider-holder .slider-wrapper .item .i .wr,
.slider .scroller .item .i .wr,
.slider-holder .scroller .item .i .wr {
margin-right: 20px;
overflow: hidden;
position: relative;
height: 0;
padding-bottom: 65%;
}
.slider .slider-wrapper .slide .i .wr .img,
.slider-holder .slider-wrapper .slide .i .wr .img,
.slider .scroller .slide .i .wr .img,
.slider-holder .scroller .slide .i .wr .img,
.slider .slider-wrapper .item .i .wr .img,
.slider-holder .slider-wrapper .item .i .wr .img,
.slider .scroller .item .i .wr .img,
.slider-holder .scroller .item .i .wr .img {
position: absolute;
width: 100%;
height: 100%;
background-position: 50% 50%;
-webkit-background-size: cover;
background-size: cover;
}
.slider .slider-wrapper .slide,
.slider-holder .slider-wrapper .slide,
.slider .scroller .slide,
.slider-holder .scroller .slide,
.slider .slider-wrapper .item,
.slider-holder .slider-wrapper .item,
.slider .scroller .item,
.slider-holder .scroller .item,
.slider .slider-wrapper .slide .i .img,
.slider-holder .slider-wrapper .slide .i .img,
.slider .scroller .slide .i .img,
.slider-holder .scroller .slide .i .img,
.slider .slider-wrapper .item .i .img,
.slider-holder .slider-wrapper .item .i .img,
.slider .scroller .item .i .img,
.slider-holder .scroller .item .i .img {
max-height: 420px;
}
.slider .slider-wrapper .slide article,
.slider-holder .slider-wrapper .slide article,
.slider .scroller .slide article,
.slider-holder .scroller .slide article,
.slider .slider-wrapper .item article,
.slider-holder .slider-wrapper .item article,
.slider .scroller .item article,
.slider-holder .scroller .item article {
width: 50%;
margin: 0 0 0 auto;
padding: 30px 0;
white-space: normal;
}
.slider .slider-wrapper .slide article .wr,
.slider-holder .slider-wrapper .slide article .wr,
.slider .scroller .slide article .wr,
.slider-holder .scroller .slide article .wr,
.slider .slider-wrapper .item article .wr,
.slider-holder .slider-wrapper .item article .wr,
.slider .scroller .item article .wr,
.slider-holder .scroller .item article .wr {
margin-left: 20px;
margin-right: 8%;
}
.slider .slider-wrapper .slide article .wr h2,
.slider-holder .slider-wrapper .slide article .wr h2,
.slider .scroller .slide article .wr h2,
.slider-holder .scroller .slide article .wr h2,
.slider .slider-wrapper .item article .wr h2,
.slider-holder .slider-wrapper .item article .wr h2,
.slider .scroller .item article .wr h2,
.slider-holder .scroller .item article .wr h2 {
font:
300 2em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
max-width: 400px;
margin: 0;
}
.slider .slider-wrapper .slide article .wr h2 a,
.slider-holder .slider-wrapper .slide article .wr h2 a,
.slider .scroller .slide article .wr h2 a,
.slider-holder .scroller .slide article .wr h2 a,
.slider .slider-wrapper .item article .wr h2 a,
.slider-holder .slider-wrapper .item article .wr h2 a,
.slider .scroller .item article .wr h2 a,
.slider-holder .scroller .item article .wr h2 a {
color: #444;
color: rgba(68, 68, 68, 0.5);
}
.slider .slider-wrapper .slide article .wr h2 a span,
.slider-holder .slider-wrapper .slide article .wr h2 a span,
.slider .scroller .slide article .wr h2 a span,
.slider-holder .scroller .slide article .wr h2 a span,
.slider .slider-wrapper .item article .wr h2 a span,
.slider-holder .slider-wrapper .item article .wr h2 a span,
.slider .scroller .item article .wr h2 a span,
.slider-holder .scroller .item article .wr h2 a span {
color: #444;
}
.slider .slider-wrapper .slide article .wr h2 a:hover,
.slider-holder .slider-wrapper .slide article .wr h2 a:hover,
.slider .scroller .slide article .wr h2 a:hover,
.slider-holder .scroller .slide article .wr h2 a:hover,
.slider .slider-wrapper .item article .wr h2 a:hover,
.slider-holder .slider-wrapper .item article .wr h2 a:hover,
.slider .scroller .item article .wr h2 a:hover,
.slider-holder .scroller .item article .wr h2 a:hover {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
.slider .slider-wrapper .slide article .wr h2 a:hover span,
.slider-holder .slider-wrapper .slide article .wr h2 a:hover span,
.slider .scroller .slide article .wr h2 a:hover span,
.slider-holder .scroller .slide article .wr h2 a:hover span,
.slider .slider-wrapper .item article .wr h2 a:hover span,
.slider-holder .slider-wrapper .item article .wr h2 a:hover span,
.slider .scroller .item article .wr h2 a:hover span,
.slider-holder .scroller .item article .wr h2 a:hover span {
color: #cd5740;
}
.slider .slider-wrapper .slide article .wr p,
.slider-holder .slider-wrapper .slide article .wr p,
.slider .scroller .slide article .wr p,
.slider-holder .scroller .slide article .wr p,
.slider .slider-wrapper .item article .wr p,
.slider-holder .slider-wrapper .item article .wr p,
.slider .scroller .item article .wr p,
.slider-holder .scroller .item article .wr p {
margin: 1em 0;
max-width: 580px;
line-height: 1.5em;
}
.slider .slider-wrapper .slide article .wr .mobile-text,
.slider-holder .slider-wrapper .slide article .wr .mobile-text,
.slider .scroller .slide article .wr .mobile-text,
.slider-holder .scroller .slide article .wr .mobile-text,
.slider .slider-wrapper .item article .wr .mobile-text,
.slider-holder .slider-wrapper .item article .wr .mobile-text,
.slider .scroller .item article .wr .mobile-text,
.slider-holder .scroller .item article .wr .mobile-text {
display: none;
}
.slider .slider-wrapper .slide article .wr .button,
.slider-holder .slider-wrapper .slide article .wr .button,
.slider .scroller .slide article .wr .button,
.slider-holder .scroller .slide article .wr .button,
.slider .slider-wrapper .item article .wr .button,
.slider-holder .slider-wrapper .item article .wr .button,
.slider .scroller .item article .wr .button,
.slider-holder .scroller .item article .wr .button {
margin-top: 1em;
font-size: 1.5em;
padding: 10px 30px;
}
.slider .slider-wrapper .slide article .price,
.slider-holder .slider-wrapper .slide article .price,
.slider .scroller .slide article .price,
.slider-holder .scroller .slide article .price,
.slider .slider-wrapper .item article .price,
.slider-holder .slider-wrapper .item article .price,
.slider .scroller .item article .price,
.slider-holder .scroller .item article .price {
margin-top: 0.8em;
vertical-align: top;
font-size: 2em;
line-height: 1em;
}
.slider .slider-wrapper .slide article .price-from,
.slider-holder .slider-wrapper .slide article .price-from,
.slider .scroller .slide article .price-from,
.slider-holder .scroller .slide article .price-from,
.slider .slider-wrapper .item article .price-from,
.slider-holder .slider-wrapper .item article .price-from,
.slider .scroller .item article .price-from,
.slider-holder .scroller .item article .price-from {
display: none;
}
.slider .slider-wrapper .slide.special,
.slider-holder .slider-wrapper .slide.special,
.slider .scroller .slide.special,
.slider-holder .scroller .slide.special,
.slider .slider-wrapper .item.special,
.slider-holder .slider-wrapper .item.special,
.slider .scroller .item.special,
.slider-holder .scroller .item.special {
position: relative;
height: 0;
padding-bottom: 32.47%;
}
.slider .slider-wrapper .slide.special .img-l,
.slider-holder .slider-wrapper .slide.special .img-l,
.slider .scroller .slide.special .img-l,
.slider-holder .scroller .slide.special .img-l,
.slider .slider-wrapper .item.special .img-l,
.slider-holder .slider-wrapper .item.special .img-l,
.slider .scroller .item.special .img-l,
.slider-holder .scroller .item.special .img-l,
.slider .slider-wrapper .slide.special .img-r,
.slider-holder .slider-wrapper .slide.special .img-r,
.slider .scroller .slide.special .img-r,
.slider-holder .scroller .slide.special .img-r,
.slider .slider-wrapper .item.special .img-r,
.slider-holder .slider-wrapper .item.special .img-r,
.slider .scroller .item.special .img-r,
.slider-holder .scroller .item.special .img-r {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
line-height: 0;
}
.slider .slider-wrapper .slide.special .img-l img,
.slider-holder .slider-wrapper .slide.special .img-l img,
.slider .scroller .slide.special .img-l img,
.slider-holder .scroller .slide.special .img-l img,
.slider .slider-wrapper .item.special .img-l img,
.slider-holder .slider-wrapper .item.special .img-l img,
.slider .scroller .item.special .img-l img,
.slider-holder .scroller .item.special .img-l img,
.slider .slider-wrapper .slide.special .img-r img,
.slider-holder .slider-wrapper .slide.special .img-r img,
.slider .scroller .slide.special .img-r img,
.slider-holder .scroller .slide.special .img-r img,
.slider .slider-wrapper .item.special .img-r img,
.slider-holder .slider-wrapper .item.special .img-r img,
.slider .scroller .item.special .img-r img,
.slider-holder .scroller .item.special .img-r img {
max-width: 100%;
height: 100%;
vertical-align: middle;
}
.slider .slider-wrapper .slide.special .img-r,
.slider-holder .slider-wrapper .slide.special .img-r,
.slider .scroller .slide.special .img-r,
.slider-holder .scroller .slide.special .img-r,
.slider .slider-wrapper .item.special .img-r,
.slider-holder .slider-wrapper .item.special .img-r,
.slider .scroller .item.special .img-r,
.slider-holder .scroller .item.special .img-r {
text-align: right;
z-index: 2;
}
.slider .slider-wrapper .slide.special .img-r.align-left,
.slider-holder .slider-wrapper .slide.special .img-r.align-left,
.slider .scroller .slide.special .img-r.align-left,
.slider-holder .scroller .slide.special .img-r.align-left,
.slider .slider-wrapper .item.special .img-r.align-left,
.slider-holder .slider-wrapper .item.special .img-r.align-left,
.slider .scroller .item.special .img-r.align-left,
.slider-holder .scroller .item.special .img-r.align-left {
text-align: left;
}
.slider .slider-wrapper .slide.special .img-r.align-center,
.slider-holder .slider-wrapper .slide.special .img-r.align-center,
.slider .scroller .slide.special .img-r.align-center,
.slider-holder .scroller .slide.special .img-r.align-center,
.slider .slider-wrapper .item.special .img-r.align-center,
.slider-holder .slider-wrapper .item.special .img-r.align-center,
.slider .scroller .item.special .img-r.align-center,
.slider-holder .scroller .item.special .img-r.align-center {
text-align: center;
}
.slider .slider-wrapper .slide.special .img-holder.reverse .img-l,
.slider-holder .slider-wrapper .slide.special .img-holder.reverse .img-l,
.slider .scroller .slide.special .img-holder.reverse .img-l,
.slider-holder .scroller .slide.special .img-holder.reverse .img-l,
.slider .slider-wrapper .item.special .img-holder.reverse .img-l,
.slider-holder .slider-wrapper .item.special .img-holder.reverse .img-l,
.slider .scroller .item.special .img-holder.reverse .img-l,
.slider-holder .scroller .item.special .img-holder.reverse .img-l {
z-index: 2;
}
.slider .slider-wrapper .slide.special .img-holder.reverse .img-r,
.slider-holder .slider-wrapper .slide.special .img-holder.reverse .img-r,
.slider .scroller .slide.special .img-holder.reverse .img-r,
.slider-holder .scroller .slide.special .img-holder.reverse .img-r,
.slider .slider-wrapper .item.special .img-holder.reverse .img-r,
.slider-holder .slider-wrapper .item.special .img-holder.reverse .img-r,
.slider .scroller .item.special .img-holder.reverse .img-r,
.slider-holder .scroller .item.special .img-holder.reverse .img-r {
z-index: 1;
}
.slider .slider-wrapper .slide.special article,
.slider-holder .slider-wrapper .slide.special article,
.slider .scroller .slide.special article,
.slider-holder .scroller .slide.special article,
.slider .slider-wrapper .item.special article,
.slider-holder .slider-wrapper .item.special article,
.slider .scroller .item.special article,
.slider-holder .scroller .item.special article {
position: absolute;
width: 50%;
max-width: 505px;
left: 50%;
z-index: 3;
display: flex;
align-items: center;
flex-wrap: wrap;
color: #fff;
height: 100%;
line-height: 1em;
padding: 0;
}
.slider .slider-wrapper .slide.special article .wr,
.slider-holder .slider-wrapper .slide.special article .wr,
.slider .scroller .slide.special article .wr,
.slider-holder .scroller .slide.special article .wr,
.slider .slider-wrapper .item.special article .wr,
.slider-holder .slider-wrapper .item.special article .wr,
.slider .scroller .item.special article .wr,
.slider-holder .scroller .item.special article .wr {
width: 100%;
margin: 0;
padding-bottom: 48px;
}
.slider .slider-wrapper .slide.special article .color-block,
.slider-holder .slider-wrapper .slide.special article .color-block,
.slider .scroller .slide.special article .color-block,
.slider-holder .scroller .slide.special article .color-block,
.slider .slider-wrapper .item.special article .color-block,
.slider-holder .slider-wrapper .item.special article .color-block,
.slider .scroller .item.special article .color-block,
.slider-holder .scroller .item.special article .color-block {
display: inline-block;
vertical-align: top;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.slider .slider-wrapper .slide.special article .color-block *,
.slider-holder .slider-wrapper .slide.special article .color-block *,
.slider .scroller .slide.special article .color-block *,
.slider-holder .scroller .slide.special article .color-block *,
.slider .slider-wrapper .item.special article .color-block *,
.slider-holder .slider-wrapper .item.special article .color-block *,
.slider .scroller .item.special article .color-block *,
.slider-holder .scroller .item.special article .color-block * {
display: inline-block;
vertical-align: top;
margin: 0;
color: #fff;
}
.slider .slider-wrapper .slide.special article .color-block > *,
.slider-holder .slider-wrapper .slide.special article .color-block > *,
.slider .scroller .slide.special article .color-block > *,
.slider-holder .scroller .slide.special article .color-block > *,
.slider .slider-wrapper .item.special article .color-block > *,
.slider-holder .slider-wrapper .item.special article .color-block > *,
.slider .scroller .item.special article .color-block > *,
.slider-holder .scroller .item.special article .color-block > * {
font-weight: 400;
font-size: 1.5em;
line-height: 1.4em;
padding: 10px 15px;
}
.slider .slider-wrapper .slide.special article .color-block.h2,
.slider-holder .slider-wrapper .slide.special article .color-block.h2,
.slider .scroller .slide.special article .color-block.h2,
.slider-holder .scroller .slide.special article .color-block.h2,
.slider .slider-wrapper .item.special article .color-block.h2,
.slider-holder .slider-wrapper .item.special article .color-block.h2,
.slider .scroller .item.special article .color-block.h2,
.slider-holder .scroller .item.special article .color-block.h2,
.slider .slider-wrapper .slide.special article .color-block.h3,
.slider-holder .slider-wrapper .slide.special article .color-block.h3,
.slider .scroller .slide.special article .color-block.h3,
.slider-holder .scroller .slide.special article .color-block.h3,
.slider .slider-wrapper .item.special article .color-block.h3,
.slider-holder .slider-wrapper .item.special article .color-block.h3,
.slider .scroller .item.special article .color-block.h3,
.slider-holder .scroller .item.special article .color-block.h3,
.slider .slider-wrapper .slide.special article .color-block .h2,
.slider-holder .slider-wrapper .slide.special article .color-block .h2,
.slider .scroller .slide.special article .color-block .h2,
.slider-holder .scroller .slide.special article .color-block .h2,
.slider .slider-wrapper .item.special article .color-block .h2,
.slider-holder .slider-wrapper .item.special article .color-block .h2,
.slider .scroller .item.special article .color-block .h2,
.slider-holder .scroller .item.special article .color-block .h2,
.slider .slider-wrapper .slide.special article .color-block .h3,
.slider-holder .slider-wrapper .slide.special article .color-block .h3,
.slider .scroller .slide.special article .color-block .h3,
.slider-holder .scroller .slide.special article .color-block .h3,
.slider .slider-wrapper .item.special article .color-block .h3,
.slider-holder .slider-wrapper .item.special article .color-block .h3,
.slider .scroller .item.special article .color-block .h3,
.slider-holder .scroller .item.special article .color-block .h3 {
line-height: 1.05em;
margin: 0;
color: #fff;
}
.slider .slider-wrapper .slide.special article .color-block.h2,
.slider-holder .slider-wrapper .slide.special article .color-block.h2,
.slider .scroller .slide.special article .color-block.h2,
.slider-holder .scroller .slide.special article .color-block.h2,
.slider .slider-wrapper .item.special article .color-block.h2,
.slider-holder .slider-wrapper .item.special article .color-block.h2,
.slider .scroller .item.special article .color-block.h2,
.slider-holder .scroller .item.special article .color-block.h2 {
font-size: 3em;
line-height: 1.2;
font-weight: bold;
text-transform: uppercase;
}
.slider .slider-wrapper .slide.special article .color-block a,
.slider-holder .slider-wrapper .slide.special article .color-block a,
.slider .scroller .slide.special article .color-block a,
.slider-holder .scroller .slide.special article .color-block a,
.slider .slider-wrapper .item.special article .color-block a,
.slider-holder .slider-wrapper .item.special article .color-block a,
.slider .scroller .item.special article .color-block a,
.slider-holder .scroller .item.special article .color-block a {
color: #fff;
text-decoration: none;
}
.slider .slider-wrapper .slide.special article .color-block + a,
.slider-holder .slider-wrapper .slide.special article .color-block + a,
.slider .scroller .slide.special article .color-block + a,
.slider-holder .scroller .slide.special article .color-block + a,
.slider .slider-wrapper .item.special article .color-block + a,
.slider-holder .slider-wrapper .item.special article .color-block + a,
.slider .scroller .item.special article .color-block + a,
.slider-holder .scroller .item.special article .color-block + a {
max-width: 280px;
}
@media (max-width: 900px) {
.slider .slider-wrapper .slide.special article .color-block.hide-mobile,
.slider-holder .slider-wrapper .slide.special article .color-block.hide-mobile,
.slider .scroller .slide.special article .color-block.hide-mobile,
.slider-holder .scroller .slide.special article .color-block.hide-mobile,
.slider .slider-wrapper .item.special article .color-block.hide-mobile,
.slider-holder .slider-wrapper .item.special article .color-block.hide-mobile,
.slider .scroller .item.special article .color-block.hide-mobile,
.slider-holder .scroller .item.special article .color-block.hide-mobile {
display: none;
}
}
.slider .slider-wrapper .slide.special article .slider-text,
.slider-holder .slider-wrapper .slide.special article .slider-text,
.slider .scroller .slide.special article .slider-text,
.slider-holder .scroller .slide.special article .slider-text,
.slider .slider-wrapper .item.special article .slider-text,
.slider-holder .slider-wrapper .item.special article .slider-text,
.slider .scroller .item.special article .slider-text,
.slider-holder .scroller .item.special article .slider-text {
margin: 1em 0 0 0;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 0.9em;
line-height: 1.2em;
}
.slider .slider-wrapper .slide.special article .button,
.slider-holder .slider-wrapper .slide.special article .button,
.slider .scroller .slide.special article .button,
.slider-holder .scroller .slide.special article .button,
.slider .slider-wrapper .item.special article .button,
.slider-holder .slider-wrapper .item.special article .button,
.slider .scroller .item.special article .button,
.slider-holder .scroller .item.special article .button {
position: relative;
font-size: 1.5em;
line-height: 1em;
text-align: left;
padding-left: 15px;
padding-right: 15px;
color: #fff;
transition: box-shadow 0.2s ease-out;
}
.slider .slider-wrapper .slide.special article .button span,
.slider-holder .slider-wrapper .slide.special article .button span,
.slider .scroller .slide.special article .button span,
.slider-holder .scroller .slide.special article .button span,
.slider .slider-wrapper .item.special article .button span,
.slider-holder .slider-wrapper .item.special article .button span,
.slider .scroller .item.special article .button span,
.slider-holder .scroller .item.special article .button span {
color: #fff;
font-size: 0.67em;
}
.slider .slider-wrapper .slide.special article .button:after,
.slider-holder .slider-wrapper .slide.special article .button:after,
.slider .scroller .slide.special article .button:after,
.slider-holder .scroller .slide.special article .button:after,
.slider .slider-wrapper .item.special article .button:after,
.slider-holder .slider-wrapper .item.special article .button:after,
.slider .scroller .item.special article .button:after,
.slider-holder .scroller .item.special article .button:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: #fff;
transition: opacity 0.2s ease-out;
}
.slider .slider-wrapper .slide.special article .button:hover,
.slider-holder .slider-wrapper .slide.special article .button:hover,
.slider .scroller .slide.special article .button:hover,
.slider-holder .scroller .slide.special article .button:hover,
.slider .slider-wrapper .item.special article .button:hover,
.slider-holder .slider-wrapper .item.special article .button:hover,
.slider .scroller .item.special article .button:hover,
.slider-holder .scroller .item.special article .button:hover {
box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.3);
}
.slider .slider-wrapper .slide.special article .button:hover:after,
.slider-holder .slider-wrapper .slide.special article .button:hover:after,
.slider .scroller .slide.special article .button:hover:after,
.slider-holder .scroller .slide.special article .button:hover:after,
.slider .slider-wrapper .item.special article .button:hover:after,
.slider-holder .slider-wrapper .item.special article .button:hover:after,
.slider .scroller .item.special article .button:hover:after,
.slider-holder .scroller .item.special article .button:hover:after {
opacity: 0.15;
}
.slider nav,
.slider-holder nav {
position: absolute;
bottom: 20px;
right: 20px;
line-height: 0;
z-index: 10;
}
.slider nav span,
.slider-holder nav span {
float: left;
margin-left: 5px;
}
.slider nav .counter,
.slider-holder nav .counter {
display: none;
border: 2px solid #444;
line-height: 26px;
padding: 5px 0;
width: 60px;
text-align: center;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #444;
background: #eee;
background: rgba(238, 238, 238, 0.67);
}
.slider nav .next,
.slider-holder nav .next,
.slider nav .prev,
.slider-holder nav .prev {
cursor: pointer;
width: 30px;
height: 30px;
padding: 5px;
background: #444;
box-sizing: content-box;
}
.slider nav .next:hover,
.slider-holder nav .next:hover,
.slider nav .prev:hover,
.slider-holder nav .prev:hover {
background: #cd5740;
}
.slider nav .disabled,
.slider-holder nav .disabled,
.slider nav .disabled:hover,
.slider-holder nav .disabled:hover {
background: #919191;
cursor: default;
}
@media all and (max-width: 1280px) {
.slider,
.slider-holder {
margin: 30px 0 10px 0;
}
.slider .scroller .item .i .wr,
.slider-holder .scroller .item .i .wr {
margin-right: 10px;
}
.slider .scroller .item article,
.slider-holder .scroller .item article {
padding: 20px 0 10px 0;
}
.slider .scroller .item article .wr,
.slider-holder .scroller .item article .wr {
margin-left: 10px;
padding-bottom: 0;
}
.slider .scroller .item article .wr h2,
.slider-holder .scroller .item article .wr h2 {
font-size: 1.6em;
}
.slider .scroller .item article .price,
.slider-holder .scroller .item article .price {
margin-top: 20px;
line-height: 26px;
font-size: 1.2em;
padding: 5px 10px;
}
.slider nav,
.slider-holder nav {
bottom: 10px;
right: 10px;
}
}
@media all and (max-width: 1000px) {
.slider .scroller .item article p,
.slider-holder .scroller .item article p {
font-size: 0.85em;
}
.slider .scroller .item article .price-to,
.slider-holder .scroller .item article .price-to {
display: none;
}
.slider .scroller .item article .price-from,
.slider-holder .scroller .item article .price-from {
display: inline;
}
}
@media all and (max-width: 900px) {
.slider .scroller .item article p,
.slider-holder .scroller .item article p {
display: none;
}
.slider .scroller .item .i,
.slider-holder .scroller .item .i {
width: 100%;
float: none;
}
.slider .scroller .item .i .wr,
.slider-holder .scroller .item .i .wr {
margin: 0;
}
.slider .scroller .item,
.slider-holder .scroller .item,
.slider .scroller .item .i .img,
.slider-holder .scroller .item .i .img {
max-height: none;
}
.slider .scroller .item article,
.slider-holder .scroller .item article {
width: 100%;
margin: 0;
float: none;
padding: 10px 0;
padding-bottom: 60px;
}
.slider .scroller .item article .wr,
.slider-holder .scroller .item article .wr {
margin: 0 10px;
}
.slider .scroller .item article .wr h2,
.slider-holder .scroller .item article .wr h2 {
margin-bottom: 0.5em;
}
.slider .scroller .item article .wr .mobile-text,
.slider-holder .scroller .item article .wr .mobile-text {
display: block;
}
.slider .scroller .item article .wr .mobile-text p,
.slider-holder .scroller .item article .wr .mobile-text p {
display: block;
font-size: 0.7em;
}
.slider .scroller .item article .wr .mobile-text ~ .preview_text,
.slider-holder .scroller .item article .wr .mobile-text ~ .preview_text {
display: none;
}
.slider .scroller .item.special,
.slider-holder .scroller .item.special {
height: auto;
padding: 0;
}
.slider .scroller .item.special .img-holder,
.slider-holder .scroller .item.special .img-holder {
position: relative;
height: 0;
padding-bottom: 65%;
}
.slider .scroller .item.special .img-r img,
.slider-holder .scroller .item.special .img-r img,
.slider .scroller .item.special .img-l img,
.slider-holder .scroller .item.special .img-l img {
object-fit: cover;
width: 100%;
height: 100%;
}
.slider .scroller .item.special .img-l img,
.slider-holder .scroller .item.special .img-l img {
object-position: 15% center;
}
.slider .scroller .item.special .img-r img,
.slider-holder .scroller .item.special .img-r img {
object-position: 30% center;
}
.slider .scroller .item.special .img-r.align-left img,
.slider-holder .scroller .item.special .img-r.align-left img {
object-position: 0% center;
}
.slider .scroller .item.special .img-r.align-center img,
.slider-holder .scroller .item.special .img-r.align-center img {
object-position: 50% center;
}
.slider .scroller .item.special article,
.slider-holder .scroller .item.special article {
display: block;
position: static;
padding: 0 0;
max-width: none;
width: auto;
}
.slider .scroller .item.special article .orange,
.slider-holder .scroller .item.special article .orange {
margin: 0 0 1em 0;
}
.slider .scroller .item.special article .color-block,
.slider-holder .scroller .item.special article .color-block {
display: block;
}
.slider .scroller .item.special article .color-block > *,
.slider-holder .scroller .item.special article .color-block > * {
font-size: 1.2em;
line-height: 1.2em;
}
.slider .scroller .item.special article .color-block a,
.slider-holder .scroller .item.special article .color-block a {
display: block;
box-shadow: none;
color: #fff;
}
.slider .scroller .item.special article .color-block a:hover,
.slider-holder .scroller .item.special article .color-block a:hover {
box-shadow: none;
background-color: #ffa73f;
color: #fff;
}
.slider .scroller .item.special article .color-block + a,
.slider-holder .scroller .item.special article .color-block + a {
max-width: none;
}
.slider .scroller .item.special article .color-block .h2,
.slider-holder .scroller .item.special article .color-block .h2,
.slider .scroller .item.special article .color-block .h3,
.slider-holder .scroller .item.special article .color-block .h3 {
font-size: 1em;
}
.slider .scroller .item.special article .slider-text,
.slider-holder .scroller .item.special article .slider-text {
font-size: 0.8em;
margin: 10px;
margin-right: 160px;
color: #000;
}
.slider .scroller .item.special article .button,
.slider-holder .scroller .item.special article .button {
font-size: 1.2em;
margin: 10px;
}
}
@media all and (max-width: 450px) {
.slider .scroller .item.special,
.slider-holder .scroller .item.special {
padding-bottom: 60px;
}
.slider .scroller .item.special .img-l.mobile-hide img,
.slider-holder .scroller .item.special .img-l.mobile-hide img {
object-position: 0 center;
}
.slider .scroller .item.special .img-r.mobile-hide,
.slider-holder .scroller .item.special .img-r.mobile-hide {
display: none;
}
.slider .scroller .item.special article .orange,
.slider-holder .scroller .item.special article .orange {
margin: 0;
}
.slider .scroller .item.special article .color-block a,
.slider-holder .scroller .item.special article .color-block a {
font-size: 1.5em;
margin: 0;
}
.slider .scroller .item.special article .slider-text,
.slider-holder .scroller .item.special article .slider-text {
margin: 10px;
}
.slider .scroller .item.special article .button,
.slider-holder .scroller .item.special article .button {
display: block;
text-align: center;
margin: 0;
}
}
.slider-holder {
background: none;
margin: 2em 0;
border-top: 1px solid #eee;
}
.slider-holder h2 {
margin-top: 1.2em;
}
.slider-holder nav {
bottom: auto;
top: 20px;
}
.slider-holder nav .next,
.slider-holder nav .prev {
background: #eee;
}
.slider-holder nav .next:hover,
.slider-holder nav .prev:hover {
background: #ffffff;
}
.slider-holder nav .disabled,
.slider-holder nav .disabled:hover {
background: #ffffff;
cursor: default;
}
.slider-holder .slider-wrapper .slide {
width: 33.33%;
background: none;
}
@media all and (max-width: 1000px) {
.slider-holder .slider-wrapper .slide {
width: 50%;
}
}
@media all and (max-width: 760px) {
.slider-holder .slider-wrapper .slide {
width: 100%;
}
}
.slider-holder .slider-wrapper .slide .review {
line-height: normal;
white-space: normal;
margin: 2em 0;
margin-right: 3em;
}
.slider-holder .slider-wrapper .slide .review dt {
font-size: 1.12em;
margin-bottom: 0.75em;
color: #222;
font-weight: 500;
}
.slider-holder .slider-wrapper .slide .review dd {
font-size: 0.94em;
line-height: 1.6em;
}
/* catalog */
.catalog {
margin: 20px -10px;
}
.catalog .wr {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.catalog .item {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
width: 25%;
margin-bottom: 20px;
}
.catalog .item.item-x2 {
width: 50%;
}
.catalog .item-wr {
display: flex;
flex-direction: column;
text-decoration: none;
margin: 0 10px;
height: 100%;
overflow: hidden;
position: relative;
background: #eee;
}
.catalog .item-wr .promo-labels {
position: absolute;
top: 20px;
left: 20px;
z-index: 2;
}
.catalog .item-wr .promo-labels .promo-label {
margin: 0 0.2em 0.2em 0;
padding: 6px 9px;
font-size: 12px;
line-height: 14px;
}
.catalog .item-wr .i {
position: relative;
width: 100%;
display: block;
overflow: hidden;
line-height: 0;
background: #eee;
transition: height 0.2s ease-out;
}
.catalog .item-wr .i:after {
content: "";
display: block;
width: 100%;
height: 0;
padding-bottom: 66.67%;
background-color: #fafafa;
}
.catalog .item-wr .title .line {
position: static;
}
.i-item-wrapper {
position: absolute;
inset: 0;
display: flex;
padding: 0 16px;
}
.i-item {
flex: 1 1 auto;
height: 100%;
}
.i-item-nav {
position: relative;
height: 100%;
z-index: 2;
}
.i-item-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 0.2s ease;
opacity: 0;
}
.i-item-wrapper:not(:has(.i-item:hover)) .i-item:nth-child(1) .i-item-img,
.i-item:hover .i-item-img {
opacity: 1;
}
.i-item-wrapper .line {
position: absolute;
top: auto;
right: 3px;
bottom: 6px;
left: 3px;
height: 4px;
transition:
background-color 0.2s ease-in-out,
height 0.1s linear;
background: #eeeeee66;
border: none;
z-index: 2;
}
.i-item:first-child .line {
left: 6px;
}
.i-item:last-child .line {
right: 6px;
}
.i-item-wrapper:not(:hover) .i-item .line {
height: 2px;
}
.i-item-wrapper:not(:hover) .i-item:first-child .line {
background-color: #2c78aa;
}
.i-item:hover .line {
background-color: #2c78aa;
}
@media (hover: none) {
.i-item:hover .line {
display: none;
}
}
.catalog .item-wr .i picture,
.catalog .item-wr .i img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: contain;
}
.catalog .item-wr .i.i-gal {
position: relative;
}
.catalog .item-wr .i.i-gal img {
position: absolute;
top: 0;
left: 0;
}
.catalog .item-wr .desc {
position: relative;
padding: 15px 20px 25px 20px;
flex-grow: 1;
}
.catalog .item-wr .desc .title {
display: inline-block;
font:
400 1.25em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
margin-bottom: 0.15rem;
}
.catalog .item-wr .desc .link,
.catalog .item-wr .desc .title a,
.sets .p-item-wr .desc .title a {
color: #444;
color: rgba(68, 68, 68, 0.5);
}
.catalog .item-wr .desc .link span,
.catalog .item-wr .desc .title a span,
.sets .p-item-wr .desc .title a span {
color: #444;
}
.catalog .item-wr .desc .link:hover,
.catalog .item-wr .desc .title a:hover,
.sets .p-item-wr .desc .title a:hover {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
.catalog .item-wr .desc .link:hover span,
.catalog .item-wr .desc .title a:hover span,
.sets .p-item-wr .desc .title a:hover span {
color: #cd5740;
}
.catalog .item-wr .desc .link:after,
.catalog .item-wr .desc .title a:after,
.sets .p-item-wr .desc .title a:after {
content: "";
position: absolute;
inset: 0;
}
.catalog .item-wr .desc .p {
margin: 0.4em 0 0 0;
max-width: 260px;
display: block;
font-size: 0.8em;
line-height: 1.4em;
}
.catalog .item-wr .desc .p .catalog-param {
position: relative;
z-index: 1;
}
.catalog .item-wr .after-desc {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
}
.catalog .item-wr .after-desc--static {
position: static;
margin: 20px;
margin-top: auto;
}
.catalog .item-wr .after-desc-hidden {
position: static;
opacity: 0;
margin: 20px;
margin-top: 0;
}
.catalog .item-wr .price-block-holder {
font-size: 1.2em;
min-height: 1.2em;
}
.catalog .item-wr .price {
white-space: nowrap;
}
.catalog .item-wr .price-from {
display: none;
}
.catalog .item-wr .avability {
text-transform: uppercase;
font-size: 0.7em;
line-height: 1.4em;
height: 1.4em;
white-space: nowrap;
color: #858594;
margin: 10px 0;
}
.catalog .item-wr .avability.not-avalible {
color: #cd5740;
}
@media all and (max-width: 1280px) {
.catalog {
margin: 10px -10px;
}
.catalog .wr {
padding: 0 5px;
box-sizing: border-box;
}
.catalog .item {
margin-bottom: 10px;
}
.catalog .item-wr {
margin: 0 5px;
}
.catalog .item-wr .price-to {
display: none;
}
.catalog .item-wr .price-from {
display: inline;
}
}
@media all and (max-width: 760px) {
.catalog .item {
width: 50%;
}
.catalog .item.item-x2 {
width: 100%;
}
.catalog .item-wr .promo-labels {
top: 10px;
left: 10px;
}
.catalog .item-wr .after-desc {
bottom: 10px;
left: 10px;
right: 10px;
}
.catalog .item-wr .after-desc--static {
margin: 10px;
margin-top: auto;
}
.catalog .item-wr .after-desc-hidden {
margin: 10px;
margin-top: 0;
}
.catalog .item-wr .desc {
padding: 10px 10px 15px 10px;
}
.catalog .item-wr .desc .title {
font-size: 1.1em;
}
.catalog .item-wr .desc .p {
font-size: 12px;
line-height: 1.375;
}
}
@media all and (max-width: 500px) {
.catalog .item-wr .desc .title {
font-size: 1em;
line-height: normal;
}
}
.catalog.simaliar-items .item {
width: 33.33%;
}
@media all and (max-width: 1000px) {
.catalog.simaliar-items {
margin: 10px -5px;
}
.catalog.simaliar-items .item {
width: 50%;
}
.catalog.simaliar-items .item-wr {
margin: 0 5px;
}
}
.catalog.flex .wr {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
align-content: center;
}
.catalog.flex .item {
position: relative;
height: 420px;
}
.catalog.flex .item .item-wr {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
margin: 0;
}
.catalog.flex .item .item-wr .i {
height: 100%;
}
.catalog.flex .item .item-wr .i img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 25%;
}
.catalog.flex .item .item-wr .desc {
position: absolute;
bottom: 0;
width: 100%;
min-height: 33.33%;
left: 0;
background: #eee;
padding: 8px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.catalog.flex .item .item-wr .desc a:after {
content: none;
display: none;
}
.catalog.flex .item .item-wr .desc .section-link {
color: #aaa;
}
.catalog.flex .item .item-wr .desc .section-link span {
color: #999;
}
.catalog.flex .item .item-wr .desc .title {
margin-top: 0.25em;
}
.catalog.flex .item.item-promo .item-wr .desc {
left: 50%;
right: 0;
margin-left: 20px;
width: auto;
}
@media (max-width: 1280px) {
.catalog.flex .item {
height: 350px;
}
.catalog.flex .item .item-wr {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
}
.catalog.flex .item.item-promo .item-wr .desc {
margin-left: 10px;
}
}
@media (max-width: 500px) {
.catalog.flex .item.item-promo .item-wr .desc {
margin-left: 0;
left: 0;
width: 100%;
}
}
.certificats {
margin: 0px -10px 60px;
}
.certificats .wr {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
align-content: center;
}
.certificats .item {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
width: 33.33%;
margin: 0 0 20px 0;
}
.certificats .item-wr {
position: relative;
display: block;
margin: 0 10px;
margin-top: 0;
color: #444;
padding: 40px;
border: 1px solid #eee;
height: 100%;
box-sizing: border-box;
transition: box-shadow 0.2s ease-out;
}
.certificats .item-wr:hover {
box-shadow: 0 5px 25px 0 rgba(18, 25, 38, 0.1);
}
.certificats .item-wr a {
text-decoration: none;
}
.certificats .item-wr a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.certificats .item-wr .i {
width: 100%;
display: block;
overflow: hidden;
line-height: 0;
padding-top: 20px;
box-sizing: border-box;
transition: height 0.2s ease-out;
text-align: center;
}
.certificats .item-wr .i img {
max-height: 200px;
max-width: 100%;
}
.certificats .item-wr .i-2 {
position: absolute;
z-index: -2;
top: 0;
}
.certificats .item-wr .i-2:before {
display: none;
content: none;
}
.certificats .item-wr .desc {
display: block;
margin-top: 1.5em;
font-size: 0.9em;
line-height: 1.2em;
text-align: center;
}
.certificats .item-gray {
width: 20%;
}
.certificats .item-gray-wr {
padding: 20px;
}
.certificats .item-gray-wr .i {
background-color: #eee;
padding: 20px;
margin: -20px;
width: auto;
}
.certificats .item-gray-wr .i img,
.certificats .item-gray-wr .i picture {
max-height: 14vw;
aspect-ratio: 264 / 375;
display: block;
margin: 0 auto;
}
.certificats .item-gray-wr .i ~ * {
display: none;
}
@media all and (max-width: 1200px) {
.certificats .item-gray {
width: 25%;
}
}
@media all and (max-width: 760px) {
.certificats .item {
width: 50%;
}
.certificats .item-wr .desc {
padding: 0.5em 10px;
}
.certificats .item-wr .desc .title {
font-size: 1.1em;
}
.certificats .item-gray-wr .i img,
.certificats .item-gray-wr .i picture {
max-height: 28vw;
}
}
@media all and (max-width: 520px) {
.certificats .item {
width: 100%;
}
.certificats .item-wr {
padding: 20px;
}
.certificats .item-gray-wr .i img,
.certificats .item-gray-wr .i picture {
max-height: 66vw;
}
}
.partners {
margin: 40px -10px 40px;
}
.partners .header {
margin: 1.2em 15px;
text-align: center;
}
.partners .wr {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: stretch;
align-items: stretch;
}
.partners .item {
width: 25%;
margin-bottom: 20px;
box-sizing: border-box;
}
.partners .item-wr {
position: relative;
padding: 30px;
overflow: hidden;
height: 100%;
margin: 0 10px;
border: 1px solid #eee;
box-sizing: border-box;
}
.partners .item-wr .i {
width: 100%;
display: block;
overflow: hidden;
height: 100px;
line-height: 100px;
box-sizing: border-box;
transition: height 0.2s ease-out;
text-align: center;
}
.partners .item-wr .i picture,
.partners .item-wr .i img {
max-height: 100px;
max-width: 100%;
vertical-align: middle;
}
.partners .item-wr .desc {
display: block;
margin-top: 1.5em;
}
.partners .item-wr .desc .title {
font:
400 1.25em/1.1em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
margin: 0 0 0.5em 0;
}
.partners .item-wr .desc .p {
font-size: 0.95em;
line-height: 1.2em;
}
.partners .item-wr .desc .p:first-letter {
text-transform: uppercase;
}
.partners .item-wr .desc .tech-used {
position: relative;
font-size: 0.8em;
line-height: 1.4em;
margin-top: 1.5em;
padding-top: 0.75em;
}
.partners .item-wr .desc .tech-used:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20%;
height: 2px;
background-color: #3c93cd;
}
.partners .item-wr .desc .tech-used:first-letter {
text-transform: uppercase;
}
.partners .item-flag {
position: absolute;
top: 0px;
left: 27px;
background: #eee;
height: 34px;
line-height: 37px;
padding: 0 3px;
}
.partners .item-flag img {
width: 32px;
height: 32px;
vertical-align: middle;
}
.partners--lite .item {
width: 12.5%;
}
.partners--lite .item-wr {
border: 0;
padding: 15px;
}
.partners .more-link {
margin-top: 1rem;
width: 100%;
text-align: center;
}
@media all and (max-width: 1200px) {
.partners .item {
width: 33.33%;
}
.partners--lite .item {
width: 25%;
}
}
@media all and (max-width: 760px) {
.partners .item {
width: 50%;
}
.partners .item-wr {
padding: 15px;
}
.partners .item-wr .desc {
padding: 0.5em 10px;
}
.partners .item-wr .desc .title {
font-size: 1.1em;
}
.partners--lite .item {
width: 33.33%;
}
}
@media all and (max-width: 520px) {
.partners .item {
width: 100%;
}
.partners .item-wr {
padding: 10px;
}
.partners--lite .item {
width: 50%;
margin-bottom: 10px;
}
}
/* article*/
article.main {
width: 75%;
margin: 0 auto 0 0;
}
article.main .catalog {
margin-right: -10px;
}
article.main .catalog .item {
width: 33.33%;
}
@media all and (max-width: 1280px) {
article.main .catalog {
margin-right: -5px;
}
}
@media all and (max-width: 760px) {
article.main .catalog .item {
width: 50%;
}
}
article.main .site-search {
padding: 20px 0;
}
article.main .order-auth {
margin-top: 20px;
float: right;
width: 28%;
background: #858594 url("/i/bg.bgray.jpg") repeat 0 0;
color: #fff;
}
article.main .order-auth .wr {
margin: 0 30px;
padding: 25px 0;
}
article.main .order-auth h5 {
font:
400 0.95em/1.2em "Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
article.main .order-auth h4 {
font:
300 1.4em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
margin: 0.6em 0 0.2em 0;
}
article.main .order-auth h4 a {
color: #fff;
color: rgba(255, 255, 255, 0.5);
}
article.main .order-auth h4 a span {
color: #fff;
}
article.main .order-auth h4 a:hover {
color: #444;
color: rgba(68, 68, 68, 0.5);
}
article.main .order-auth h4 a:hover span {
color: #444;
}
article.main .order-auth p {
margin: 0;
font-size: 0.75em;
line-height: 1.2em;
color: #c2c2ca;
}
@media all and (max-width: 1280px) {
article.main .order-auth {
display: none;
}
}
@media all and (max-width: 1280px) {
.cart-page article.main {
width: 100%;
}
}
@media all and (max-width: 1000px) {
article.main {
width: 100%;
}
}
aside {
width: 25%;
float: right;
margin-left: -40px;
padding-top: 22px;
}
aside .wr {
margin-left: 30px;
}
aside .in-cart p {
font-size: 0.8em;
line-height: 1.4em;
margin: 0;
}
aside .in-cart .total {
margin-top: 0.2em;
font:
400 2em/1.1em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
}
aside .in-cart .nds {
font-size: 0.8em;
line-height: 1.2em;
margin-bottom: 1.6em;
}
@media all and (max-width: 1280px) {
aside .wr {
margin-left: 15px;
}
.cart-page aside {
display: none;
}
}
@media all and (max-width: 1000px) {
aside {
display: none;
}
}
/* filter */
.filter {
border: 2px solid #858594;
padding: 5px;
margin-bottom: 40px;
background: #fff;
position: relative;
z-index: 2;
}
.filter:not(:has(.filter-param)) {
display: none;
}
.filter .filter-wr {
width: 100%;
}
.filter h4 {
padding: 10px 15px 15px 15px;
border-bottom: 1px solid #e5e5e5;
font:
400 1.2em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
margin: 0;
color: #444;
}
.filter .filter-param {
border-bottom: 1px solid #e5e5e5;
font-size: 0.8em;
line-height: 1.2em;
background: #fff;
transition: background-color 0.1s ease;
}
.filter .filter-param:hover {
background: #f2f2f3;
}
.filter .filter-param header {
flex-wrap: nowrap;
justify-content: flex-start;
padding: 13px 55px 13px 15px;
margin: 0;
cursor: pointer;
position: relative;
}
.filter .filter-param header .help {
position: absolute;
right: 25px;
top: 11px;
z-index: 1;
visibility: hidden;
}
.filter .filter-param header .help dd {
left: auto;
right: -25px;
}
.filter .filter-param header .help dd:before,
.filter .filter-param header .help dd:after {
left: auto;
right: 25px;
margin-left: 0;
}
.filter .filter-param header .help-open {
visibility: visible;
}
.filter .filter-param header .st {
position: absolute;
top: 5px;
right: 0;
opacity: 0.6;
transition: all 0.2s;
}
.filter .filter-param header:hover {
color: #444;
}
.filter .filter-param header:hover .st {
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.filter .filter-param header:hover .help {
visibility: visible;
}
.filter .filter-param .filter-content {
display: none;
padding: 0 15px 15px 15px;
}
.filter .filter-param .filter-content ul {
list-style: none;
color: #444;
}
.filter .filter-param .filter-content ul li {
margin: 0.4em 0;
}
.filter .filter-param .filter-content .chb-list li .title {
display: inline-block;
*display: inline;
*zoom: 1;
padding-top: 2px;
vertical-align: top;
max-width: 85%;
}
.filter .filter-param .filter-content .chb-list li .custom-input {
margin-right: 2px;
}
.filter .filter-param .filter-content .chb-list li label {
cursor: pointer;
}
.filter .filter-param .filter-content .sort_arrows {
display: inline-block;
*display: inline;
*zoom: 1;
margin-top: 3px;
}
.filter .filter-param .filter-content .sort_arrows .more,
.filter .filter-param .filter-content .sort_arrows .less {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
cursor: pointer;
}
.filter .filter-param .filter-content .sort_arrows .more label,
.filter .filter-param .filter-content .sort_arrows .less label {
position: relative;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
background-color: #ddd;
width: 24px;
height: 24px;
background-position: -483px -4px;
cursor: pointer;
}
.filter .filter-param .filter-content .sort_arrows .more label input,
.filter .filter-param .filter-content .sort_arrows .less label input {
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
cursor: pointer;
width: 24px;
height: 24px;
}
.filter .filter-param .filter-content .sort_arrows .more label.active,
.filter .filter-param .filter-content .sort_arrows .less label.active {
background-color: #777777;
background-position: -483px -34px;
}
.filter .filter-param .filter-content .sort_arrows .more label.disable,
.filter .filter-param .filter-content .sort_arrows .less label.disable {
background-color: #eee;
cursor: default;
}
.filter .filter-param .filter-content .sort_arrows .more label {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.filter .filter-param-active .filter-content {
display: block;
}
.filter .filter-param-active .st {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.filter .filter-param-do {
background: #f2f2f3;
}
.filter .filter-param-do header {
color: #444;
}
.filter .bt {
margin: 15px 0 10px 0;
text-align: center;
font-size: 0.9em;
line-height: 1.2em;
}
.filter .bt .button {
margin: 0 2px;
padding: 7px 15px;
}
.filter input[type="number"]::-webkit-outer-spin-button,
.filter input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.filter input[type="number"] {
width: 6em;
color: #333;
-webkit-appearance: textfield;
-moz-appearance: textfield;
-ms-appearance: textfield;
appearance: value;
}
.bx_filter_parameters_box_container {
display: flex;
gap: 16px;
}
.bx_filter_parameters_box_container .bx_filter_parameters_box_container_block {
flex: 1 1;
}
.bx_filter_parameters_box_container .bx_filter_parameters_box_container_block .bx_filter_input_container,
.bx_filter_parameters_box_container .bx_filter_parameters_box_container_block input {
width: 100%;
}
.bx_filter_parameters_box_container ~ .bx_ui_slider_track {
margin-top: 16px;
}
.bx_filter_parameters_box_container .sm-input input.text {
color: #333;
}
/* nav sub */
nav.sub {
background: #858594;
width: 100%;
margin-bottom: 20px;
}
nav.sub ul {
list-style: none;
font:
300 1.1em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
nav.sub ul li {
border-bottom: 1px solid #9d9da9;
}
nav.sub ul li:last-child {
border-bottom: none;
}
nav.sub ul .parent [data-dropdown-link] {
display: inline-flex;
align-items: center;
justify-content: center;
appearance: none;
flex-shrink: 0;
border: 0;
padding: 1em;
margin: -1em;
margin-left: auto;
background: none;
color: #fff;
}
nav.sub ul .parent [data-dropdown-link] svg {
transition: transform 0.2s ease;
transform: rotate(-90deg);
}
nav.sub ul .parent [data-dropdown-link].active svg {
transform: rotate(90deg);
}
nav.sub ul .parent > a,
nav.sub ul .parent > span {
display: flex;
align-items: flex-start;
gap: 12px;
position: relative;
}
nav.sub ul ul {
font-size: 0.9em;
}
nav.sub ul ul li {
margin-left: 25px;
border-bottom: none;
border-top: 1px solid #9797a4;
}
nav.sub ul ul a,
nav.sub ul ul span {
padding-left: 40px;
margin-left: -25px;
}
nav.sub ul ul ul li a,
nav.sub ul ul ul li span {
padding-left: 65px;
margin-left: -50px;
}
nav.sub ul a,
nav.sub ul span {
color: #fff;
text-decoration: none;
display: block;
padding: 15px 25px;
position: relative;
}
nav.sub ul a:hover,
nav.sub ul span:hover {
background: #7d7d8d;
}
nav.sub ul a:hover:before,
nav.sub ul span:hover:before {
border-color: #fff #7d7d8d #7d7d8d #7d7d8d;
}
nav.sub ul .active > a,
nav.sub ul .active > span,
nav.sub ul .active.parent > a,
nav.sub ul .active.parent > span {
background-color: #60606d;
}
nav.sub ul .active > a:before,
nav.sub ul .active > span:before,
nav.sub ul .active.parent > a:before,
nav.sub ul .active.parent > span:before {
border-color: #fff #60606d #60606d #60606d;
transform: rotate(180deg);
}
nav.sub ul .active > a:hover,
nav.sub ul .active > span:hover,
nav.sub ul .active.parent > a:hover,
nav.sub ul .active.parent > span:hover {
background-color: #60606d;
}
nav.sub ul .active > a:hover:before,
nav.sub ul .active > span:hover:before,
nav.sub ul .active.parent > a:hover:before,
nav.sub ul .active.parent > span:hover:before {
border-color: #fff #60606d #60606d #60606d;
}
.kp .file-item {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
margin-right: 2em;
position: relative;
margin-bottom: 5px;
padding: 5px 0 0 46px;
}
.kp .file-item a {
font:
300 1.05em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
color: rgba(68, 68, 68, 0.5);
}
.kp .file-item a span {
color: #444;
}
.kp .file-item a:hover {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
.kp .file-item a:hover span {
color: #cd5740;
}
.kp .file-item .type {
font-size: 0.7em;
line-height: 1.4em;
margin-top: 2px;
}
.kp .file-item .filesmall {
position: absolute;
width: 37px;
height: 40px;
top: 0;
left: 0;
background: transparent url("/i/files.small.png") no-repeat 0 0;
-webkit-background-size: 190px 40px;
background-size: 190px 40px;
background-position: -160px 0;
}
@media only screen and (min--moz-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
.kp .file-item .filesmall {
background-image: url("/i/retina/files.small.png");
}
}
.kp .file-item .filesmall-pdf {
background-position: 0 0;
}
.kp .file-item .filesmall-zip {
background-position: -40px 0;
}
.kp .file-item .filesmall-doc {
background-position: -80px 0;
}
.kp .file-item .filesmall-xls {
background-position: -120px 0;
}
/* catalog-param */
.catalog-param {
margin-right: 5px;
}
a.catalog-param {
color: #777;
color: rgba(119, 119, 119, 0.5);
}
a.catalog-param span {
color: #777;
}
a.catalog-param:hover {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
a.catalog-param:hover span {
color: #cd5740;
}
/* catalog-enter */
.catalog-enter__container {
display: flex;
gap: 12px 20px;
width: 100%;
margin: 20px 0 40px 0;
}
.catalog-enter {
line-height: 0;
background: #eee;
white-space: nowrap;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: stretch;
overflow: hidden;
box-sizing: border-box;
flex-grow: 1;
}
.catalog-enter * {
box-sizing: border-box;
}
.catalog-enter .catalog-enter-item {
position: relative;
line-height: 60px;
height: 60px;
text-align: center;
margin-right: 20px;
background: #eee;
}
.catalog-enter .catalog-enter-item a {
display: inline-block;
vertical-align: middle;
font:
300 1.05em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
color: rgba(68, 68, 68, 0.5);
text-decoration: none;
}
.catalog-enter .catalog-enter-item a span {
color: #444;
}
.catalog-enter .catalog-enter-item a:hover {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
.catalog-enter .catalog-enter-item a:hover span {
color: #cd5740;
}
.catalog-enter .special {
margin-left: -20px;
margin-right: 30px;
z-index: 2;
}
.catalog-enter .special a {
position: relative;
vertical-align: top;
width: 100%;
height: 60px;
line-height: 60px;
padding: 0 20px;
padding-left: 30px;
}
.catalog-enter .special a .line {
top: -0.1em;
font:
300 1.2em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #fff;
color: rgba(255, 255, 255, 0.5);
}
.catalog-enter .special a .line span {
color: #fff;
}
.catalog-enter .special a:after {
content: "";
position: absolute;
top: 0;
left: 100%;
border-left: 10px solid transparent;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
-webkit-transform: scale(0.9999);
-moz-transform: scale(0.9999);
-ms-transform: scale(0.9999);
-o-transform: scale(0.9999);
transform: scale(0.9999);
z-index: 2;
}
.catalog-enter .special a:hover {
background: #cd5740;
}
.catalog-enter .special a:hover:after {
border-left-color: #cd5740;
}
.catalog-enter .special:first-child {
margin-left: 0;
margin-right: 20px;
z-index: 3;
}
.catalog-enter .special:first-child a {
padding-left: 20px;
}
.catalog-enter .enter a {
background: #444;
}
.catalog-enter .enter a:after {
border-left: 10px solid #444;
}
.catalog-enter .enter a:hover:after {
border-left-color: #cd5740;
}
.catalog-enter .new a {
background: #60c339;
}
.catalog-enter .new a:after {
border-left: 10px solid #60c339;
}
.catalog-enter .new a:hover:after {
border-left-color: #cd5740;
}
.catalog-enter .cut {
display: none;
}
.catalog-enter__calcbutton {
width: 24%;
flex-shrink: 0;
}
.catalog-enter__calcbutton .button {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
}
@media (max-width: 1250px) {
.catalog-enter__calcbutton {
width: auto;
}
}
@media (max-width: 800px) {
.catalog-enter__container {
flex-wrap: wrap;
}
.catalog-enter__calcbutton {
width: 100%;
}
.catalog-enter__calcbutton .button {
font-size: 1.2rem;
}
}
@media all and (min-width: 1500px) {
.catalog-enter .enter {
width: 15%;
}
.catalog-enter .special a .line {
font-size: 1.3em;
}
.catalog-enter .catalog-enter-item:not(.special) a {
font-size: 1.15em;
}
}
@media all and (min-width: 1280px) {
.catalog-enter .cut {
display: inline;
}
}
@media all and (max-width: 1280px) {
.catalog-enter__container {
margin: 10px 0 20px 0;
}
}
@media all and (max-width: 760px) {
.catalog-enter .catalog-enter-item:not(.special) {
margin-right: 10px;
line-height: 40px;
height: 40px;
}
.catalog-enter .catalog-enter-item:not(.special) a {
font-size: 0.85em;
}
.catalog-enter .special {
margin-right: 10px;
line-height: 40px;
height: 40px;
}
.catalog-enter .special a {
padding: 0 10px;
line-height: 40px;
height: 40px;
}
.catalog-enter .special a:after {
border-left-width: 5px;
border-top-width: 20px;
border-bottom-width: 20px;
}
.catalog-enter .special a .line {
font-size: 0.85em;
top: -0.2em;
}
.catalog-enter .special:first-child a {
padding: 0 10px;
}
}
@media all and (max-width: 600px) {
.catalog-enter {
white-space: nowrap;
overflow-x: auto;
}
.catalog-enter .catalog-enter-item:not(.special) a,
.catalog-enter .special a .line {
font-size: 0.75em;
}
.catalog-enter .catalog-enter-item:last-child {
padding-right: 10px;
}
}
/* parts-to-cart */
.parts-to-cart input.text,
.parts-to-cart .button {
vertical-align: top;
padding: 5px 10px;
line-height: 20px !important;
position: relative;
border: 2px solid #3c93cd;
}
.parts-to-cart.dark input.text,
.parts-to-cart.dark .button {
border: 2px solid #9d9da9;
}
.parts-to-cart input.text {
width: 2em;
padding: 5px;
margin-right: -2px;
color: #777;
}
.parts-to-cart input.text::-webkit-outer-spin-button,
.parts-to-cart input.text::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.parts-to-cart input.text[type="number"] {
-moz-appearance: textfield;
}
.parts-to-cart input.text:focus {
z-index: 1;
}
.parts-to-cart .button {
z-index: 1;
}
.parts-to-cart .button:hover {
color: #fff;
background: #2e7db2;
border-color: #2e7db2;
}
.parts-to-cart .button .icon {
display: none;
}
.parts-to-cart .button.dark {
color: #fff;
background: #9d9da9;
}
.parts-to-cart .button.dark:hover {
color: #fff;
border-color: #878796;
background: #878796;
}
@media all and (max-width: 480px) {
.parts-to-cart .button {
height: 34px;
}
.parts-to-cart .button .icon {
display: inline-block;
*display: inline;
*zoom: 1;
margin: -5px;
}
.parts-to-cart .button .title {
display: none;
}
}
/* parts & cart */
.service-list,
.catalog-list-parts,
.catalog-list-cart {
width: 100%;
}
.service-list .item,
.catalog-list-parts .item,
.catalog-list-cart .item {
background: #eee;
width: 100%;
margin: 2px 0;
min-height: 100px;
position: relative;
}
.service-list .item .wr,
.catalog-list-parts .item .wr,
.catalog-list-cart .item .wr {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 20px 20px 170px;
line-height: 78px;
}
.service-list .item .desc,
.catalog-list-parts .item .desc,
.catalog-list-cart .item .desc {
width: 55%;
line-height: 1.2em;
}
.service-list .item .desc .a,
.catalog-list-parts .item .desc .a,
.catalog-list-cart .item .desc .a {
text-decoration: none;
color: #444;
}
.service-list .item .desc .a .title,
.catalog-list-parts .item .desc .a .title,
.catalog-list-cart .item .desc .a .title {
font:
300 1.05em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.service-list .item .desc .a .title .article,
.catalog-list-parts .item .desc .a .title .article,
.catalog-list-cart .item .desc .a .title .article,
.service-list .item .desc .a .title .model,
.catalog-list-parts .item .desc .a .title .model,
.catalog-list-cart .item .desc .a .title .model {
font-weight: 400;
}
.service-list .item .desc .a .title .line,
.catalog-list-parts .item .desc .a .title .line,
.catalog-list-cart .item .desc .a .title .line {
color: #444;
color: rgba(68, 68, 68, 0.5);
}
.service-list .item .desc .a .title .line span,
.catalog-list-parts .item .desc .a .title .line span,
.catalog-list-cart .item .desc .a .title .line span {
color: #444;
}
.service-list .item .desc a.a:hover .line,
.catalog-list-parts .item .desc a.a:hover .line,
.catalog-list-cart .item .desc a.a:hover .line {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
.service-list .item .desc a.a:hover .line span,
.catalog-list-parts .item .desc a.a:hover .line span,
.catalog-list-cart .item .desc a.a:hover .line span {
color: #cd5740;
}
.service-list .item .desc .promo-labels,
.catalog-list-parts .item .desc .promo-labels,
.catalog-list-cart .item .desc .promo-labels {
position: absolute;
top: 4px;
left: 4px;
width: 142px;
font-size: 0.8em;
}
.service-list .item .desc .promo-labels .button,
.catalog-list-parts .item .desc .promo-labels .button,
.catalog-list-cart .item .desc .promo-labels .button {
padding: 2px 4px;
line-height: normal;
margin: 2px 2px 0 0;
padding: 6px 9px;
font-size: 12px;
line-height: 14px;
}
.service-list .item .desc .i,
.catalog-list-parts .item .desc .i,
.catalog-list-cart .item .desc .i {
position: absolute;
width: 150px;
height: 100px;
top: 0;
left: 0;
background-color: #fff;
text-align: center;
}
.service-list .item .desc .params,
.catalog-list-parts .item .desc .params,
.catalog-list-cart .item .desc .params {
margin-top: 0.6em;
font-size: 12px;
line-height: 1.4em;
}
.service-list .item .desc .params .help,
.catalog-list-parts .item .desc .params .help,
.catalog-list-cart .item .desc .params .help {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
margin: -7px 0 -5px 0;
}
.service-list .item .desc .params .help dt,
.catalog-list-parts .item .desc .params .help dt,
.catalog-list-cart .item .desc .params .help dt {
cursor: pointer;
}
.service-list .item .extra,
.catalog-list-parts .item .extra,
.catalog-list-cart .item .extra {
display: flex;
align-items: center;
justify-content: flex-end;
width: 45%;
text-align: right;
}
.service-list .item .extra-controls,
.catalog-list-parts .item .extra-controls,
.catalog-list-cart .item .extra-controls {
width: 140px;
}
.service-list .item .parts-to-cart,
.catalog-list-parts .item .parts-to-cart,
.catalog-list-cart .item .parts-to-cart,
.service-list .item .g-price,
.catalog-list-parts .item .g-price,
.catalog-list-cart .item .g-price {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
text-align: left;
line-height: 1.2em;
}
.service-list .item .old-cost,
.catalog-list-parts .item .old-cost,
.catalog-list-cart .item .old-cost {
position: relative;
font:
400 1em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
margin-bottom: 0.25em;
color: #cd5740;
}
.service-list .item .old-cost:after,
.catalog-list-parts .item .old-cost:after,
.catalog-list-cart .item .old-cost:after {
content: "";
position: absolute;
width: 100%;
height: 2px;
top: 50%;
left: 0;
margin-top: -1px;
background-color: #cd5740;
transform: rotate(-9deg);
}
.service-list .item .g-price,
.catalog-list-parts .item .g-price,
.catalog-list-cart .item .g-price {
text-align: right;
margin-right: 12px;
font:
400 1.2em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
}
.service-list .item .parts-to-cart form,
.catalog-list-parts .item .parts-to-cart form,
.catalog-list-cart .item .parts-to-cart form {
position: relative;
left: 0;
transition: all 0.1s;
}
.service-list .item .parts-to-cart-load,
.catalog-list-parts .item .parts-to-cart-load,
.catalog-list-cart .item .parts-to-cart-load {
background: transparent url("/i/loader.gif") no-repeat 0 0;
-webkit-background-size: 16px 16px;
background-size: 16px 16px;
background-position: 50% 50%;
}
@media only screen and (min--moz-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
.service-list .item .parts-to-cart-load,
.catalog-list-parts .item .parts-to-cart-load,
.catalog-list-cart .item .parts-to-cart-load {
background-image: url("/i/retina/loader.gif");
}
}
.service-list .item .parts-to-cart-load form,
.catalog-list-parts .item .parts-to-cart-load form,
.catalog-list-cart .item .parts-to-cart-load form {
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.service-list .item .parts-to-cart-complete,
.catalog-list-parts .item .parts-to-cart-complete,
.catalog-list-cart .item .parts-to-cart-complete {
background: transparent url("/i/complete.png") no-repeat 0 0;
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
background-position: 50% 50%;
}
@media only screen and (min--moz-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
.service-list .item .parts-to-cart-complete,
.catalog-list-parts .item .parts-to-cart-complete,
.catalog-list-cart .item .parts-to-cart-complete {
background-image: url("/i/retina/complete.png");
}
}
@media all and (max-width: 480px) {
.service-list .item .wr,
.catalog-list-parts .item .wr,
.catalog-list-cart .item .wr {
display: block;
padding-left: 160px;
padding-right: 10px;
}
}
@media all and (max-width: 370px) {
.service-list .item .wr,
.catalog-list-parts .item .wr,
.catalog-list-cart .item .wr {
padding-left: 90px;
padding-right: 10px;
}
.service-list .item .desc .i,
.catalog-list-parts .item .desc .i,
.catalog-list-cart .item .desc .i,
.service-list .item .desc .i img,
.catalog-list-parts .item .desc .i img,
.catalog-list-cart .item .desc .i img {
width: 75px;
height: 50px;
}
.service-list .item .promo-labels,
.catalog-list-parts .item .promo-labels,
.catalog-list-cart .item .promo-labels {
width: 67px;
}
}
#basket_items_list h4,
#basket_items_list h3 {
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
margin-bottom: 1em;
color: #444;
}
.catalog-list-parts-filter {
display: none;
float: right;
}
.catalog-list-parts-filter .toggler {
cursor: pointer;
display: block;
width: 30px;
height: 30px;
overflow: hidden;
padding: 5px;
background: #858594;
}
.catalog-list-parts-filter .toggler:hover {
background: #6b6b7b;
}
@media all and (max-width: 1000px) {
.catalog-list-parts-filter {
display: block;
}
}
@media all and (max-width: 760px) {
.catalog-list-parts .item .wr {
flex-direction: column;
line-height: 1.4em;
padding-top: 5px;
padding-bottom: 5px;
}
.catalog-list-parts .item .desc {
width: 100%;
margin-right: 0;
font-size: 0.9em;
}
.catalog-list-parts .item .extra {
width: 100%;
text-align: left;
margin-top: 0.8em;
}
.catalog-list-parts .item .extra-controls {
width: auto;
margin-left: auto;
}
.catalog-list-parts .item .extra .g-price {
min-width: 3.6em;
text-align: left;
}
}
.catalog-list-cart .item .desc {
width: 40%;
}
.catalog-list-cart .item .extra {
width: 60%;
}
.catalog-list-cart .item .extra .c-price,
.catalog-list-cart .item .extra .multiply,
.catalog-list-cart .item .extra .total {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
font:
400 1.2em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
margin-left: 10px;
text-align: right;
}
.catalog-list-cart .item .extra .total {
min-width: 5em;
color: #444;
}
.catalog-list-cart .item .extra .total .total_nds {
font-size: 11px;
line-height: 10px;
color: #999;
}
.catalog-list-cart .item .extra .col,
.catalog-list-cart .item .extra .remove {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.catalog-list-cart .item .extra .col {
flex: inherit;
width: auto;
padding: 0;
margin-left: 10px;
}
.catalog-list-cart .item .extra .col input {
border: 2px solid #ddd;
padding: 5px 5px 5px 10px;
width: 2.6em;
text-align: left;
box-sizing: content-box;
color: #777;
background: #fff;
}
.catalog-list-cart .item .extra .remove {
margin-left: 10px;
}
.catalog-list-cart .item .extra .remove a {
display: inline-block;
*display: inline;
*zoom: 1;
margin-top: -2px;
vertical-align: middle;
line-height: 0;
text-decoration: none;
}
.catalog-list-cart .total-price {
margin: 20px 0 40px 0;
text-align: right;
}
.catalog-list-cart .total-price div {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.catalog-list-cart .total-price div .nds {
display: block;
text-align: right;
font-size: 0.75em;
line-height: 1.1em;
}
.catalog-list-cart .total-price .title,
.catalog-list-cart .total-price .total {
font:
400 1.2em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.catalog-list-cart .total-price .total {
font-size: 1.6em;
line-height: 1em;
color: #444;
}
.catalog-list-cart .total-price .total.gray {
color: #858594;
}
.catalog-list-cart .total-price .button {
vertical-align: middle;
padding: 10px 20px;
margin-left: 20px;
}
@media all and (max-width: 850px) {
.catalog-list-cart .item .extra .total {
display: none;
}
.catalog-list-cart .total-price .title {
font-size: 1em;
}
.catalog-list-cart .total-price .total {
font-size: 1.6em;
}
}
@media all and (max-width: 760px) {
.catalog-list-cart .item .wr {
display: block;
line-height: 1.2em;
}
.catalog-list-cart .item .desc {
width: auto;
margin-right: 20px;
font-size: 0.9em;
}
.catalog-list-cart .item .extra {
width: 100%;
display: block;
text-align: left;
margin-top: 0.6em;
}
.catalog-list-cart .item .extra .c-price {
margin-left: 0;
}
.catalog-list-cart .item .extra .c-price,
.catalog-list-cart .item .extra .multiply,
.catalog-list-cart .item .extra .total {
font-size: 1em;
}
.catalog-list-cart .item .extra .col input {
font-size: 0.8em;
}
.catalog-list-cart .item .extra .remove {
position: absolute;
top: 10px;
right: 10px;
}
.catalog-list-cart .total-price .title {
font-size: 0.8em;
}
.catalog-list-cart .total-price .total {
font-size: 1.2em;
}
.catalog-list-cart .total-price .button {
padding: 8px 15px;
}
}
.service-list .item .desc {
width: 100%;
}
.service-list .item .desc .a .title {
font-weight: 400;
}
.service-list .files {
margin-top: 15px;
}
.service-list .files .file-item {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
position: relative;
width: 47%;
margin-right: 2%;
margin-bottom: 10px;
padding: 5px 0 0 46px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.service-list .files .file-item a {
font:
300 1.05em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
color: rgba(68, 68, 68, 0.5);
}
.service-list .files .file-item a span {
color: #444;
}
.service-list .files .file-item a:hover {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
.service-list .files .file-item a:hover span {
color: #cd5740;
}
.service-list .files .file-item .type {
font-size: 0.7em;
line-height: 1.4em;
margin-top: 2px;
}
.service-list .files .file-item .filesmall {
position: absolute;
width: 37px;
height: 40px;
top: 0;
left: 0;
background: transparent url("/i/files.small.png") no-repeat 0 0;
-webkit-background-size: 190px 40px;
background-size: 190px 40px;
background-position: -160px 0;
}
@media only screen and (min--moz-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
.service-list .files .file-item .filesmall {
background-image: url("/i/retina/files.small.png");
}
}
.service-list .files .file-item .filesmall-pdf {
background-position: 0 0;
}
.service-list .files .file-item .filesmall-zip {
background-position: -40px 0;
}
.service-list .files .file-item .filesmall-doc {
background-position: -80px 0;
}
.service-list .files .file-item .filesmall-xls {
background-position: -120px 0;
}
@media (max-width: 700px) {
.service-list .files .file-item {
width: auto;
}
}
.docs-list {
margin-bottom: 60px;
}
.docs-list .item {
margin-bottom: -1px;
}
.docs-list .item .desc {
width: 100%;
}
.docs-list .item a {
color: #444;
text-decoration: none;
}
.docs-list .item .files {
padding: 27px 29px 28px;
border: 1px solid #eee;
box-sizing: border-box;
transition: box-shadow 0.2s ease-out;
}
.docs-list .item .files:hover {
box-shadow: 0 5px 25px 0 rgba(18, 25, 38, 0.1);
}
.docs-list .item .files .file-item {
position: relative;
padding: 5px 40px 0 46px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.docs-list .item .files .file-item .link {
font:
300 1.05em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
color: rgba(68, 68, 68, 0.5);
text-decoration: underline;
}
.docs-list .item .files .file-item .link span {
color: #444;
}
.docs-list .item .files .file-item p {
margin-top: 0.5em;
}
.docs-list .item .files .file-item .type {
font-size: 12px;
line-height: 1.375;
margin-top: 2px;
text-decoration: none;
color: #444;
}
.docs-list .item .files .file-item .filesmall {
position: absolute;
width: 37px;
height: 40px;
top: 0;
left: 0;
background: transparent url("/i/files.small.png") no-repeat 0 0;
-webkit-background-size: 190px 40px;
background-size: 190px 40px;
background-position: -160px 0;
}
@media only screen and (min--moz-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
.docs-list .item .files .file-item .filesmall {
background-image: url("/i/retina/files.small.png");
}
}
.docs-list .item .files .file-item .filesmall-pdf {
background-position: 0 0;
}
.docs-list .item .files .file-item .filesmall-zip {
background-position: -40px 0;
}
.docs-list .item .files .file-item .filesmall-doc {
background-position: -80px 0;
}
.docs-list .item .files .file-item .filesmall-xls {
background-position: -120px 0;
}
.docs-list .item .files .file-item .download .ico {
position: absolute;
top: 0;
right: 0;
width: 38px;
height: 38px;
line-height: 36px;
text-align: center;
z-index: 2;
border-radius: 2px;
transition:
background-color 0.2s ease-out,
border-color 0.2s ease-out;
cursor: pointer;
border: 1px solid #eee;
}
.docs-list .item .files .file-item .download .ico svg {
vertical-align: middle;
width: 20px;
height: 20px;
}
.docs-list .item .files .file-item .download .ico svg path {
fill: #444;
transition: fill 0.2s ease-out;
}
.docs-list .item a:hover {
color: #cd5740;
}
.docs-list .item a:hover .files .file-item .link {
text-decoration: none;
}
.docs-list .item a:hover .files .file-item .link span {
color: #cd5740;
}
.docs-list .item a:hover .files .file-item .type {
color: #444;
}
.docs-list .item a:hover .files .file-item .download .ico {
background-color: #3c93cd;
border-color: #3c93cd;
}
.docs-list .item a:hover .files .file-item .download .ico svg path {
fill: #fff;
}
@media (max-width: 400px) {
.docs-list .item .files {
padding: 14px 15px;
}
.docs-list .item .files .file-item {
padding-right: 0;
}
.docs-list .item .files .file-item p {
font-size: 12px;
line-height: 1.375;
}
.docs-list .item .files .file-item .download {
display: none;
}
}
/* help */
.help {
position: relative;
}
.help dt {
position: relative;
width: 20px;
height: 20px;
cursor: pointer;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
.help dt .icon {
position: absolute;
left: -5px;
top: -5px;
}
.help dt:hover {
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
.help dd {
display: none;
position: absolute;
top: 25px;
left: -182px;
width: 380px;
border: 2px solid #e5e5e5;
background: #fff;
z-index: 100;
cursor: default;
}
.help dd .help-wr {
width: 360px;
overflow: hidden;
text-align: center;
padding: 5px 0;
margin: 0 auto;
}
.help dd .help-wr img {
max-width: 100%;
}
.help dd:after,
.help dd:before {
content: "";
border-bottom: 8px solid #ddd;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
width: 0;
height: 0;
overflow: hidden;
position: absolute;
top: -8px;
left: 50%;
margin-left: -8px;
}
.help dd:after {
border-bottom-color: #fff;
margin-top: 2px;
}
.help dd.lf {
left: -2px;
}
.help dd.lf:after,
.help dd.lf:before {
left: 10px;
}
.help dd.rg {
left: auto;
right: -2px;
}
.help dd.rg:after,
.help dd.rg:before {
left: auto;
right: 2px;
}
.help-open {
visibility: visible;
}
@media all and (max-width: 700px) {
.help dd {
left: -92px;
width: 200px;
}
.help dd .help-wr {
width: 180px;
}
}
.company table td {
vertical-align: top;
}
.table-striped {
margin: 2em 0;
border-collapse: collapse;
}
.table-striped td {
border-bottom: 1px solid #eee;
padding: 0.5em 0;
}
.table-striped td:first-child {
padding-right: 3em;
}
.table-striped td:last-child {
color: #000;
padding-left: 3em;
}
/* catalog intro */
.catalog-sets,
.catalog-equipment,
.catalog-parts {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
width: 50%;
margin-bottom: 40px;
}
.catalog-sets .wr,
.catalog-equipment .wr,
.catalog-parts .wr {
position: relative;
min-height: 400px;
}
.catalog-sets .bg,
.catalog-equipment .bg,
.catalog-parts .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.catalog-sets article,
.catalog-equipment article,
.catalog-parts article {
position: relative;
margin: 0 40px;
padding: 30px 0;
}
.catalog-sets article ul,
.catalog-equipment article ul,
.catalog-parts article ul {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
list-style: none;
font:
300 1.25em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
margin: 0 2em 0 0;
}
.catalog-sets article ul li,
.catalog-equipment article ul li,
.catalog-parts article ul li {
margin: 0.4em 0 0 0;
}
.catalog-sets article h2,
.catalog-equipment article h2,
.catalog-parts article h2 {
font:
300 2em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
max-width: 10.5em;
margin-bottom: 1em;
margin-top: 0;
}
@media all and (max-width: 1280px) {
.catalog-sets,
.catalog-equipment,
.catalog-parts {
margin-bottom: 20px;
}
}
@media all and (max-width: 1000px) {
.catalog-sets .wr,
.catalog-equipment .wr,
.catalog-parts .wr {
min-height: 300px;
}
.catalog-sets article ul,
.catalog-equipment article ul,
.catalog-parts article ul {
font-size: 1em;
}
.catalog-sets article h2,
.catalog-equipment article h2,
.catalog-parts article h2 {
font-size: 1.4em;
}
}
@media all and (max-width: 760px) {
.catalog-sets,
.catalog-equipment,
.catalog-parts {
width: 100%;
}
.catalog-sets .wr,
.catalog-equipment .wr,
.catalog-parts .wr {
margin: 0 !important;
min-height: 200px;
}
.catalog-sets article,
.catalog-equipment article,
.catalog-parts article {
margin: 0 20px;
padding: 15px 0;
}
.catalog-sets .catalog-search,
.catalog-equipment .catalog-search,
.catalog-parts .catalog-search {
display: none;
}
}
.catalog-equipment a,
.catalog-sets a,
.catalog-parts a {
color: #fff;
color: rgba(255, 255, 255, 0.5);
}
.catalog-equipment a span,
.catalog-sets a span,
.catalog-parts a span {
color: #fff;
}
.catalog-equipment .wr {
margin-right: 20px;
}
.catalog-equipment .wr .bg {
background: transparent url("/i/equipment.jpg") no-repeat 50% 50%;
-webkit-background-size: cover;
background-size: cover;
}
@media all and (max-width: 1280px) {
.catalog-equipment .wr {
margin-right: 10px;
}
}
.catalog-sets .wr {
margin-left: 20px;
}
.catalog-sets .wr .bg {
background: transparent url("/i/sets.jpg") no-repeat 50% 50%;
-webkit-background-size: cover;
background-size: cover;
}
@media all and (max-width: 1280px) {
.catalog-sets .wr {
margin-left: 10px;
}
}
.catalog-parts {
width: 100%;
}
.catalog-parts article h2 {
max-width: 90%;
}
.catalog-parts .bg {
background: transparent url("/i/parts.jpg") no-repeat 60% 50%;
-webkit-background-size: cover;
background-size: cover;
}
.catalog-parts .catalog-search {
margin: 0.8em 0 1.4em 0;
}
.catalog-parts .catalog-search input.text {
border: none;
padding: 10px 15px;
background: #fff;
background: rgba(255, 255, 255, 0.95);
vertical-align: top;
width: 40%;
max-width: 450px;
font-size: 0.8em;
}
.catalog-parts .catalog-search input.text,
.catalog-parts .catalog-search input.button {
padding: 10px 20px;
line-height: 20px;
height: 20px;
border: none;
}
/* order-history */
.order-history {
width: 100%;
margin: 40px 0;
}
.order-history .item {
margin: 0 0 2px 0;
width: 100%;
background: #eee;
}
.order-history .item .wr {
padding: 30px 0;
margin: 0 50px;
max-width: 800px;
}
.order-history .item header {
margin: 0 0 10px 0;
}
.order-history .item header h3 {
font:
400 1.5em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
margin-right: 0.2em;
display: inline-block;
*display: inline;
*zoom: 1;
}
.order-history .item header .date {
display: inline;
font-size: 0.8em;
line-height: 1.2em;
}
.order-history .item .o-item {
width: 100%;
clear: left;
float: left;
padding: 20px 0 0 0;
}
.order-history .item .o-item .desc {
float: left;
width: 45%;
}
.order-history .item .o-item .desc .title {
color: #444;
font:
300 1.05em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.order-history .item .o-item .desc .title .article,
.order-history .item .o-item .desc .title .model {
font-weight: 400;
}
.order-history .item .o-item .desc .title a.line {
color: #444;
color: rgba(68, 68, 68, 0.5);
}
.order-history .item .o-item .desc .title a.line span {
color: #444;
}
.order-history .item .o-item .desc .title a.line:hover {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
.order-history .item .o-item .desc .title a.line:hover span {
color: #cd5740;
}
.order-history .item .o-item .desc .params {
margin-top: 0.6em;
font-size: 0.8em;
line-height: 1.4em;
}
.order-history .item .o-item .desc .params .help {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
margin: -7px 0 -5px 0;
}
.order-history .item .o-item .desc .params .help dt {
cursor: pointer;
}
.order-history .item .o-item .c-price,
.order-history .item .o-item .to-cart,
.order-history .item .o-item .col,
.order-history .item .o-item .total-price {
float: left;
}
.order-history .item .o-item .extra {
padding-top: 5px;
float: right;
}
.order-history .item .o-item .c-price {
font:
400 1.2em/30px "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
margin-right: 20px;
text-align: right;
}
.order-history .item .o-item .to-cart {
margin-right: 10px;
}
.order-history .item .o-item .to-cart .button {
padding: 0;
line-height: 0;
font-size: 0;
}
.order-history .item .o-item .col {
font:
400 1.2em/30px "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
margin-right: 10px;
text-align: right;
min-width: 5em;
}
.order-history .item .o-item .total-price {
min-width: 6em;
text-align: right;
font:
400 1.2em/30px "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
}
.order-history .item .total {
width: 100%;
clear: left;
text-align: right;
padding-top: 20px;
font:
400 1.5em/30px "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
}
@media all and (max-width: 1280px) {
.order-history {
margin: 30px 0;
}
.order-history .item .wr {
margin: 0 40px;
}
.order-history .item .o-item .c-price {
font-size: 1.2em;
}
.order-history .item .o-item .col,
.order-history .item .o-item .total-price {
font-size: 1em;
}
}
@media all and (max-width: 800px) {
.order-history .item .wr {
margin: 0 40px;
}
.order-history .item .o-item .total-price {
display: none;
}
.order-history .item .o-item .col {
margin-right: 0;
}
.order-history .item .o-item,
.order-history .item .total {
clear: both;
}
}
@media all and (max-width: 700px) {
.order-history .item .wr {
padding: 15px 0;
margin: 0 20px;
}
.order-history .item header h3 {
font-size: 1.2em;
}
.order-history .item .o-item .desc .title {
font-size: 0.9em;
}
.order-history .item .o-item .desc .params {
font-size: 0.75em;
}
.order-history .item .o-item .c-price {
font-size: 1em;
}
.order-history .item .o-item .col,
.order-history .item .o-item .total-price {
font-size: 0.8em;
}
.order-history .item .total {
font-size: 1.2em;
}
}
@media all and (max-width: 600px) {
.order-history .item .o-item .desc {
width: 60%;
}
.order-history .item .o-item .to-cart {
display: none;
}
.order-history .item .o-item .c-price {
margin-right: 10px;
}
.order-history .item .o-item .col {
min-width: 0;
}
}
@media all and (max-width: 400px) {
.order-history .item .o-item .desc {
width: 100%;
float: none;
}
.order-history .item .o-item .extra {
width: 100%;
float: none;
}
.order-history .item .total {
text-align: left;
}
}
/* pages */
.pages {
width: 100%;
margin: 40px 0;
}
.pages a,
.pages span {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 5px;
min-width: 30px;
font-size: 0.95em;
line-height: 30px;
text-align: center;
background: #eee;
text-decoration: none;
color: #777;
}
.pages span {
background: transparent;
}
.pages a:hover {
background: #d5d5d5;
}
.pages .active {
background: #858594;
color: #fff;
}
@media all and (max-width: 1000px) {
.pages {
margin: 30px 0;
}
.pages a,
.pages span {
min-width: 20px;
line-height: 20px;
font-size: 0.8em;
}
}
/* repair */
.repair {
background: #858594 url("/i/bg.bgray.jpg") repeat 0 0;
color: #fff;
margin: 60px 0;
}
.repair .l-desc,
.repair .r-desc {
padding-top: 50px;
float: left;
width: 25%;
}
.repair .l-desc .wr,
.repair .r-desc .wr {
margin: 0 30px 0 40px;
}
.repair .l-desc h2,
.repair .r-desc h2 {
font:
300 2em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #fff;
max-width: 220px;
margin: 0;
}
.repair .l-desc h2 a,
.repair .r-desc h2 a {
color: #fff;
color: rgba(255, 255, 255, 0.5);
}
.repair .l-desc h2 a .icon,
.repair .r-desc h2 a .icon {
position: absolute;
left: 0;
top: -35px;
}
.repair .l-desc h2 a span,
.repair .r-desc h2 a span {
color: #fff;
}
.repair .l-desc h2 a:hover,
.repair .r-desc h2 a:hover {
color: #444;
color: rgba(68, 68, 68, 0.5);
}
.repair .l-desc h2 a:hover span,
.repair .r-desc h2 a:hover span {
color: #444;
}
.repair .l-desc p,
.repair .r-desc p {
margin: 1em 0;
max-width: 260px;
font-size: 0.95em;
line-height: 1.4em;
}
.repair .r-desc {
float: right;
}
.repair .r-desc .wr {
margin: 0 30px;
}
.repair .video {
width: 50%;
margin: 0 auto;
}
.repair .video .wr {
margin: 0 10px;
background: #eee;
height: 400px;
position: relative;
}
.repair .video .wr .preview {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
background-position: 50% 50%;
-webkit-background-size: cover;
background-size: cover;
}
.repair .video .wr .play {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -100px/2 0 0 -100px/2;
background: #858594;
background: rgba(133, 133, 148, 0.7);
-webkit-border-radius: 100px/2;
-moz-border-radius: 100px/2;
border-radius: 100px/2;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.repair .video .wr .play .icon {
position: absolute;
left: 50%;
top: 50%;
margin: -15px 0 0 -13px;
}
.repair .video .wr a:hover .play {
background: #858594;
background: rgba(133, 133, 148, 0.8);
}
@media all and (max-width: 1280px) {
.repair {
margin: 30px 0;
}
.repair .l-desc,
.repair .r-desc {
padding-top: 30px;
}
.repair .l-desc .wr,
.repair .r-desc .wr {
margin: 0 20px;
}
.repair .l-desc h2,
.repair .r-desc h2 {
font-size: 1.6em;
max-width: 180px;
}
.repair .l-desc p,
.repair .r-desc p {
font-size: 0.8em;
max-width: 200px;
}
.repair .r-desc .wr {
margin: 0 10px;
}
.repair .video .wr {
height: 300px;
}
}
@media all and (max-width: 900px) {
.repair .l-desc h2,
.repair .r-desc h2 {
font-size: 1.4em;
max-width: 160px;
}
.repair .l-desc p,
.repair .r-desc p {
font-size: 0.75em;
max-width: 180px;
}
}
@media all and (max-width: 760px) {
.repair .l-desc,
.repair .r-desc {
padding-top: 20px;
width: 50%;
margin-bottom: 10px;
}
.repair .video {
width: 100%;
margin: 0;
clear: both;
}
.repair .video .wr {
margin: 0;
height: 200px;
}
}
@media all and (max-width: 450px) {
.repair .l-desc h2,
.repair .r-desc h2 {
font-size: 1em;
max-width: 120px;
}
.repair .l-desc p,
.repair .r-desc p {
font-size: 0.6em;
}
}
/* map-wr */
.fscreen-map {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 500;
}
.fscreen-map .map {
position: absolute;
height: 100%;
width: 100%;
bottom: 0;
left: 0;
}
.fscreen-map .close {
position: absolute;
right: 20px;
top: 20px;
width: 40px;
height: 40px;
z-index: 10;
background: #444;
background: rgba(68, 68, 68, 0.9);
cursor: pointer;
}
.fscreen-map .close .icon {
position: absolute;
top: 5px;
left: 5px;
}
.fscreen-map .close:hover {
background: #444;
}
@media all and (max-width: 760px) {
.fscreen-map .close {
width: 30px;
height: 30px;
}
.fscreen-map .close .icon {
top: 0;
left: 0;
}
}
.map-wr {
width: 100%;
height: 650px;
position: relative;
overflow: hidden;
background: url("/i/contacts-map.jpg") no-repeat center center #eee;
background-size: cover;
}
.map-wr .map {
position: absolute;
height: 160%;
width: 100%;
bottom: 0;
left: 0;
}
.map-wr .fullscreen {
position: absolute;
right: 20px;
top: 20px;
width: 40px;
height: 40px;
z-index: 10;
background: #444;
background: rgba(68, 68, 68, 0.9);
cursor: pointer;
}
.map-wr .fullscreen .icon {
position: absolute;
top: 5px;
left: 5px;
}
.map-wr .fullscreen:hover {
background: #444;
}
.map-wr .address {
position: absolute;
top: 160px;
left: 5%;
width: 90%;
height: 0;
text-align: center;
font:
300 1.5em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.map-wr .address span {
background: #444;
background: rgba(68, 68, 68, 0.9);
color: #fff;
padding: 3px 15px;
display: inline-block;
*display: inline;
*zoom: 1;
}
.map-wr .address .schedule {
margin-top: 5px;
}
.map-wr .contacts {
position: absolute;
top: 390px;
left: 5%;
width: 90%;
height: 0;
text-align: center;
}
.map-wr .contacts span {
background: #cd5740;
background: rgba(205, 87, 64, 0.9);
color: #fff;
padding: 6px 15px;
display: inline-block;
*display: inline;
*zoom: 1;
}
.map-wr .contacts span span {
display: inline;
padding: 0;
background: transparent;
}
.map-wr .contacts a {
color: #fff;
}
.map-wr .contacts div.phone {
font:
300 3.75em/1em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.map-wr .contacts div.email {
font:
300 1.25em/1em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.map-wr .contacts div.phone,
.map-wr .contacts div.email {
display: inline-block;
*display: inline;
*zoom: 1;
}
.map-wr .contacts .line {
color: #fff;
color: rgba(255, 255, 255, 0.5);
}
.map-wr .contacts .line span {
color: #fff;
}
@media all and (max-width: 760px) {
.map-wr {
height: 400px;
}
.map-wr .map {
height: 140%;
}
.map-wr .address {
top: 140px;
font-size: 1em;
}
.map-wr .contacts {
top: 280px;
}
.map-wr .contacts div.phone {
font-size: 2em;
}
.map-wr .contacts div.email {
font-size: 1em;
}
.map-wr .fullscreen {
width: 30px;
height: 30px;
}
.map-wr .fullscreen .icon {
top: 0;
left: 0;
}
}
@media all and (max-width: 420px) {
.map-wr {
background: url("/i/contacts-map-mobile.jpg") no-repeat center center #eee;
background-size: cover;
}
}
/* phone-list */
.phone-list {
width: 100%;
margin-top: 20px;
text-align: center;
}
.phone-list dl {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
margin: 20px 30px;
}
.phone-list dl dt {
font:
300 2em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.phone-list dl dt a {
text-decoration: none;
color: #444;
}
.phone-list dl dd {
font:
300 1.25em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
@media all and (max-width: 1000px) {
.phone-list dl {
margin: 20px;
}
.phone-list dl dt {
font-size: 1.6em;
}
.phone-list dl dd {
font-size: 1em;
}
}
@media all and (max-width: 760px) {
.phone-list dl {
display: block;
}
}
/* main-contacts */
/* contacts */
.contacts-info {
display: flex;
flex-wrap: wrap;
gap: 6.25rem;
margin: 0 0 4rem;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.contacts-info__phone {
font-size: 3rem;
line-height: 1.2;
font-weight: 300;
text-decoration: none;
color: #000;
}
.contacts-info__section {
font-size: 1.5rem;
line-height: 1.2;
color: #444444;
margin-top: 0.25rem;
}
.contacts-map__container {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
gap: 1.25rem;
min-height: 600px;
margin: 2.5rem 0;
}
.contacts-map {
height: 100%;
width: 100%;
}
.contacts-item__container {
max-height: 100%;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.contacts-item {
position: relative;
display: block;
width: 100%;
background: none;
padding: 1.25rem;
margin-top: -1px;
color: #000;
font-size: 1rem;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
text-align: left;
border: none;
transition: box-shadow 0.2s ease;
cursor: pointer;
box-sizing: border-box;
}
.contacts-item::after {
content: "";
position: absolute;
bottom: 0;
height: 1px;
left: 1.25rem;
right: 1.25rem;
background: rgba(0, 0, 0, 0.1);
}
.contacts-item:hover::after,
.contacts-item:last-child::after {
content: none;
display: none;
}
.contacts-item:hover {
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
background: #fff;
color: var(--main);
z-index: 2;
}
.contacts-item.active {
color: var(--main);
}
.contacts-item__name {
display: block;
font-size: 1.5rem;
line-height: 1.2;
color: inherit;
margin-bottom: 1.25rem;
text-decoration: underline;
}
.contacts-item.active .contacts-item__name {
text-decoration: none;
}
.contacts-item__address {
display: block;
font-size: 20px;
line-height: 28px;
color: #000;
font-style: normal;
font-weight: 300;
a {
text-decoration: none;
}
p {
margin: 14px 0 0 0;
}
dl {
display: flex;
gap: 7px;
margin: 14px 0 0 0;
dt {
flex-shrink: 0;
}
}
}
.contacts-item__info {
display: flex;
gap: 1.25rem;
font-size: 1.25rem;
font-weight: 300;
margin-top: 0.625rem;
}
.contacts-item__phone {
color: #000;
white-space: nowrap;
}
.contacts-item__shedule {
color: #777;
}
.contacts-banner__container {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
gap: 1.25rem;
margin: 2.5rem 0 5rem;
}
.contacts-banner__link {
display: block;
}
.contacts-banner__img ,
.contacts-banner__img img{
display: block;
width: 100%;
}
@media (max-width: 1300px) {
.contacts-item__info {
flex-direction: column;
gap: 0.625rem;
}
.contacts-item__name {
margin-bottom: 0.625rem;
}
.contacts-item__address {
font-size: 1rem;
}
}
@media (max-width: 768px) {
.contacts-info {
gap: 1.5rem;
margin: 0 0 2.5rem 0;
}
.contacts-info__phone {
font-size: 2rem;
}
.contacts-info__section {
font-size: 1rem;
}
.contacts-map__container {
grid-template-columns: minmax(0, 1fr);
height: auto;
}
.contacts-map {
height: 300px;
scroll-margin: 60px;
}
.contacts-item__container {
max-height: none;
}
.contacts-item {
padding: 0.75rem 1rem;
}
.contacts-item.active {
background: #f3f3f3;
}
.contacts-item:hover {
box-shadow: none;
}
.contacts-item__name {
font-size: 1.25rem;
margin-bottom: 0.5rem;
}
.contacts-item__info {
font-size: 1rem;
gap: 0.5rem;
}
.contacts-banner__container {
grid-template-columns: minmax(0, 1fr);
}
}
/* contacts */
.repair-contacts,
.main-contacts {
overflow: hidden;
width: 100%;
position: relative;
background: #eee;
}
.repair-contacts,
.main-contacts,
.repair-contacts .map,
.main-contacts .map {
height: 200px;
}
.repair-contacts .title,
.main-contacts .title {
position: absolute;
z-index: 1;
width: 100%;
height: 0;
top: 50%;
left: 0;
text-align: center;
margin-top: -0.65em;
font:
300 3.75em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.repair-contacts .title a,
.main-contacts .title a,
.repair-contacts .title .dt,
.main-contacts .title .dt {
color: #444;
color: rgba(68, 68, 68, 0.5);
}
.repair-contacts .title a span,
.main-contacts .title a span,
.repair-contacts .title .dt span,
.main-contacts .title .dt span {
color: #444;
}
.repair-contacts .title a:hover,
.main-contacts .title a:hover,
.repair-contacts .title .dt:hover,
.main-contacts .title .dt:hover {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
.repair-contacts .title a:hover span,
.main-contacts .title a:hover span,
.repair-contacts .title .dt:hover span,
.main-contacts .title .dt:hover span {
color: #cd5740;
}
@media all and (max-width: 700px) {
.repair-contacts,
.main-contacts,
.repair-contacts .map,
.main-contacts .map {
height: 150px;
}
.repair-contacts .title,
.main-contacts .title {
font-size: 2em;
}
}
/* text-content */
.text-content p {
margin: 1em 0;
font-size: 0.95em;
line-height: 1.4em;
}
.text-content ol {
margin: 1em 0;
font-size: 0.95em;
}
.text-content ol li {
margin-bottom: 0.25em;
}
.text-content ol li ol {
font-size: 1em;
margin: 0.25em 0;
}
.text-content ul {
padding-left: 1.4em;
margin: 1em 0;
font-size: 0.95em;
}
.text-content ul li {
margin-bottom: 0.25em;
}
.text-content ul li ul {
font-size: 1em;
margin: 0.25em 0;
padding-left: 1em;
}
.text-content ol {
list-style: none;
counter-reset: li;
}
.text-content ol li:before {
counter-increment: li;
content: counters(li, ".") ". ";
}
@media all and (max-width: 1000px) {
.text-content .rg-column {
margin: 2em 0;
}
}
/* columns */
.lf-column {
float: left;
width: 60%;
}
.rg-column {
float: right;
width: 36%;
}
.rg-column .service {
max-width: 400px;
margin: 1em 0 2em 0;
}
.rg-column .service p {
color: #777;
}
.hlf-column {
float: left;
width: 45%;
}
.hrg-column {
float: right;
width: 45%;
}
.simple-column {
float: left;
margin-right: 80px;
}
@media all and (max-width: 760px) {
.simple-column {
float: none;
width: 100%;
}
}
@media all and (max-width: 1000px) {
.lf-column,
.rg-column,
.hlf-column,
.hrg-column {
float: none;
width: 100%;
}
}
/* clients */
.clients {
margin: 40px 0;
}
.clients p {
font-size: 0.95em;
line-height: 1.5em;
}
.clients .logos {
margin-top: -20px;
}
.clients .logos img {
vertical-align: middle;
margin: 0 30px 10px 0;
}
@media all and (max-width: 1000px) {
.clients .logos {
margin-top: 30px;
}
}
@media all and (max-width: 700px) {
.clients .logos {
display: none;
}
}
.press-center-items {
margin-bottom: 20px;
}
.press-center-item {
margin-bottom: 20px;
}
.press-center-item * {
box-sizing: border-box;
}
.press-center-item > .wrap {
position: relative;
min-height: 300px;
border: 1px solid #e5e5e5;
-webkit-transition: -webkit-box-shadow 0.2s ease-out;
transition: -webkit-box-shadow 0.2s ease-out;
-o-transition: box-shadow 0.2s ease-out;
transition: box-shadow 0.2s ease-out;
transition:
box-shadow 0.2s ease-out,
-webkit-box-shadow 0.2s ease-out;
}
.press-center-item > .wrap:hover {
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.press-center-item .wrap {
height: 100%;
background: #fff;
}
.press-center-item .image {
position: relative;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
background: #fff;
}
.press-center-item .image .wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.press-center-item .image a {
display: block;
width: 100%;
height: 100%;
}
.press-center-item .image picture,
.press-center-item .image img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
.press-center-item .body-info {
position: static;
bottom: 0;
width: 100%;
min-height: 230px;
padding-bottom: 0;
background: #fff;
}
.press-center-item .body-info .wrap {
position: static;
padding: 29px 30px 23px;
padding: 20px 20px 25px 20px;
border-top: none;
height: 100%;
}
.press-center-item .body-info .section_name {
margin: 0 0 13px;
font-size: 12px;
line-height: 1;
text-transform: uppercase;
letter-spacing: 0.8px;
color: #999;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.press-center-item .body-info .title {
overflow: hidden;
text-overflow: ellipsis;
margin: 0 0 50px;
font:
400 1.25em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.press-center-item .body-info .title a {
text-decoration: none;
color: #444;
color: rgba(68, 68, 68, 0.5);
}
.press-center-item .body-info .title a span {
color: #444;
}
.press-center-item .body-info .title a:hover {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
.press-center-item .body-info .title a:hover span {
color: #cd5740;
}
.press-center-item .body-info .period {
margin: 0;
position: absolute;
left: 20px;
bottom: 15px;
font-size: 0.8em;
line-height: 1.4em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.press-center-item.big_block .image {
padding: 0;
height: 100%;
}
.press-center-item.big_block .image img {
height: 100%;
width: auto;
max-width: 100%;
object-fit: cover;
object-position: 50% 50%;
}
.press-center-item.big_block .body-info {
position: absolute;
right: 0;
bottom: 0;
width: 50%;
border-left: none;
}
.press-center-item.big_block .body-info .wrap {
padding-right: 46px;
}
@media (max-width: 991px) {
.press-center-item .body-info {
min-height: 0;
}
.press-center-item.big_block .image {
height: 0;
padding-bottom: 56.25%;
}
.press-center-item.big_block .image img {
height: auto;
min-width: 100%;
width: auto;
max-width: 100%;
}
.press-center-item.big_block .body-info {
position: static;
width: 100%;
}
.press-center-item.big_block .body-info .wrap {
padding-right: 30px;
}
}
@media (max-width: 600px) {
.press-center-item .image {
height: auto;
}
.press-center-item .body-info .wrap {
padding: 1em;
}
.press-center-item .body-info .wrap .period {
left: 1.25em;
}
.press-center-item.big_block .body-info .wrap {
padding-right: 1em;
}
}
.press-center-detail {
margin-bottom: 3em;
}
.press-center-detail-img {
position: relative;
margin: 0 0 1em 0;
overflow: hidden;
}
.press-center-detail-img img {
max-width: 100%;
}
/* card-params */
.card-params {
color: #444;
font-size: 1.2em;
line-height: 1.2em;
}
.card-params .line {
color: #444;
color: rgba(68, 68, 68, 0.5);
}
.card-params .line span {
color: #444;
}
.card-params .line:hover {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
.card-params .line:hover span {
color: #cd5740;
}
.card-params .help {
display: inline-block;
*display: inline;
*zoom: 1;
margin-top: 1px;
vertical-align: top;
}
/* files */
.file {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
max-width: 270px;
padding-left: 90px;
padding-top: 20px;
min-height: 60px;
position: relative;
margin: 1em 3em 1em 0;
}
.file a {
text-decoration: none;
font:
400 1.3em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.file a i {
position: absolute;
top: 0;
left: 0;
width: 72px;
height: 80px;
background: transparent url("/i/files.png") no-repeat 0 0;
-webkit-background-size: 460px 80px;
background-size: 460px 80px;
background-position: -400px 0;
}
@media only screen and (min--moz-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
.file a i {
background-image: url("/i/retina/files.png");
}
}
.file a .title {
color: #444;
color: rgba(68, 68, 68, 0.5);
}
.file a .title span {
color: #444;
}
.file .extra {
font-size: 0.75em;
line-height: 1.2em;
color: #777;
margin-top: 0.4em;
}
.file-pdf a i {
background-position: 0 0;
}
.file-zip a i {
background-position: -100px 0;
}
.file-doc a i {
background-position: -200px 0;
}
.file-xls a i {
background-position: -300px 0;
}
/* product-info */
.model-select {
width: 100%;
margin: 1.5rem 0 1em 0;
display: flex;
flex-direction: column;
}
.model-select dt,
.model-select dd {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: baseline;
}
.model-select dt {
font:
400 1.2em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
margin: 0 0.8em 0.6em 0;
}
.model-select dd {
font:
400 1em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.model-select dd span,
.model-select dd a {
padding: 5px 10px;
background: #eee;
text-decoration: none;
color: #858594;
margin: 0 2px 2px 0;
}
.model-select dd a:hover {
background: #e4e4e4;
}
.model-select dd .active {
background: #858594;
color: #fff;
}
@media all and (max-width: 400px) {
.model-select {
font-size: 0.9em;
margin-bottom: 20px;
}
.model-select dt {
font-size: 1em;
}
}
div.product-info .card-price {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
margin-right: 1.6em;
margin-bottom: 1em;
}
div.product-info .card-price dt .cost {
font:
400 2.5em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
}
div.product-info .card-price dt .old-cost {
position: relative;
font:
400 1.5em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #cd5740;
}
div.product-info .card-price dt .old-cost:after {
content: "";
position: absolute;
width: 100%;
height: 2px;
top: 50%;
left: 0;
margin-top: -1px;
background-color: #cd5740;
transform: rotate(-9deg);
}
div.product-info .card-price dd {
font-size: 0.8em;
line-height: 1.2em;
color: #aaa;
}
div.product-info .promo-labels {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
margin-top: 0.5em;
}
div.product-info .promo-labels.with-old-price {
margin-top: 2.2em;
}
div.product-info .to-cart {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
}
div.product-info .to-cart.parts-to-cart-load {
background: transparent url("/i/loader.gif") no-repeat 0 0;
-webkit-background-size: 16px 16px;
background-size: 16px 16px;
background-position: 50% 10px;
}
@media only screen and (min--moz-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
div.product-info .to-cart.parts-to-cart-load {
background-image: url("/i/retina/loader.gif");
}
}
div.product-info .to-cart.parts-to-cart-load .button {
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
div.product-info .to-cart.parts-to-cart-complete {
background: transparent url("/i/complete.png") no-repeat 0 0;
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
background-position: 50% 10px;
}
@media only screen and (min--moz-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
div.product-info .to-cart.parts-to-cart-complete {
background-image: url("/i/retina/complete.png");
}
}
div.product-info .to-cart .button {
transition: all 0.1s;
font-size: 1.25em;
padding: 10px 20px;
}
div.product-info .to-cart > div {
font-size: 0.8em;
line-height: 1.2em;
}
div.product-info .to-cart .status {
display: inline-block;
vertical-align: top;
margin: 0.5em 0;
margin-right: 0.75em;
line-height: 1.2em;
vertical-align: middle;
}
div.product-info .to-cart .status svg {
width: 1.2em;
height: 1.2em;
margin-right: 0.25em;
vertical-align: middle;
margin-top: -2px;
}
div.product-info .to-cart .status.state-green {
color: #60c339;
}
div.product-info .to-cart .status.state-green svg path {
fill: #60c339;
}
div.product-info .to-cart .status.state-red {
color: #cd5740;
}
div.product-info .to-cart .status.state-red svg path {
fill: #cd5740;
}
div.product-info .to-cart .credit-link {
display: inline-block;
vertical-align: top;
margin: 0.5em 0;
margin-right: 0.75em;
line-height: 1.2em;
vertical-align: middle;
}
div.product-info .catalog-btns {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 1rem 0;
.button {
min-width: 160px;
}
}
div.product-info .promo-labels + .to-cart {
display: block;
}
div.product-info h3 {
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: 400;
color: #444;
margin: 1em 0;
}
div.product-info ul {
padding-left: 20px;
font-size: 0.95em;
line-height: normal;
margin: 20px 0;
}
div.product-info ul li {
margin-bottom: 0.5em;
}
table.product-info {
border-collapse: collapse;
border-spacing: 0;
font-size: 0.9em;
line-height: 1.4em;
margin: 1.6em 0 3em 0;
}
table.product-info td.value {
color: #444;
vertical-align: bottom;
padding: 0.6em 0 0 0;
}
table.product-info td.title {
vertical-align: top;
padding: 0.6em 5px 0 0;
}
table.product-info td.title span {
display: block;
padding-right: 15px;
overflow: hidden;
position: relative;
}
table.product-info td.title span:after {
position: absolute;
content: "";
width: 100%;
margin-left: 5px;
bottom: 4px;
border-bottom: 1px dotted #cccccc;
}
@media all and (max-width: 1200px) {
table.product-info {
font-size: 0.8em;
}
}
.warranty {
max-width: 300px;
font-size: 0.95em;
line-height: 1.5em;
margin: 1em 0 40px 0;
}
/* accordion */
.accordion {
position: relative;
margin: -0.2em 0 40px 0;
}
.accordion dt {
margin: 1.2em 0 0.4em 0;
}
.accordion dt .dt {
font:
400 1.25em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.accordion dt .sample {
display: block;
margin-top: 0.2em;
font-size: 0.85em;
line-height: 1.2em;
}
.accordion dt.active .dt,
.accordion dt.active .dt span,
.accordion dt.active .dt:hover,
.accordion dt.active .dt:hover span {
border: 0;
color: #444;
}
.accordion dd {
width: 100%;
overflow: hidden;
position: relative;
}
.accordion dd table {
margin: 0 0 1em 0;
}
@media all and (max-width: 700px) {
.accordion dt .dt {
font-size: 1em;
}
}
.tabs {
position: relative;
margin: -0.2em 0 40px 0;
}
.tabs .tab-links {
margin-bottom: 1em;
}
.tabs .tab-link {
display: inline-block;
vertical-align: top;
margin: 1.2em 1em;
margin-left: 0;
}
.tabs .tab-link .dt {
font:
400 1.25em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.tabs .tab-link .sample {
display: block;
margin-top: 0.2em;
font-size: 0.85em;
line-height: 1.2em;
}
.tabs .tab-link.active .dt,
.tabs .tab-link.active .dt span,
.tabs .tab-link.active .dt:hover,
.tabs .tab-link.active .dt:hover span {
border: 0;
color: #444;
}
.tabs .tab {
width: 100%;
overflow: hidden;
position: relative;
}
.tabs .tab table {
margin: 0 0 1em 0;
}
@media all and (max-width: 700px) {
.tabs .tab-link .dt {
font-size: 1em;
}
}
/* stock */
.in-stock {
color: #60c339;
}
.not-available {
color: #777;
}
/* gallery */
.gallery {
position: relative;
width: 100%;
margin: 0 0 3em 0;
}
.gallery .promo-labels {
position: absolute;
top: 20px;
left: 20px;
z-index: 2;
transition:
top 0.2s ease-out,
left 0.2s ease-out;
}
.gallery .promo-labels .promo-label {
margin: 0 0.2em 0.2em 0;
padding: 6px 9px;
font-size: 12px;
line-height: 14px;
}
.gallery .i {
position: relative;
display: block;
font-size: 0;
line-height: 0;
margin-bottom: 5px;
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 66.67%;
background-color: #eee;
}
.gallery .i.video .play {
display: none;
}
.gallery .i.video .promo-labels {
top: 60px;
left: 10px;
}
.gallery .i.image picture,
.gallery .i.image iframe,
.gallery .i.image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery .i picture,
.gallery .i iframe,
.gallery .i img {
width: 100%;
height: auto !important;
}
.gallery .previews {
width: 100%;
white-space: nowrap;
overflow: hidden;
font-size: 0;
line-height: 0;
}
.gallery .previews a {
margin-right: 5px;
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
}
.gallery .previews a .play {
position: absolute;
top: 50%;
left: 50%;
width: 70px;
height: 70px;
overflow: hidden;
margin: -35px 0 0 -35px;
background: #858594;
background: rgba(133, 133, 148, 0.7);
transition: background-color 0.1s;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.gallery .previews a .play .icon {
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -14px;
}
.gallery .previews a:hover .play {
background: #858594;
background: rgba(133, 133, 148, 0.8);
}
.gallery .previews a:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 6px solid #60c339;
z-index: 1;
display: none;
transition: opacity 0.1s;
}
.gallery .previews a::after {
display: block;
opacity: 0;
}
.gallery .previews a:last-child {
margin-right: 0;
}
.gallery .previews .active:after {
display: block;
}
.gallery .previews .active::after {
display: block;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
@media all and (max-width: 1200px) {
.gallery .previews a,
.gallery .previews a picture,
.gallery .previews a img {
width: 100px;
height: auto;
}
.gallery .previews a:after {
border-width: 5px;
}
.gallery .previews a .play {
width: 58px;
height: 58px;
margin: -29px 0 0 -29px;
}
}
@media all and (max-width: 760px) {
.gallery .previews {
overflow: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
}
/* item_desc */
.item_catalog_desc {
margin-bottom: 40px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin: 0 -20px;
font-size: 1.1em;
line-height: 1.4em;
color: #444;
}
.item_catalog_desc dl {
width: 50%;
padding: 0 20px;
margin-bottom: 40px;
box-sizing: border-box;
}
.item_catalog_desc dl.full {
width: 100%;
}
.item_catalog_desc dl dt {
position: relative;
z-index: 10;
}
.item_catalog_desc dl dt h4 {
font:
1.6em/1.6em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
margin-bottom: 0.5em;
}
.item_catalog_desc dl dt h4 span {
line-height: 1em;
vertical-align: middle;
}
@media all and (max-width: 1360px) {
.item_catalog_desc dl dt h4 {
font-size: 1.4em;
}
}
.item_catalog_desc dl dd {
margin: 20px 0 40px 0;
}
.item_catalog_desc dl dd ul {
list-style: none;
font-size: 0.9em;
line-height: 1.4em;
margin: 1em 0 2em 0;
}
.item_catalog_desc dl dd ul li {
margin-top: 0.6em;
}
@media all and (max-width: 1000px) {
.item_catalog_desc {
margin-top: 2em;
}
}
@media all and (max-width: 768px) {
.item_catalog_desc dl {
width: 100%;
margin: 0;
}
.item_catalog_desc dl dt {
width: 100%;
float: none;
}
.item_catalog_desc dl dd {
float: none;
margin: 0;
margin-top: 20px;
}
}
@media all and (max-width: 468px) {
.item_catalog_desc dl dt a {
font-size: 0.9em;
}
}
@media all and (max-width: 380px) {
.item_catalog_desc dl dt a {
font-size: 0.8em;
}
}
.text-prepend-chars {
margin-bottom: 40px;
}
.text-prepend-chars h4 {
font-weight: normal;
font-size: 1.12em;
margin: 0;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.file_holder {
float: left;
}
/* selected option */
.selected_option_holder {
margin: 1.5em 0;
}
.selected_option_holder .selected_option {
line-height: normal;
margin-bottom: 0.25em;
}
.selected_option_holder .selected_option a {
font-size: 0.8125em;
}
.selected_option_holder .selected_option input {
display: none;
}
/* options */
.options {
margin-top: 20px;
}
.options .option {
position: relative;
margin-bottom: 3px;
}
.options .option .img_option {
position: absolute;
height: 100%;
width: 150px;
background: #eee;
}
.options .option .img_option img {
width: 100%;
height: 100%;
object-fit: contain;
}
.options .option .desc_option {
margin-left: 150px;
background: #eee;
padding: 27px 25px 28px 25px;
min-height: 40px;
font:
1em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.options .option .desc_option .name {
display: inline-block;
*display: inline;
*zoom: 1;
font-weight: normal;
margin-bottom: 0.375em;
width: 50%;
}
.options .option .desc_option .name a {
font:
300 1.05em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
color: rgba(68, 68, 68, 0.5);
}
.options .option .desc_option .name a span {
color: #444;
}
.options .option .desc_option .name a:hover {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
.options .option .desc_option .name a:hover span {
color: #cd5740;
}
.options .option .desc_option .buy_block {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
text-align: right;
width: 50%;
}
.options .option .desc_option .buy_block .cost {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
font-size: 1.1875em;
color: #444;
}
.options .option .desc_option .buy_block .button {
padding: 5px 10px;
margin-top: -5px;
margin-left: 15px;
color: #fff;
background-color: #3c93cd;
width: 102px;
text-align: center;
transition: background-color 0.2s ease;
transition-property: background-color, color;
white-space: nowrap;
}
.options .option .desc_option .buy_block .button:hover {
background-color: #2c78aa;
}
.options .option .desc_option .buy_block .button.active {
background-color: #fff;
color: #858594;
}
.options .option .desc_option .buy_block .button.active:hover {
color: #858594;
background: #fcfcfc;
}
.options .option .desc_option.no-price .name {
display: block;
width: auto;
}
.options .option .desc_option .desc_char_link {
font-size: 0.8125em;
}
.options .option .desc_option .desc_char_link a {
position: relative;
color: #858594;
color: rgba(133, 133, 148, 0.5);
}
.options .option .desc_option .desc_char_link a span {
color: #858594;
}
.options .option .desc_option .desc_char_link a:hover {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
.options .option .desc_option .desc_char_link a:hover span {
color: #cd5740;
}
.options .option .desc_option .desc_char_link a i {
position: absolute;
top: -6px;
right: -25px;
}
.options .option .desc_option .desc_char_link a.active i {
top: -4px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.options .option .desc_option .desc_char_content {
margin-top: 2em;
font-size: 0.95em;
}
.options .option .desc_option .desc_char_content .table.product-info {
font-size: 1em;
}
.options .option .desc_option .desc_char_photo_holder .desc_char_photo {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
width: 102px;
height: 62px;
line-height: 62px;
overflow: hidden;
margin-right: 4px;
text-align: center;
}
.options .option .desc_option .desc_char_photo_holder .desc_char_photo img {
vertical-align: middle;
max-width: 100%;
}
@media all and (max-width: 680px) {
.options .option .desc_option .name {
display: block;
width: 100%;
}
.options .option .desc_option .buy_block {
margin: 10px 0;
display: block;
text-align: left;
width: 100%;
}
}
@media all and (max-width: 500px) {
.options .option .desc_option .buy_block .cost {
display: block;
}
.options .option .desc_option .buy_block .button {
margin: 10px 0;
}
}
@media all and (max-width: 400px) {
.options .option {
background: #eee;
}
.options .option .img_option {
position: static;
padding: 28px 15px 5px 25px;
background: none;
}
.options .option .img_option img {
width: auto;
height: auto;
max-width: 100%;
object-fit: none;
}
.options .option .desc_option {
margin-left: 0;
padding-top: 5px;
}
.options .option .desc_option .buy_block {
clear: both;
}
}
/* options block */
.options-block__holder {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
min-width: 100%;
}
@media (max-width: 600px) {
.options-block__holder {
margin: 0 -5px;
}
}
.options-block__item {
display: flex;
flex-direction: column;
width: 25%;
padding: 0 10px;
padding-bottom: 20px;
box-sizing: border-box;
}
.options-block__item-wrapper {
flex-grow: 1;
padding: 20px;
background: #eee;
box-sizing: border-box;
}
@media (max-width: 900px) {
.options-block__item {
width: 33.33%;
}
}
@media (max-width: 600px) {
.options-block__item {
width: 50%;
padding: 0 5px;
margin-bottom: 10px;
}
.options-block__item-wrapper {
padding: 10px;
}
}
.options-block__img {
position: relative;
aspect-ratio: 4 / 3;
/* aspect-ratio: 16 / 9; */
line-height: 0;
}
.options-block__img img {
max-width: 100%;
}
.options-block__name {
font:
400 1.25em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.options-block__name a {
color: #444;
color: rgba(68, 68, 68, 0.5);
}
.options-block__name a span {
color: #444;
}
.options-block__name a:hover {
color: #cd5740;
color: rgba(205, 87, 64, 0.5);
}
.options-block__name a:hover span {
color: #cd5740;
}
@media (max-width: 600px) {
.options-block__name {
font-size: 1em;
}
}
.options-block__thumbs {
display: flex;
flex-wrap: wrap;
}
.options-block__thumbs a {
line-height: 0;
margin: 0 5px 5px 0;
}
.options-block__thumbs img {
width: 110px;
}
.options-block__detail {
padding-top: 0.5em;
}
.options-block__buy_block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.options-block__buy_block .cost {
font:
600 1.25em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
}
.options-block__buy_block .button,
.options-block__buy_block .cost {
margin: 10px 0 0 0;
}
/* vibrolab */
.vibrolab_banner {
position: relative;
background: #eee;
height: 145px;
padding: 20px 20px;
}
.vibrolab_banner img {
position: absolute;
top: 0;
left: 0;
}
.vibrolab_banner h4,
.vibrolab_banner p {
position: relative;
z-index: 1;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
line-height: normal;
font-weight: normal;
margin-left: 300px;
}
.vibrolab_banner h4 {
color: #444;
font-size: 1.25em;
margin-bottom: 0.5em;
}
.vibrolab_banner p {
font-size: 0.875em;
}
@media all and (max-width: 1320px) {
.vibrolab_banner h4,
.vibrolab_banner p {
margin-left: 0;
}
.vibrolab_banner img {
display: none;
}
}
@media all and (max-width: 1000px) {
.vibrolab_banner h4,
.vibrolab_banner p {
margin-left: 275px;
}
.vibrolab_banner img {
display: inline;
}
}
@media all and (max-width: 768px) {
.vibrolab_banner {
height: auto;
}
.vibrolab_banner h4,
.vibrolab_banner p {
margin-left: 0;
}
.vibrolab_banner img {
display: none;
}
}
/* sets */
.sets {
margin: 40px -10px;
}
.sets .item {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
width: 33.33%;
}
.sets .item .desc {
min-height: 200px;
}
.sets .item .desc h3 {
color: #444;
font:
300 1.5em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
margin: 0 0 0.2em 0;
}
.sets .item .desc .s-price {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
font:
400 1.5em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
margin-right: 0.6em;
}
.sets .item .desc .button-holder {
margin: 0.5em 0 1em 0;
}
.sets .item .desc .button {
vertical-align: middle;
}
.sets .item .desc p {
font-size: 0.95em;
line-height: 1.4em;
margin: 1.4em 0 2em 0;
max-width: 400px;
color: #999;
}
.sets .item .wr {
margin: 0 10px;
}
.sets .item .p-item {
background: #eee;
margin-bottom: 20px;
width: 100%;
position: relative;
}
.sets .item .p-item a {
text-decoration: none;
}
.sets .item .p-item .i {
display: block;
}
.sets .item .p-item .i img {
width: 100%;
height: auto;
object-fit: contain;
}
.sets .item .p-item .title {
display: block;
padding: 15px 20px 25px 20px;
font:
400 1.25em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
}
.sets .item .p-item .title .model {
font-weight: 400;
}
.sets-extra {
margin: 40px 0;
}
.sets-extra h2 {
font:
400 1.5em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
}
.sets-extra h3,
.sets-extra h4 {
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #444;
font-weight: 400;
}
.sets-extra p {
font-size: 1em;
line-height: 1.5em;
margin: 1em 0;
}
.sets-extra ul {
list-style: none;
*list-style: disk;
line-height: 1.3em;
}
.sets-extra ul li {
margin: 0.4em 0 0.4em 1.4em;
}
.sets-extra ul li:before {
display: inline-block;
*display: inline;
*zoom: 1;
content: "— ";
width: 1.4em;
margin-left: -1.4em;
}
.sets-extra .training {
float: left;
width: 33.33%;
}
.sets-extra .training .wr {
margin-right: 20px;
}
.sets-extra .franchise {
float: right;
width: 66.66%;
}
.sets-extra .franchise .wr {
margin-left: 10px;
}
.sets select {
font:
400 1em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
display: none;
padding: 5px 10px;
border: none;
background: #eee;
}
.sets select option {
padding: 0;
}
@media all and (max-width: 1200px) and (min-width: 801px) {
.sets {
margin: 20px -10px;
}
.sets .item .wr {
margin: 0 10px;
}
.sets .item .desc p {
font-size: 0.8em;
}
.sets .item .p-item .title {
font-size: 1em;
}
}
@media all and (max-width: 1000px) and (min-width: 801px) {
.sets .item .desc .s-price {
font-size: 1.2em;
}
/* .sets .item .p-item {
margin: 5px 0;
}
.sets .item .p-item .i {
display: block;
width: 100%;
max-width: 100%;
}
.sets .item .p-item .i img {
width: 100%;
}
.sets .item .p-item .title {
display: block;
margin: 0 15px;
padding: 10px 0;
width: auto;
min-height: 3.2em;
} */
.sets-extra p,
.sets-extra ul {
font-size: 0.8em;
}
}
@media all and (max-width: 800px) {
.sets {
margin: 20px 0;
}
.sets .item {
width: 100%;
display: block;
margin-bottom: 40px;
}
.sets .item .wr {
margin: 0;
}
.js .sets select {
display: inline-block;
}
.js .sets .item {
margin-top: 15px;
}
.js .sets .item .desc {
min-height: 0;
}
.js .sets .item h3 {
display: none;
}
.sets-extra .training,
.sets-extra .franchise {
width: 100%;
float: none;
}
.sets-extra .training .wr,
.sets-extra .franchise .wr {
margin: 0;
}
.sets-extra p,
.sets-extra ul {
font-size: 0.8em;
}
}
@media all and (max-width: 400px) {
.sets .item .desc p {
font-size: 0.85em;
}
.sets .item .p-item .title {
font-size: 0.85em;
}
}
/* footer */
footer.main {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
color: #444;
font-size: 0.8em;
line-height: 20px;
}
footer.main .container {
padding: 20px 0;
overflow: hidden;
}
footer.main .copy,
footer.main .contacts,
footer.main .youtube,
footer.main address {
float: left;
font-style: normal;
margin-right: 1.6em;
}
footer.main .contacts .phone,
footer.main .contacts .email {
display: inline-block;
*display: inline;
*zoom: 1;
}
footer.main .contacts .phone a,
footer.main .contacts .email a {
color: #444;
}
footer.main .contacts .phone a:hover,
footer.main .contacts .email a:hover {
color: #cd5740;
}
footer.main .contacts .phone a {
text-decoration: none;
}
footer.main .contacts .phone a,
footer.main .contacts .phone a:hover {
color: #444;
}
footer.main .youtube a {
color: #cd5740;
}
footer.main .youtube a:hover {
color: #444;
}
footer.main .developer {
float: right;
}
footer.main .developer a {
color: #cd5740;
}
footer.main .developer a:hover {
color: #444;
}
@media all and (max-width: 1300px) {
footer.main address {
display: none;
}
}
/* @media all and (max-width: 1000px) {
footer.main .youtube {
display: none;
}
} */
@media all and (max-width: 880px) {
footer.main {
text-align: center;
}
footer.main .developer {
display: none;
}
footer.main .copy,
footer.main .contacts {
float: none;
display: inline-block;
*display: inline;
*zoom: 1;
white-space: nowrap;
}
}
@media all and (max-width: 450px) {
footer.main .copy,
footer.main .contacts {
display: block;
}
footer.main .container {
padding: 10px 0;
}
}
.gag {
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.gag a {
text-decoration: none;
font-weight: bold;
color: #222;
}
.gag p {
margin-bottom: 1em;
}
.gag img {
max-width: 100%;
}
.graph-map-holder {
position: relative;
max-width: 1174px;
margin: 0 auto;
font:
400 1em/1.4em "Roboto Condensed",
sans-serif;
}
.graph-map-holder img {
max-width: 100%;
}
.graph-map-holder .graph-map-marker {
position: absolute;
}
.graph-map-holder .graph-map-marker .amount {
position: relative;
font-size: 0.88em;
width: 1.64em;
height: 1.64em;
line-height: 1.64em;
text-align: center;
vertical-align: middle;
font-weight: bold;
border-radius: 100%;
background-color: #3c93cd;
color: #fff;
z-index: 2;
cursor: pointer;
}
.graph-map-holder .graph-map-marker .text {
position: absolute;
top: -1.25em;
left: -1.44em;
background-color: #fff;
padding: 1.25em 2em 1.25em 3.44em;
z-index: 1;
min-width: 163px;
box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.16);
}
.graph-map-holder .graph-map-marker .text .name {
font-size: 1.25em;
line-height: normal;
color: #222;
margin-bottom: 0.5em;
}
.graph-map-holder .graph-map-marker .text .img {
border-radius: 3px;
margin: 1em 0;
overflow: hidden;
}
.graph-map-holder .graph-map-marker .text p {
font-size: 0.88em;
color: #999;
}
.graph-map-holder .graph-map-marker.active {
z-index: 3;
}
/* detail-files */
.detail-files {
display: flex;
align-items: flex-start;
}
.detail-pdf {
max-width: 240px;
flex-shrink: 0;
text-decoration: none;
}
.detail-pdf__ico {
margin-top: 16px;
margin-left: -8px;
width: 100px;
height: 100px;
}
.detail-pdf__text {
display: flex;
align-items: center;
gap: 4px;
margin-top: 5px;
color: #CD5740;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.detail-pdf__size {
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #444;
}
.detail-pdf:hover .detail-pdf__text {
color: #3c93cd;
}
.callback {
position: relative;
margin: 2em 0;
font:
400 1em/1.4em "Roboto Condensed",
sans-serif;
}
.callback .wrapper {
overflow: hidden;
}
.callback .callback_bg {
line-height: 0;
}
.callback .callback_bg img {
width: 100%;
}
.callback .callback_holder {
color: #fff;
background-color: #3c93cd;
padding: 2em 3em;
text-align: center;
}
.callback .callback_holder.abs {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.callback .callback_holder.abs .button {
display: block;
padding: 1.5em;
font-size: 1.3em;
}
.callback .callback_holder h2 {
max-width: 800px;
margin: 0 auto;
margin-bottom: 1em;
color: #fff;
}
.callback .callback_holder form {
margin: 1em 0;
}
.callback .callback_holder input {
margin: 10px 0.7em;
width: 22%;
vertical-align: top;
color: #fff;
}
.callback .callback_holder button {
margin: 10px 0.4em;
vertical-align: top;
}
.callback .callback_holder a:not(.button) {
color: #fff;
}
.callback .callback_holder a:not(.button) span {
color: #fff;
}
.callback .callback_holder a:not(.button):hover {
color: transparent;
}
.callback .callback_holder a:not(.button):hover span {
color: #d7a644;
}
.callback .callback_holder .status.error {
color: #d7a644;
}
.callback .callback_holder .status.success {
color: #fff;
}
.callback .callback_holder .fz54 {
font-size: 0.8em;
line-height: 1.2em;
}
@media (max-width: 1200px) {
.callback .callback_holder form {
margin: 2em 0 0 0;
height: auto;
}
.callback .callback_holder input {
display: block;
margin: 1em auto;
max-width: 100%;
min-width: 500px;
}
}
@media (max-width: 600px) {
.callback .callback_holder {
padding: 2em 3em;
}
.callback .callback_holder input {
min-width: 100%;
}
}
@media (max-width: 600px) {
.callback .callback_holder {
padding: 2em;
}
}
.ytp-title {
display: none;
}
.scroll-anim {
transform: translateX(-100vw);
transform-origin: 50% 100%;
opacity: 0;
}
.scroll-anim-active {
transform: translateY(0);
opacity: 1;
}
.scroll-anim-transition {
will-change: transform, opacity;
transition:
transform 1s ease-out,
opacity 1s ease-out;
}
.title-search-result {
z-index: 1000;
background-color: #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.title-search-result > .title-search-result {
padding: 16px;
box-shadow: none;
}
.title-search-result .title-search-fader {
display: none !important;
}
.title-search-result .title-search-item {
margin-bottom: 6px;
}
.title-search-result .title-search-item a {
font-size: 0.95em;
line-height: 20px;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #444;
text-decoration: none;
}
.title-search-result .title-search-item a:hover {
color: #cd5740;
}
.title-search-result .title-search-all a,
.title-search-result .title-search-more a {
font-size: 0.95em;
line-height: 20px;
color: #000;
}
.landing__header {
float: left;
width: 73%;
margin-right: 2%;
color: #fff;
box-sizing: border-box;
padding: 4em 3em;
background-size: cover;
padding: 1.875em 3.125em;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
background-position: 50% 0;
}
header .landing__header-title h1 {
font-weight: 700;
font-size: 36px;
color: #fff;
max-width: 500px;
}
.landing__header-text {
margin: 1em 0 1.3em;
max-width: 380px;
font-weight: 400;
font-size: 16px;
line-height: 1.3;
}
.landing__header-footer {
width: 100%;
display: flex;
justify-content: space-between;
align-items: end;
}
.landing__header-left span {
display: inline-block;
font-weight: 500;
font-size: 20px;
border-radius: 8px;
padding: 7px 12px 8px;
background: #00a1e9;
line-height: 1;
box-sizing: border-box;
}
.landing__header-left ul {
display: flex;
flex-direction: row;
list-style: none;
gap: 20px;
margin: 20px 0 0;
padding: 0;
}
.landing__header-left li {
font-weight: 400;
font-size: 18px;
line-height: 1;
white-space: nowrap;
}
.landing__header-left li:not(:last-child) {
padding-right: 22px;
border-right: 2px solid #fff;
}
.landing__header-left strong {
display: block;
font-weight: 700;
font-size: 18px;
margin-bottom: 10px;
}
.landing__header-right {
display: flex;
flex-direction: column;
gap: 23px;
text-align: right;
}
.landing__header-phone {
font-weight: 700;
font-size: 23px;
white-space: nowrap;
}
.landing__header-phone a {
text-decoration: none;
color: #fff;
}
.landing__header-phone a:hover {
text-decoration: underline;
}
.landing__header-buttons {
display: flex;
gap: 50px;
}
.button__whatsapp,
.button__call {
position: relative;
padding: 8px 15px 9px 30px;
border-radius: 12px;
font-weight: 700;
font-size: 16px;
color: #fff !important;
transition: opacity 0.3s;
}
.button__whatsapp:hover,
.button__call:hover {
opacity: 0.8;
}
.button__whatsapp,
.button__whatsapp:hover {
background: #32d851;
}
.button__call,
.button__call:hover {
background: #00a1e9;
}
.button__whatsapp:after,
.button__call:after {
content: "";
position: absolute;
left: -21px;
top: -3px;
width: 46px;
height: 46px;
}
.button__whatsapp:after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='46' height='47' viewBox='0 0 46 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 46.2649C0.55594 44.2406 1.09071 42.2946 1.62548 40.3492C2.13907 38.4813 2.6513 36.6128 3.17241 34.7463C3.2291 34.543 3.21407 34.3812 3.10957 34.1935C-1.78666 25.3553 -0.467154 14.7044 6.50463 7.36959C10.4877 3.17897 15.414 0.793656 21.2002 0.34556C28.176 -0.195011 34.2333 1.98155 39.2252 6.86709C43.3674 10.921 45.6342 15.895 45.9586 21.6794C46.3377 28.439 44.1118 34.2819 39.357 39.1049C35.49 43.0269 30.7488 45.2436 25.242 45.7644C20.7173 46.1921 16.4351 45.3313 12.4076 43.2316C12.2184 43.133 12.0531 43.1207 11.8482 43.1751C8.06386 44.1692 4.27746 45.1559 0.491057 46.1439C0.348999 46.1806 0.206258 46.2146 0 46.2649ZM5.53891 40.8041C5.69599 40.7721 5.80663 40.7551 5.91386 40.7273C7.99761 40.1853 10.0848 39.6529 12.1631 39.0892C12.5674 38.9798 12.8713 39.0314 13.2271 39.2443C17.2375 41.6377 21.5635 42.5006 26.1804 41.7506C36.8061 40.0242 43.8947 29.8036 41.7665 19.3159C39.7155 9.20957 29.9361 2.5976 19.7324 4.41786C10.47 6.0695 3.76728 14.3168 4.08691 23.669C4.20984 27.2626 5.28075 30.5557 7.26273 33.557C7.39523 33.7576 7.42665 33.9317 7.36176 34.1649C6.80787 36.1416 6.26559 38.1216 5.72126 40.101C5.66116 40.3193 5.60721 40.5389 5.53891 40.8041Z' fill='%23FDFEFD' /%3e%3cpath d='M5.53891 40.8041C5.60721 40.5389 5.66116 40.3193 5.72126 40.101C6.26559 38.1216 6.80787 36.1416 7.36176 34.1649C7.42665 33.9317 7.39523 33.7576 7.26273 33.557C5.28075 30.5557 4.20984 27.2626 4.08691 23.669C3.76728 14.3168 10.4693 6.06952 19.7317 4.41653C29.936 2.59627 39.7149 9.20824 41.7658 19.3145C43.894 29.8023 36.8061 40.0228 26.1797 41.7493C21.5628 42.4993 17.2368 41.6364 13.2264 39.2429C12.8699 39.0301 12.566 38.9784 12.1624 39.0879C10.0841 39.6516 7.99759 40.184 5.91316 40.7259C5.80593 40.7538 5.69529 40.7708 5.53821 40.8028L5.53891 40.8041ZM11.157 17.5643C11.157 18.8086 11.4876 19.9789 11.9773 21.111C12.6322 22.626 13.5877 23.9628 14.5125 25.3166C17.5736 29.7996 21.7274 32.7969 26.9337 34.3696C29.3419 35.0972 31.5096 34.696 33.4438 33.0872C33.829 32.7669 34.1636 32.3998 34.3515 31.9238C34.6199 31.2438 34.7899 30.5435 34.8596 29.8125C34.9101 29.2842 34.7332 28.9456 34.2517 28.7001C33.0565 28.0902 31.8805 27.4428 30.6921 26.8179C30.283 26.6031 29.8766 26.3773 29.4347 26.2325C28.9471 26.0734 28.6766 26.1468 28.3666 26.5487C27.7867 27.3 27.1311 27.9848 26.5034 28.6946C26.1797 29.0611 25.8 29.1611 25.3478 29.0244C25.1272 28.9578 24.906 28.8816 24.6997 28.7796C21.5136 27.198 19.0611 24.8596 17.3605 21.74C17.1597 21.3714 17.1761 21.0403 17.3803 20.6955C17.6002 20.325 17.8986 20.0176 18.1882 19.7028C18.5324 19.3288 18.8842 18.963 19.1266 18.5074C19.296 18.1899 19.3233 17.8737 19.199 17.5412C18.6335 16.0283 18.0667 14.5167 17.5012 13.0038C17.3584 12.6223 17.1194 12.3232 16.7649 12.1151C15.847 11.5779 14.283 11.7234 13.4928 12.4313C11.9636 13.8014 11.1591 15.5013 11.1563 17.563L11.157 17.5643Z' fill='%2332D851' /%3e%3cpath d='M11.157 17.5643C11.1598 15.5033 11.9642 13.8035 13.4934 12.4326C14.2836 11.7248 15.8476 11.5793 16.7655 12.1165C17.1207 12.3245 17.3597 12.6237 17.5018 13.0052C18.0673 14.5181 18.6341 16.0303 19.1996 17.5426C19.3239 17.8751 19.2959 18.1906 19.1273 18.5088C18.8848 18.9644 18.5331 19.3309 18.1889 19.7042C17.8993 20.019 17.6008 20.3257 17.3809 20.6969C17.1767 21.0417 17.1603 21.3728 17.3611 21.7414C19.0617 24.861 21.5142 27.1994 24.7003 28.781C24.9059 28.883 25.1279 28.9592 25.3485 29.0258C25.8006 29.1625 26.1803 29.0625 26.504 28.696C27.1317 27.9861 27.7867 27.3007 28.3672 26.5501C28.6773 26.1482 28.9477 26.0748 29.4354 26.2339C29.8779 26.378 30.2836 26.6038 30.6927 26.8193C31.8804 27.4442 33.0565 28.0915 34.2524 28.7015C34.7339 28.9469 34.9108 29.2856 34.8602 29.8139C34.7906 30.5448 34.6205 31.2452 34.3521 31.9252C34.1643 32.4005 33.8296 32.7676 33.4444 33.0886C31.5109 34.6974 29.3425 35.0986 26.9343 34.371C21.728 32.7982 17.5742 29.801 14.5131 25.318C13.589 23.9642 12.6335 22.6273 11.9779 21.1124C11.4882 19.9796 11.1576 18.8093 11.1576 17.5657L11.157 17.5643Z' fill='%23FDFEFD' /%3e%3c/svg%3e");
}
.button__call:after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='46' height='47' viewBox='0 0 46 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23 44.2786C34.6056 44.2786 44.0137 34.8706 44.0137 23.2652C44.0137 11.6599 34.6056 2.25188 23 2.25188C11.3945 2.25188 1.98635 11.6599 1.98635 23.2652C1.98635 34.8706 11.3945 44.2786 23 44.2786Z' fill='%2300A1E9' /%3e%3cpath d='M23 46.2649C19.8962 46.2649 16.8834 45.6565 14.0468 44.4567C11.3075 43.2981 8.84837 41.64 6.73665 39.5283C4.62494 37.4167 2.96681 34.9569 1.80818 32.2183C0.608437 29.381 0 26.369 0 23.2652C0 20.1614 0.608437 17.1488 1.80818 14.3122C2.96681 11.5729 4.62494 9.11381 6.73665 7.00213C8.84837 4.89045 11.3082 3.23235 14.0468 2.07373C16.8841 0.87332 19.8962 0.264893 23 0.264893C26.1038 0.264893 29.1166 0.87332 31.9532 2.07305C34.6925 3.23166 37.1516 4.88976 39.2633 7.00145C41.3751 9.11313 43.0332 11.5729 44.1918 14.3115C45.3916 17.1481 46 20.1607 46 23.2646C46 26.3684 45.3916 29.381 44.1918 32.2176C43.0332 34.9569 41.3751 37.416 39.2633 39.5277C37.1516 41.6393 34.6919 43.2974 31.9532 44.4561C29.1166 45.6558 26.1038 46.2649 23 46.2649ZM23 4.23886C12.5086 4.23886 3.97402 12.774 3.97402 23.2652C3.97402 33.7565 12.5093 42.2916 23 42.2916C33.4907 42.2916 42.0267 33.7565 42.0267 23.2652C42.0267 12.774 33.4914 4.23886 23 4.23886Z' fill='white' /%3e%3cpath d='M29.2817 36.5917C28.4746 36.7164 27.6421 36.713 26.8083 36.5965C25.8805 36.467 25.0076 36.1601 24.1573 35.7791C23.4948 35.4824 22.837 35.1748 22.1991 34.8267C21.3282 34.3512 20.4971 33.8147 19.6948 33.233C18.1216 32.0929 16.6498 30.8308 15.2528 29.4824C14.0825 28.3526 13.0068 27.1371 12.0564 25.8154C11.361 24.8487 10.7388 23.838 10.2859 22.7322C10.0009 22.0354 9.77272 21.3214 9.68639 20.5691C9.51715 19.0974 9.73367 17.7017 10.5004 16.4129C10.9951 15.5811 11.6734 14.9494 12.5374 14.5129C13.2637 14.1464 14.0249 13.9148 14.8369 13.8257C15.5186 13.751 16.0202 14.0134 16.4128 14.5438C16.6807 14.9055 16.8492 15.3187 17.013 15.7325C17.5467 17.083 18.0949 18.428 18.5204 19.8182C18.6327 20.1847 18.5348 20.4896 18.3059 20.7733C18.0497 21.0919 17.7167 21.3132 17.3706 21.5174C17.0637 21.6983 16.7581 21.8805 16.4785 22.1025C16.4381 22.1347 16.3991 22.1676 16.3621 22.2032C16.1956 22.3642 16.1524 22.5506 16.2189 22.7753C16.358 23.2433 16.5841 23.6647 16.8499 24.0717C17.4542 24.9973 18.125 25.8689 18.8924 26.6664C19.5982 27.4002 20.3765 28.045 21.2097 28.6294C22.1011 29.2543 23.0795 29.7181 24.0367 30.2238C24.306 30.3663 24.5883 30.4595 24.887 30.5184C25.2488 30.5903 25.5044 30.4513 25.7024 30.1601C25.8559 29.934 25.9607 29.6859 26.0573 29.4324C26.2231 28.9973 26.4348 28.589 26.7459 28.2368C26.9946 27.9552 27.2879 27.8031 27.673 27.8709C27.8586 27.9038 28.0464 27.9237 28.2307 27.9607C29.8189 28.28 31.3969 28.6404 32.9262 29.1851C33.1612 29.2687 33.3935 29.3618 33.6073 29.4955C33.8827 29.6681 34.0424 29.9107 34.1006 30.2299C34.2082 30.8247 34.1924 31.4167 34.0752 32.0073C33.8443 33.1727 33.3298 34.1936 32.5062 35.0515C31.821 35.7647 30.9878 36.221 30.0245 36.4437C29.7874 36.4985 29.5476 36.541 29.2838 36.5897L29.2817 36.5917Z' fill='%23FBFDFC' /%3e%3cpath d='M35.0146 22.147C34.8748 21.3351 34.6549 20.5294 34.3644 19.7428C33.6319 17.7586 32.5096 16.0306 30.9549 14.5917C29.2742 13.0371 27.3112 12.0066 25.0891 11.4632C24.2484 11.2577 23.3974 11.1316 22.5328 11.0905C22.1902 11.0748 21.9257 10.798 21.9264 10.4609C21.9264 10.1299 22.1902 9.84968 22.5321 9.84489C22.9295 9.83872 23.3248 9.88805 23.7188 9.93807C24.628 10.0532 25.5194 10.2491 26.393 10.528C27.2927 10.8158 28.1581 11.183 28.9858 11.6387C30.5959 12.5253 31.9855 13.6784 33.1482 15.1015C34.2904 16.4985 35.1311 18.0621 35.7005 19.7729C35.9567 20.5417 36.1506 21.3262 36.2801 22.1258C36.3123 22.3252 36.3404 22.5259 36.363 22.7267C36.4021 23.0789 36.1582 23.3934 35.8218 23.4331C35.4792 23.4735 35.1715 23.2344 35.1222 22.8829C35.0879 22.6417 35.066 22.3999 35.0146 22.147Z' fill='%23FBFDFC' /%3e%3cpath d='M32.5768 22.0744C32.5973 22.2067 32.6192 22.3382 32.6384 22.4711C32.6884 22.824 32.4493 23.146 32.106 23.1912C31.758 23.2371 31.451 22.9953 31.3976 22.6424C31.1447 20.9747 30.5068 19.4708 29.4599 18.1464C28.5013 16.9336 27.3023 16.0319 25.8819 15.4263C24.9391 15.0241 23.9552 14.7829 22.9329 14.7007C22.5636 14.6712 22.3039 14.3862 22.3279 14.0313C22.3519 13.6784 22.6513 13.4269 23.0206 13.4543C24.1224 13.5366 25.183 13.7928 26.2067 14.2053C27.4023 14.6876 28.4719 15.368 29.4126 16.2485C30.415 17.1864 31.2023 18.2827 31.7662 19.5345C32.1855 20.4643 32.4192 21.2323 32.5768 22.0744Z' fill='%23FBFDFC' /%3e%3cpath d='M28.8302 22.1861C28.8665 22.4238 28.9103 22.5958 28.8493 22.7699C28.7541 23.0412 28.4896 23.22 28.2142 23.1967C27.9168 23.1714 27.6797 22.9555 27.6379 22.6568C27.5516 22.0354 27.3687 21.4447 27.0528 20.9028C26.197 19.4345 24.9041 18.6547 23.2213 18.5033C22.9198 18.4759 22.7088 18.3115 22.6307 18.0312C22.5628 17.7873 22.6601 17.5208 22.8712 17.3694C22.9966 17.2796 23.1384 17.2399 23.2885 17.2529C25.457 17.4468 27.1076 18.4622 28.1861 20.367C28.5177 20.9535 28.7253 21.5873 28.8302 22.1861Z' fill='%23FBFDFC' /%3e%3c/svg%3e");
}
@media (max-width: 1170px) {
.landing__header-footer {
flex-direction: column;
gap: 30px;
justify-content: left;
align-items: start;
}
.landing__header-right {
text-align: left;
}
.landing__header-buttons {
padding-left: 21px;
}
}
@media (max-width: 1000px) {
.landing__header {
float: none;
width: auto;
margin: 0 0 2em 0;
}
}
@media (max-width: 600px) {
.landing__header {
padding: 1.5em;
background-position: 60% 0;
}
}
@media (max-width: 420px) {
header .landing__header-title h1 {
font-weight: 700;
font-size: 32px;
}
.landing__header-text {
font-size: 15px;
}
.landing__header {
padding: 1.5em;
}
.landing__header-footer {
gap: 20px;
}
.landing__header-left span {
font-weight: 500;
font-size: 12px;
padding: 5px 12px;
}
.landing__header-left ul {
gap: 10px;
}
.landing__header-left li {
font-size: 11px;
}
.landing__header-left li:not(:last-child) {
padding-right: 10px;
border-width: 1px;
}
.landing__header-left strong {
font-size: 11px;
line-height: 1;
margin-bottom: 8px;
}
.landing__header-right {
gap: 20px;
}
.landing__header-phone {
font-size: 15px;
}
.button__whatsapp,
.button__call {
font-size: 13px;
}
.button__whatsapp:after,
.button__call:after {
top: -6px;
}
}
@media (max-width: 380px) {
.landing__header-buttons {
flex-direction: column;
gap: 20px;
}
.landing__header-buttons a {
text-align: left;
}
}
.landing__aside {
width: 25%;
padding-top: 0;
}
.landing__aside-top {
margin-bottom: 2em;
display: flex;
}
.landing__aside-top:hover .landing__aside-block--skv {
transform: translateX(-75px);
transition:
z-index 0.15s step-end,
transform 0.3s cubic-bezier(0, 0, 0.5, -5);
z-index: 1;
}
.landing__aside-block {
display: inline-block;
vertical-align: top;
}
.landing__aside-block--gallery {
position: relative;
width: 100px;
min-width: 100px;
height: 100px;
border-radius: 100%;
background: #3c93cd;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
z-index: 2;
}
.landing__aside-block--gallery:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("/i/magnifier-tool.svg");
background-color: rgba(0, 0, 0, 0.33);
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
opacity: 0;
transition:
opacity 0.2s ease-out,
background 0.2s ease-out;
}
.landing__aside-block--gallery:hover:after {
background-size: 32px;
opacity: 1;
}
.landing__aside-block--gallery a {
width: 0;
height: 0;
}
.landing__aside-block--gallery a:first-child {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.landing__aside-block--gallery img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.landing__aside-block--gallery a:not(:first-child) img {
display: none;
}
.landing__aside-block--skv {
position: relative;
z-index: 3;
transform: translateX(-50px);
transition:
z-index 0.15s step-end,
transform 0.3s cubic-bezier(0, 0, 0.5, 5);
display: inline-flex;
align-items: center;
}
.landing__aside-block--skv img {
width: 100px;
height: 100px;
margin-right: 10px;
}
.landing__aside-block--skv div {
display: inline-block;
vertical-align: middle;
color: #222;
}
.landing__aside-block--skv div span {
display: block;
font-size: 1.2em;
line-height: 1em;
}
.landing__aside-block--skv div .servis {
font-weight: 300;
}
.landing__aside-block--skv div .kardan {
font-weight: 400;
}
.landing__aside-block--skv div .vals {
font-weight: 700;
}
.landing__aside p {
margin-bottom: 1em;
}
@media (max-width: 1000px) {
.landing__aside {
display: block;
float: none;
width: auto;
margin: 0;
overflow: hidden;
}
}
.landing__advantages {
margin: 2em 0;
}
.landing__advantages-item {
float: left;
width: 23%;
margin-right: 2%;
}
.landing__advantages-top {
display: flex;
align-items: center;
}
.landing__advantages-ico {
width: 64px;
min-width: 64px;
height: 64px;
margin-right: 1em;
}
.landing__advantages-ico img {
max-width: 100%;
max-height: 100%;
}
.landing__advantages-desc {
margin: 0.5em 0;
}
.landing__advantages-text {
font-size: 0.94em;
line-height: 1.2em;
}
.landing__advantages-title {
font:
400 1.12em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
margin-bottom: 1em;
max-width: 150px;
}
@media (max-width: 1000px) {
.landing__advantages-item {
width: 48%;
margin-bottom: 2em;
}
}
@media (max-width: 600px) {
.landing__advantages-item {
width: 100%;
margin-right: 0;
}
}
.landing__costs {
position: relative;
margin: 4em 0;
}
.landing__costs-title {
font:
400 1.8em/1.2em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
margin: 0;
color: #444;
padding-right: 64px;
}
.landing__costs .slick-slider {
position: relative;
padding-top: 4em;
margin: 0 -1em;
margin-top: -32px;
}
.landing__costs .slick-slider .slick-track {
display: flex;
}
.landing__costs .slick-slider .slick-track .slick-slide {
height: auto;
}
.landing__costs .slick-slider .slick-arrow {
position: absolute;
top: 0;
font-size: 0;
width: 28px;
height: 28px;
background-color: #3c93cd;
border: none;
background-size: 16px;
background-position: center center;
background-repeat: no-repeat;
border-radius: 100%;
right: 16px;
opacity: 0.66;
transition: opacity 0.2s ease-out;
cursor: pointer;
}
.landing__costs .slick-slider .slick-arrow.slick-prev {
margin-right: 16px;
right: 36px;
background-image: url("/i/prev.svg");
}
.landing__costs .slick-slider .slick-arrow.slick-next {
background-image: url("/i/next.svg");
}
.landing__costs .slick-slider .slick-arrow:hover {
opacity: 1;
}
.landing__costs .slick-slider .slick-dots {
text-align: center;
margin: 1em 0;
list-style: none;
}
.landing__costs .slick-slider .slick-dots li {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0 6px;
width: 12px;
height: 12px;
border-radius: 100%;
background-color: #eee;
cursor: pointer;
}
.landing__costs .slick-slider .slick-dots li.slick-active {
background-color: #3c93cd;
}
.landing__costs .slick-slider .slick-dots li button {
position: absolute;
top: 0;
left: 0;
background: transparent;
border: 0;
width: 100%;
height: 100%;
font-size: 0;
}
.landing__costs-item {
width: 49%;
margin: 0 1em;
padding: 2em;
border: 1px solid #e5e5e5;
box-sizing: border-box;
}
.landing__costs-img {
display: inline-block;
vertical-align: top;
float: left;
width: 200px;
margin-right: 3em;
border: 1px solid #e5e5e5;
box-sizing: border-box;
transition: box-shadow 0.2s ease-out;
}
.landing__costs-img:hover {
box-shadow: 0 5px 25px 0 rgba(18, 25, 38, 0.1);
}
.landing__costs-img img {
max-width: 100%;
}
.landing__costs-text {
margin-top: 1em;
padding-left: 200px;
margin-left: 3em;
}
.landing__costs-text p {
margin-bottom: 1em;
font-size: 0.94em;
line-height: 1.2em;
}
.landing__costs-price {
font:
600 1.4em/1em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #444;
margin-bottom: 0.5em;
}
.landing__costs-price small {
font-weight: normal;
font-size: 0.66em;
color: #777;
}
.landing__costs-desc {
position: relative;
padding-top: 1em;
margin-top: 1em;
font-size: 0.94em;
line-height: 1.2em;
}
.landing__costs-desc:before {
content: "";
position: absolute;
top: 0px;
left: 0;
width: 20%;
height: 2px;
background-color: #3c93cd;
}
@media (max-width: 1100px) {
.landing__costs-img {
float: none;
}
.landing__costs-text {
padding: 0;
margin: 2em 0 0 0;
}
}
@media (max-width: 600px) {
.landing__costs-item {
padding: 1em;
}
.landing__costs-img {
margin-right: 0;
}
}
.landing__prices {
position: relative;
margin: 2em 0;
padding: 2.4em 4em;
background-color: #e9f4fb;
}
.landing__prices-title {
font:
400 1.8em/1em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
margin-top: 0;
margin-bottom: 1.2em;
color: #444;
}
.landing__prices .tabs {
margin: 0;
}
.landing__prices .tabs .tab-links {
margin: 0;
}
.landing__prices .tabs .tab-links .tab-link {
margin: 0 2em 1em 0;
}
.landing__prices .tabs .tab {
margin-top: 1em;
}
.landing__prices .tabs .tab table {
width: 800px;
max-width: 100%;
}
@media (max-width: 1000px) {
.landing__prices .tabs .tab table {
width: 100%;
}
}
@media (max-width: 600px) {
.landing__prices {
padding: 1em;
}
}
.landing__about {
margin: 4em 0;
padding-bottom: 3em;
border-bottom: 1px solid #eee;
}
.landing__about-top {
display: flex;
}
.landing__about-video {
width: 450px;
min-width: 450px;
margin-right: 2em;
}
.landing__about-text {
max-width: 600px;
}
.landing__about-title {
font:
400 1.8em/1em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
margin-top: 0;
margin-bottom: 0.6em;
color: #444;
}
.landing__about-partners {
display: flex;
flex-wrap: wrap;
margin: 3em -1em 0 -1em;
}
.landing__about-partners-item {
width: 16.66%;
padding: 0 1em;
text-align: center;
box-sizing: border-box;
filter: grayscale(1);
opacity: 0.7;
}
@media (max-width: 1000px) {
.landing__about-top {
display: block;
}
.landing__about-video {
margin-bottom: 2em;
margin-right: 0;
}
.landing__about-partners-item {
width: 33.33%;
margin-bottom: 2em;
}
}
@media (max-width: 600px) {
.landing__about-video {
min-width: 0;
width: auto;
}
.landing__about-partners-item {
width: 50%;
}
}
.landing__contacts {
position: relative;
margin: 4em 0;
}
.landing__contacts-map {
width: 100%;
height: 500px;
}
.landing__contacts-map .map {
height: 500px;
width: 100%;
}
.landing__contacts-info {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 100px;
padding: 2em;
font-size: 0.9em;
line-height: 1.2em;
background-color: #fff;
z-index: 20;
max-width: 280px;
box-sizing: border-box;
}
.landing__contacts-block {
margin-bottom: 1em;
}
.landing__contacts-block:last-child {
margin-bottom: 0;
}
.landing__contacts-block--phone {
font-size: 1.2em;
line-height: 2em;
}
.landing__contacts-block--phone a {
font:
300 1.4em/1em "Roboto Condensed",
"Helvetica Neue",
Arial,
Helvetica,
sans-serif;
color: #777;
text-decoration: none;
}
.landing__contacts-block--img {
margin: -2em;
margin-bottom: 1em;
}
.landing__contacts-block--img img {
max-width: 100%;
}
@media (max-width: 1000px) {
.landing__contacts-info {
left: 0;
top: 0;
height: 100%;
transform: none;
border: 1px solid #eee;
}
}
@media (max-width: 600px) {
.landing__contacts-info {
position: static;
height: auto;
width: 100%;
padding: 1em;
max-width: none;
}
.landing__contacts-block--img {
margin: -1em;
margin-bottom: 1em;
}
}
.landing__description {
margin: 4em auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.landing__description-text {
width: 73%;
margin-right: 2%;
}
.landing__description-text .h1 {
margin-top: 0;
}
.landing__description-text p {
margin-bottom: 1em;
}
.landing__description-text .button {
margin-top: 1.5em;
}
.landing__description-img {
text-align: center;
width: 25%;
}
.landing__description-img img {
width: 200px;
}
@media (max-width: 1000px) {
.landing__description-text {
width: auto;
margin: 0;
}
.landing__description-img {
display: none;
}
}
.iframe-holder {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.iframe-holder iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
[data-dropdown] [data-dropdown-content] {
display: none;
}
.messenger-button {
position: relative;
padding-left: 37px;
color: #fff;
}
.messenger-whatsapp {
background: #25d366;
border-color: #25d366;
}
.messenger-telegram {
background: #40b3e0;
border-color: #40b3e0;
}
.messenger-viber {
background: #7b519d;
border-color: #7b519d;
}
.messenger-telegram:after,
.messenger-whatsapp:after,
.messenger-viber:after {
content: "";
position: absolute;
left: 5px;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
background-position: center;
background-repeat: no-repeat;
}
.messenger-whatsapp:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MTguODYgNDIwLjg4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPndoPC90aXRsZT48ZyBpZD0iV0FfTG9nbyIgZGF0YS1uYW1lPSJXQSBMb2dvIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00NDguNCwxNTAuNzNBMjA3LjIsMjA3LjIsMCwwLDAsMzAwLjg3LDg5LjU2Yy0xMTUsMC0yMDguNTEsOTMuNTUtMjA4LjU2LDIwOC41NGEyMDguMTgsMjA4LjE4LDAsMCwwLDI3Ljg0LDEwNC4yNkw5MC41Nyw1MTAuNDRsMTEwLjU2LTI5YTIwOC4zNywyMDguMzcsMCwwLDAsOTkuNjYsMjUuMzhoLjA5YzExNC45NCwwLDIwOC41MS05My41NiwyMDguNTUtMjA4LjU1QTIwNy4yOSwyMDcuMjksMCwwLDAsNDQ4LjQsMTUwLjczWk0zMDAuODgsNDcxLjZoLS4wN2ExNzMuMDgsMTczLjA4LDAsMCwxLTg4LjIzLTI0LjE2bC02LjMzLTMuNzYtNjUuNjEsMTcuMjEsMTcuNTEtNjRMMTU0LDM5MC4zN2ExNzIuOTMsMTcyLjkzLDAsMCwxLTI2LjUtOTIuMjVjMC05NS41Nyw3Ny44LTE3My4zMywxNzMuNDItMTczLjMzQTE3My4zNywxNzMuMzcsMCwwLDEsNDc0LjIyLDI5OC4yNkM0NzQuMTgsMzkzLjg0LDM5Ni40Miw0NzEuNiwzMDAuODgsNDcxLjZaTTM5NiwzNDEuNzdjLTUuMjEtMi42MS0zMC44My0xNS4yMS0zNS42MS0xN3MtOC4yNS0yLjYxLTExLjcyLDIuNjEtMTMuNDYsMTctMTYuNSwyMC40My02LjA4LDMuOTEtMTEuMjksMS4zLTIyLTguMTEtNDEuOTEtMjUuODZjLTE1LjQ5LTEzLjgyLTI1Ljk1LTMwLjg4LTI5LTM2LjFzLS4zMi04LDIuMjgtMTAuNjNjMi4zNC0yLjM0LDUuMjEtNi4wOSw3LjgyLTkuMTNzMy40Ny01LjIyLDUuMjEtOC42OS44Ny02LjUyLS40My05LjEzLTExLjcyLTI4LjI2LTE2LjA3LTM4LjY5Yy00LjIzLTEwLjE2LTguNTMtOC43OC0xMS43Mi04Ljk1LTMtLjE1LTYuNTEtLjE4LTEwLS4xOGExOS4xNCwxOS4xNCwwLDAsMC0xMy45LDYuNTJjLTQuNzgsNS4yMi0xOC4yNCwxNy44My0xOC4yNCw0My40N3MxOC42Nyw1MC40MywyMS4yOCw1My45MSwzNi43NSw1Ni4xMSw4OSw3OC42OWEyOTkuMzYsMjk5LjM2LDAsMCwwLDI5LjcxLDExYzEyLjQ4LDQsMjMuODQsMy40MSwzMi44MiwyLjA2LDEwLTEuNSwzMC44My0xMi42MSwzNS4xNy0yNC43OHM0LjM0LTIyLjYxLDMtMjQuNzhTNDAxLjE3LDM0NC4zOCwzOTYsMzQxLjc3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkwLjU3IC04OS41NikiLz48L2c+PC9zdmc+);
background-size: 20px;
}
.messenger-telegram:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjMuNzg1NCA5LjIwMzc2TDIwLjkyNzYgMjMuNjEyNEMyMC45Mjc2IDIzLjYxMjQgMjAuNTI3OSAyNC42MTE2IDE5LjQyODggMjQuMTMyTDEyLjgzNDEgMTkuMDc2TDEwLjQzNjEgMTcuOTE3TDYuMzk5MzEgMTYuNTU4QzYuMzk5MzEgMTYuNTU4IDUuNzc5ODEgMTYuMzM4MyA1LjcxOTgxIDE1Ljg1ODZDNS42NTk4MSAxNS4zNzkgNi40MTkzMSAxNS4xMTkzIDYuNDE5MzEgMTUuMTE5M0wyMi40NjYzIDguODI0MjZDMjIuNDY2MyA4LjgyNDI2IDIzLjc4NTQgOC4yNDQ1MSAyMy43ODU0IDkuMjAzNzZaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0xMi4zMjczIDIzLjQ1MDRDMTIuMzI3MyAyMy40NTA0IDEyLjEzNDggMjMuNDMyNCAxMS44OTQ4IDIyLjY3MjlDMTEuNjU1MiAyMS45MTM1IDEwLjQzNiAxNy45MTY3IDEwLjQzNiAxNy45MTY3TDIwLjEyODMgMTEuNzYxN0MyMC4xMjgzIDExLjc2MTcgMjAuNjg3OSAxMS40MjIgMjAuNjY3OSAxMS43NjE3QzIwLjY2NzkgMTEuNzYxNyAyMC43Njc4IDExLjgyMTcgMjAuNDY3OSAxMi4xMDE1QzIwLjE2ODMgMTIuMzgxNCAxMi44NTQyIDE4Ljk1NiAxMi44NTQyIDE4Ljk1NiIgZmlsbD0iI0QyRTVGMSIvPjxwYXRoIGQ9Ik0xNS4zNjI2IDIxLjAxNDRMMTIuNzU0MyAyMy4zOTI2QzEyLjc1NDMgMjMuMzkyNiAxMi41NTAzIDIzLjU0NzQgMTIuMzI3MyAyMy40NTA0TDEyLjgyNjggMTkuMDMyOSIgZmlsbD0iI0I1Q0ZFNCIvPjwvc3ZnPg==);
background-size: 30px;
}
.messenger-viber:after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgl2aWV3Qm94PSIwIDAgNTEyLjAwMiA1MTIuMDAyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIuMDAyIDUxMi4wMDI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCgk8cGF0aCBzdHlsZT0iZmlsbDojZmZmOyIgZD0iTTQzNy45NzYsMjE0Ljg1NGMwLjYxNS03Mi4xODYtNjAuODY2LTEzOC4zNjEtMTM3LjA1MS0xNDcuNTEyYy0xLjUxNS0wLjE4LTMuMTY2LTAuNDUzLTQuOTEzLTAuNzQzDQoJCWMtMy43NzItMC42MjUtNy42NzItMS4yNjctMTEuNjA3LTEuMjY3Yy0xNS42MTQsMC0xOS43ODgsMTAuOTY4LTIwLjg4NywxNy41MWMtMS4wNjksNi4zNi0wLjA0OSwxMS43MDEsMy4wMjQsMTUuODgyDQoJCWM1LjE3MSw3LjAzMSwxNC4yNjksOC4yNzksMjEuNTc3LDkuMjhjMi4xNDIsMC4yOTYsNC4xNjMsMC41NzEsNS44NTUsMC45NTFjNjguNDQ5LDE1LjI5NSw5MS40OTcsMzkuMzQxLDEwMi43NjEsMTA3LjIwOA0KCQljMC4yNzUsMS42NTgsMC4zOTksMy43MDIsMC41MzEsNS44NjljMC40OTEsOC4xMTMsMS41MTUsMjQuOTkxLDE5LjY2MSwyNC45OTFoMC4wMDJjMS41MTEsMCwzLjEzNC0wLjEzLDQuODI0LTAuMzg4DQoJCWMxNi44OTgtMi41NjgsMTYuMzY4LTE3Ljk5NiwxNi4xMTQtMjUuNDA5Yy0wLjA3Mi0yLjA4OC0wLjE0LTQuMDYzLDAuMDM3LTUuMzc2QzQzNy45NSwyMTUuNTE5LDQzNy45NzQsMjE1LjE4Niw0MzcuOTc2LDIxNC44NTR6Ig0KCQkvPg0KCQk8cGF0aCBzdHlsZT0iZmlsbDojZmZmOyIgZD0iTTI3OS45NzQsNDAuODQ2YzIuMDI3LDAuMTQ2LDMuOTQ3LDAuMjg2LDUuNTQ1LDAuNTMxYzExMi40LDE3LjI4NiwxNjQuMDkxLDcwLjU0LDE3OC40MTYsMTgzLjgxOQ0KCQkJYzAuMjQzLDEuOTI2LDAuMjgxLDQuMjc0LDAuMzIxLDYuNzYxYzAuMTQzLDguODUsMC40MzcsMjcuMjYyLDIwLjIxLDI3LjY0M2wwLjYxNCwwLjAwNmM2LjIwMSwwLDExLjEzNC0xLjg3LDE0LjY2Mi01LjU2Mg0KCQkJYzYuMTU1LTYuNDM4LDUuNzI2LTE2LjAwMiw1LjM3OS0yMy42ODljLTAuMDg0LTEuODg2LTAuMTY1LTMuNjYyLTAuMTQ1LTUuMjE3QzUwNi40MDUsMTA5LjI4Myw0MDYuMTIsNC4yMjYsMjkwLjM2OSwwLjMyDQoJCQljLTAuNDgtMC4wMTYtMC45MzgsMC4wMS0xLjQwMSwwLjA3NWMtMC4yMjcsMC4wMzMtMC42NDksMC4wNzUtMS4zNzEsMC4wNzVjLTEuMTU0LDAtMi41NzQtMC4xLTQuMDgtMC4yMDINCgkJCUMyODEuNjk2LDAuMTQzLDI3OS42MzIsMCwyNzcuNTQsMGMtMTguNDM0LDAtMjEuOTM4LDEzLjEwMi0yMi4zODYsMjAuOTEyQzI1NC4xMiwzOC45NjMsMjcxLjU4Miw0MC4yMzMsMjc5Ljk3NCw0MC44NDZ6Ii8+DQoJCQk8cGF0aCBzdHlsZT0iZmlsbDojZmZmOyIgZD0iTTQ1OC41MTEsMzcxLjYwMmMtMi4zOS0xLjgyNS00Ljg2MS0zLjcxNC03LjE3NC01LjU3OGMtMTIuMjcyLTkuODc2LTI1LjMyOC0xOC45NzktMzcuOTU1LTI3Ljc4Mw0KCQkJCWMtMi42Mi0xLjgyNS01LjI0MS0zLjY1Mi03Ljg1Mi01LjQ4NGMtMTYuMTc0LTExLjM2MS0zMC43MTUtMTYuODgyLTQ0LjQ1My0xNi44ODJjLTE4LjUwNCwwLTM0LjYzNiwxMC4yMjQtNDcuOTUxLDMwLjM4NA0KCQkJCWMtNS44OTksOC45MzgtMTMuMDU2LDEzLjI4My0yMS44NzYsMTMuMjgzYy01LjIxNSwwLTExLjE0Mi0xLjQ4OC0xNy42MTItNC40MjVjLTUyLjIwNy0yMy42NzQtODkuNDg2LTU5Ljk3Mi0xMTAuODAzLTEwNy44ODYNCgkJCQljLTEwLjMwNS0yMy4xNTgtNi45NjQtMzguMjk1LDExLjE3Mi01MC42MTVjMTAuMjk5LTYuOTksMjkuNDY5LTIwLjAwMywyOC4xMTEtNDQuOTIyYy0xLjUzOC0yOC4yOTgtNjMuOTc2LTExMy40NDUtOTAuMjg0LTEyMy4xMTUNCgkJCQljLTExLjEzOC00LjA5Ni0yMi44NDEtNC4xMzQtMzQuODQ2LTAuMDk1QzQ2Ljc0NCwzOC42NTEsMjUuMDQxLDU2LjUwNiwxNC4yMTksODAuMTE1Yy0xMC40NTgsMjIuODEzLTkuOTg2LDQ5LjU5OSwxLjM2Niw3Ny40NjMNCgkJCQlDNDguNDAxLDIzOC4xNCw5NC41MzgsMzA4LjM4LDE1Mi43MiwzNjYuMzQyYzU2Ljk1LDU2Ljc0LDEyNi45NDYsMTAzLjIxNywyMDguMDQyLDEzOC4xMzdjNy4zMSwzLjE0NSwxNC45NzcsNC44NjEsMjAuNTc1LDYuMTEyDQoJCQkJYzEuOTA4LDAuNDI5LDMuNTU1LDAuNzk1LDQuNzU2LDEuMTI0YzAuNjYsMC4xOCwxLjM0LDAuMjc3LDIuMDIzLDAuMjgzbDAuNjQxLDAuMDAzYzAuMDAyLDAsMCwwLDAuMDAzLDANCgkJCQljMzguMTQyLDAsODMuOTQxLTM0Ljg1NCw5OC4wMDctNzQuNTlDNDk5LjA5LDQwMi42MTgsNDc2LjU5LDM4NS40Miw0NTguNTExLDM3MS42MDJ6Ii8+DQoJCQkJPHBhdGggc3R5bGU9ImZpbGw6I2ZmZjsiIGQ9Ik0yOTYuODQ1LDEzMi44NzJjLTYuNTMsMC4xNjUtMjAuMTIxLDAuNTAyLTI0Ljg4OSwxNC4zNDRjLTIuMjMxLDYuNDY4LTEuOTY0LDEyLjA4NCwwLjc5NSwxNi42OTINCgkJCQkJYzQuMDQ4LDYuNzYxLDExLjgwNSw4LjgzMywxOC44Niw5Ljk3YzI1LjU4Niw0LjEwNiwzOC43MjYsMTguMjU0LDQxLjM1NCw0NC41MjJjMS4yMjEsMTIuMjQ4LDkuNDY5LDIwLjgwMSwyMC4wNTksMjAuODAxaDAuMDAyDQoJCQkJCWMwLjc4MiwwLDEuNTgyLTAuMDQ2LDIuMzc5LTAuMTQzYzEyLjczNi0xLjUxNSwxOC45MTEtMTAuODczLDE4LjM1My0yNy44MWMwLjIwNC0xNy42NzctOS4wNDctMzcuNzQ1LTI0Ljc4MS01My43Mw0KCQkJCQlDMzMzLjE4NywxNDEuNDg0LDMxNC4xNTYsMTMyLjQ1NCwyOTYuODQ1LDEzMi44NzJ6Ii8+DQoJCQkJPC9zdmc+DQo=);
background-size: 18px;
}
.content .profile font.notetext {
color: #777;
}
.swiper-detail {
aspect-ratio: auto;
margin-bottom: 1em;
}
.swiper-previews .swiper-slide picture,
.swiper-previews .swiper-slide img {
height: 100%;
object-fit: contain;
}
.footer__info {
position: relative;
width: 94%;
margin: 0 auto;
padding: 20px 0 10px;
max-width: 1600px;
color: #aaaaaa;
font-size: 12px;
line-height: 1.4;
}
/* End */
/* Start:/css/style.css?175068377826725*/
import url("/css/swiper-bundle.min.css");
.catalog-equipment.en .wr .bg {
background: transparent url("/i/equipment_en.jpg") no-repeat 50% 50%;
background-size: cover;
}
.catalog-sets.en .wr .bg {
background: transparent url("/i/sets_en.jpg") no-repeat 50% 50%;
background-size: cover;
}
.catalog-parts.en .wr .bg {
background: transparent url("/i/parts_en.jpg") no-repeat 50% 50%;
background-size: cover;
}
header.main .top .lang dd ul a {
padding: 5px 15px 5px 15px;
}
.hidden {
display: none;
}
.win-form .change dl.f dt {
width: 150px;
}
.win-form .errortext {
color: #fff;
}
.win-form dl.f dd input.text.error {
border: 1px solid red;
margin: -1px;
}
.button.disabled {
opacity: 0.3;
}
@media (max-width: 700px), (max-height: 700px) {
.win-content.win-form-adaptive {
top: 0 !important;
left: 0 !important;
width: 100%;
height: 100%;
margin: 0;
}
.win-content.win-form-adaptive .close {
right: 15px;
top: 15px;
}
.win-content.win-form-adaptive .callback.one-click-buy {
min-height: 100%;
}
}
.win-form .one-click-buy,
.win-form .consult {
background: #3d8ecd url("/i/bg.blue.jpg") repeat 0 0;
-webkit-background-size: cover;
background-size: cover;
}
.win-form .one-click-buy input.text,
.win-form .consult input.text {
background-color: #2a75af;
}
.win-form .one-click-buy input.text:focus,
.win-form .consult input.text:focus {
background-color: #186098;
}
.win-form header .h4.tab-link {
margin: 0 10px;
}
.win-form header .h4.tab-link {
cursor: pointer;
}
.win-form header .h4.tab-link.active {
font-weight: bold;
cursor: default;
}
@media all and (max-width: 600px) {
.win-form header .h4.tab-link {
margin: 0 2px;
}
.social-auth,
.callback {
flex-shrink: 0;
}
.win-content {
display: flex;
flex-direction: column;
width: 100%;
min-height: 100%;
height: 100%;
top: 0 !important;
left: 0;
margin: 0;
overflow: auto;
}
.win-remind .win-content {
margin-top: 0;
}
.win-content .close {
top: 14px;
right: 10px;
}
}
.location-block-wrapper .bx-ui-combobox-container .bx-combobox-fake-as-input {
height: 17px;
padding-top: 16px;
}
article.main .order-auth {
display: block;
float: none;
}
#order_form_div article.main .order-auth {
width: auto;
}
.order-history .item header .status {
display: inline-block;
font-size: 0.8em;
line-height: 1.2em;
margin-left: 0.2em;
}
.icon-g-vkontakte,
.icon-g-VKontakte {
background-position: -180px -30px;
}
.icon-g-twitter {
background-position: -210px -30px;
}
.icon-g-facebook {
background-position: -240px -30px;
}
/*.catalog .item-wr .i img {
width:auto;
height:auto;
object-fit: none;
}*/
.catalog .item-wr .i {
text-align: center;
}
.catalog .item-wr .i::after {
background-color: #fff;
}
.simple-column {
max-width: 60%;
}
footer.main .contacts .phone,
footer.main .contacts .email {
margin-right: 10px;
}
.order-history .item .pay {
clear: left;
padding-top: 10px;
text-align: right;
width: 100%;
}
/*nav.sub ul .active a, nav.sub ul .active span {
background: #858594;
}
nav.sub ul .active > a, nav.sub ul .active > span {
background: #60606D;
}*/
.slider .scroller .item,
.slider .scroller .item .i .img {
max-height: none;
}
div.catalog-param {
display: inline;
}
div.catalog-param span {
color: #777777;
}
div.catalog-param a {
color: rgba(119, 119, 119, 0.5);
margin-left: 2px;
}
.f-group .f .info {
font-size: 0.75em;
margin-top: 10px;
}
.content font.notetext {
color: #fff;
}
/* about */
.company header {
max-width: 740px;
margin-bottom: 2em;
}
.company header h2 {
font-size: 2em;
margin-bottom: 0.5em;
}
.company .ico.comp-ico {
width: 80px;
height: 80px;
display: inline-block;
vertical-align: top;
background: url("/i/about-ico.png") no-repeat;
}
.company .ico.comp-ico.i1 {
background-position: 0 0;
}
.company .ico.comp-ico.i2 {
background-position: -80px 0;
}
.company .ico.comp-ico.i3 {
background-position: -160px 0;
}
.company .ico.comp-ico.i4 {
background-position: -240px 0;
}
.company .company-column {
display: inline-block;
vertical-align: top;
width: 47%;
margin: 2em 0;
margin-right: 3%;
}
@media (max-width: 768px) {
.company .company-column {
display: block;
width: 100%;
margin-right: 0;
}
}
.company .company-column dt img {
max-width: 80px;
max-height: 80px;
}
.company .company-column dd {
margin: 1em 0;
}
.company .company-column dd h4 {
font-size: 1.12em;
margin-bottom: 1em;
font-weight: normal;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.company .company-column dd p {
font-size: 0.94em;
color: #777;
}
/* не копировать для менб мобильной версии*/
.mobile-nav .lang.lang-mobile {
display: none;
}
/* выбор языка в шапке мобильной версии */
@media all and (max-width: 1200px) {
header.main .top-mobile {
display: block;
width: 60px;
margin-left: 45px;
float: left;
}
}
@media all and (max-width: 400px) {
header.main .top-mobile {
margin-left: 35px;
}
}
@media all and (min-width: 1200px) {
header.main .top.top-mobile {
display: none;
}
}
.catalog .item-wr .price-from {
display: inline;
}
div.search-page input.search-query {
padding: 4px 13px;
text-decoration: none;
font-size: 0.95em;
line-height: 1.2em;
border-color: #eeeeee !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header.main .header-bottom .header-menu .button {
outline: none;
}
@media (max-width: 1000px) {
header.main .top .top-nav > ul > li {
margin-right: 10px;
}
header.main .top .top-nav > ul > li.parent {
display: flex;
}
header.main .top .top-nav > ul > li.parent:hover ul {
display: none;
}
header.main .top .top-nav > ul > li.parent:hover:after {
transform: rotate(0);
}
header.main .top .top-nav > ul > li.parent.active:after {
transform: rotate(180deg);
}
}
@media (max-width: 380px) {
header.main .header-bottom .header-controls-ico {
width: 28px;
height: 28px;
}
header.main .header-bottom .cart .count {
left: 16px;
}
header.main .header-bottom .logo-wr {
width: 120px;
height: auto;
}
header.main .header-bottom .header-menu .button {
padding: 4px;
}
}
header.main .sub-top-nav {
display: none;
order: 3;
overflow: auto;
width: 100%;
}
@media (max-width: 1000px) {
header.main .sub-top-nav {
display: block;
}
}
header.main .sub-top-nav > div {
display: none;
border-top: 1px solid #e5e5e5;
padding: 5px 0;
}
header.main .sub-top-nav ul {
display: flex;
align-items: center;
list-style: none;
width: 100%;
}
header.main .sub-top-nav ul li {
display: flex;
align-items: center;
margin: 0 10px 0 0;
white-space: nowrap;
}
header.main .sub-top-nav ul a {
font-size: 0.9em;
line-height: 20px;
text-decoration: none;
color: #444;
}
footer.main_ru .copy {
display: flex;
flex-direction: column;
}
footer.main_ru .contacts {
display: flex;
flex-direction: column;
}
footer.main_ru .developer {
display: flex;
flex-direction: column;
text-align: end;
}
footer.main_ru .container {
display: flex;
justify-content: space-between;
}
@media (max-width: 800px) {
footer.main_ru .container {
display: grid;
grid-gap: 1em;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
footer.main .container > * {
margin: 0;
}
footer.main_ru .developer {
text-align: center;
}
}
@media (max-width: 475px) {
footer.main_ru .container {
grid-template-columns: minmax(0, 1fr);
grid-gap: 0.5em;
}
}
.cookieinfo .cookieinfo-close {
color: #fff !important;
}
.docs-list .item a:hover {
color: #cd5740;
}
.docs-list .item a:hover .no-hover {
color: #444;
}
.filter-content label {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.service-list .item .desc .i,
.catalog-list-parts .item .desc .i,
.catalog-list-cart .item .desc .i {
height: 100%;
}
div.product-info .to-cart .status {
font-size: 1.2em;
font-weight: bold;
}
.gallery .i {
background-color: #fff;
text-align: center;
height: auto;
padding-bottom: 0;
}
.gallery .i iframe,
.gallery .i img {
position: static;
width: auto;
height: auto;
object-fit: contain;
max-width: 100%;
max-height: 100%;
}
./*gallery .i img {
width:auto;
}
.gallery .previews a {
min-height: 100px;
text-align:center;
vertical-align: middle;
}*/
.parts-to-cart input.text {
width: 3.1em;
}
.win-form dl.f dd textarea.text {
color: #000;
}
.win-content.win-form #regform .g-recaptcha {
width: 50%;
margin: 1rem auto;
padding-left: 1rem;
}
@media (max-width: 460px) {
.win-content.win-form #regform .g-recaptcha {
width: 70%;
}
}
@media (max-width: 375px) {
.win-content.win-form #regform .g-recaptcha {
width: 80%;
padding-left: 0;
}
}
.win-form .social-auth header span,
.win-form .auth header h4 {
margin: 0 auto;
}
header.main .top .top-nav > ul .a,
header.main .top .top-nav > ul a {
cursor: pointer;
}
input.text,
header.main .header-bottom .search input.text {
cursor: text;
}
.bx-authform-social ul li .bx-authform-social-icon.btelegram {
transform: scaleX(-1);
}
.shifted-for-slider-arrows {
padding-right: 100px;
}
div.product-info__item .to-cart {
margin-top: 2.5rem;
margin-bottom: 1.875rem;
}
div.product-info__item .to-cart .button {
font-size: 1rem;
font-family: "Roboto", "Arial", sans-serif;
padding: 10px 20px;
}
div.product-info__item .to-cart .credit-link {
font-size: 0.8rem;
text-decoration: none;
margin-left: 0.75rem;
}
.catalog__table {
border-top: 1px solid #e6e6e6;
margin: 0;
margin-left: -1.25rem;
padding-left: 1.25rem;
padding-top: 1.25rem;
font-family: "Inter";
color: #000000;
}
.catalog__table td {
padding-bottom: 1rem;
}
.catalog__table .product-info__item .title {
font-size: 0.875rem;
vertical-align: top;
font-variation-settings: "wght" 400;
max-width: 9rem;
}
.catalog__table .product-info__item .value {
font-size: 0.875rem;
font-variation-settings: "wght" 300;
vertical-align: top;
padding-left: 1.25rem;
width: 60%;
}
.swiper-detail-new .swiper-slide img {
width: 100%;
}
.product-info__item-lg {
width: 75%;
margin-top: 30px;
}
.product-info__item-rg {
width: 22.5%;
margin-top: 30px;
}
.catalog__content {
position: relative;
width: 75%;
padding-top: 6rem;
}
.catalog__menu {
padding: 2.5rem 0;
position: absolute;
width: 94%;
margin: 0 auto;
max-width: 1600px;
top: 0;
left: 0;
border-bottom: 1px solid #e6e6e6;
background: #fff;
z-index: 99;
transition: top 0.15s ease;
}
.catalog__menu.fixed {
position: fixed;
top: 5.9rem;
width: 100%;
max-width: 100%;
}
.catalog__support {
margin-bottom: 5rem;
}
.catalog__menu.fixed ul {
width: 94%;
margin: 0 auto;
max-width: 1600px;
}
.catalog__menu ul {
display: flex;
}
.catalog__menu ul li {
list-style-type: none;
padding: 0 0.875rem;
border-right: 1px solid #e6e6e6;
}
.catalog__menu ul li:first-child {
padding-left: 0;
}
.catalog__menu ul li:last-child {
border: none;
}
.catalog__menu ul li a:hover {
color: #000;
text-decoration: none;
}
.catalog__adv {
}
.catalog__adv section {
padding: 60px 0px;
border-bottom: 1px solid #e6e6e6;
}
.catalog__adv section .catalog__adv-numbers {
font-size: 4rem;
color: #000;
font-family: "Inter";
font-variation-settings: "wght" 200;
margin-bottom: 10px;
line-height: 1.5;
}
.catalog__content h2 {
font-size: 2.5rem;
}
.catalog__content section:not(.catalog__content-banner) {
display: flex;
}
.catalog__content-banner {
display: flex;
flex-direction: column;
}
.catalog__content-banner h4 {
margin-bottom: 30px;
}
.catalog__content section > div {
margin-right: 0;
flex-basis: 70%;
}
.icon_catalog {
background: #ececec;
border-radius: 1rem;
margin: 0 0 auto;
padding: 12px;
display: flex;
width: 44px;
flex-shrink: 0;
}
.icon_catalog img {
width: 100%;
}
.catalog__content section h4 {
font-family: "Inter";
font-size: 1.5rem;
color: #444;
font-variation-settings: "wght" 400;
flex-basis: 35%;
}
.catalog__content section p {
font-family: "Inter", "Arial", sans-serif;
font-size: 1rem;
color: #000;
font-variation-settings: "wght" 400;
margin-bottom: 10px;
}
.catalog__content-banner .company__logo {
height: 66px;
}
.catalog__content-banner-item {
position: relative;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.04%, rgba(0, 0, 0, 0.18) 76.63%, rgba(0, 0, 0, 0.3) 96.5%);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
margin-right: 0;
aspect-ratio: 16/6.5;
display: flex;
padding-bottom: 24px;
margin-bottom: 30px;
border-radius: 1rem;
}
.catalog__content-banner-item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 1rem;
z-index: -2;
}
.catalog__content-banner-item picture::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 1rem;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.04%, rgba(0, 0, 0, 0.18) 76.63%, rgba(0, 0, 0, 0.3) 96.5%);
z-index: -1;
}
.catalog__content-banner-desc {
width: 66.5%;
margin-left: auto;
}
.catalog__content .catalog__content-banner-item p {
margin: auto auto 0;
text-align: center;
color: #ffffff;
font-size: 1rem;
font-variation-settings: "wgth" 400;
width: 62%;
}
.catalog__adv-text.with-icon {
display: flex;
gap: 10px;
}
.catalog__adv-text.with-icon ~ p {
margin-top: 30px;
}
.catalog__tec {
display: flex;
flex-direction: column;
}
.catalog__tec h2 {
margin-bottom: 30px;
}
.catalog__tec table {
border-spacing: 0 20px;
}
.catalog__tec table td {
font-family: "Inter", "Arial", sans-serif;
font-size: 1rem;
color: #000;
}
.catalog__tec table td.key {
width: 38%;
}
.catalog__decs {
display: flex;
flex-direction: column;
}
.cert {
display: flex;
flex-direction: column;
}
.cert__items {
display: flex;
gap: 70px;
}
.cert__items div {
width: 240px;
}
.cert__items p {
font-size: 1rem;
}
.cert__items-img {
width: 100%;
}
.catalog__support {
flex-direction: column;
}
.catalog__support-items {
display: flex;
gap: 1rem;
}
.catalog__support-item {
position: relative;
}
.catalog__support-item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 1rem;
z-index: -1;
}
.catalog__support-items .catalog__support-item p {
margin: auto auto 0;
width: 73%;
height: 35%;
font-size: 1rem;
color: #fff;
text-align: center;
}
.item-1 {
background: linear-gradient(180.18deg, rgba(0, 0, 0, 0) 30.38%, rgba(0, 0, 0, 0.4) 86.53%);
}
.item-2 {
background: linear-gradient(180.18deg, rgba(0, 0, 0, 0) 30.38%, rgba(0, 0, 0, 0.4) 86.53%);
}
.item-3 {
background: linear-gradient(180.18deg, rgba(0, 0, 0, 0) 30.38%, rgba(0, 0, 0, 0.4) 86.53%);
}
.item-4 {
background: linear-gradient(180.18deg, rgba(0, 0, 0, 0) 30.38%, rgba(0, 0, 0, 0.4) 86.53%);
}
.catalog__support-item {
width: 287px;
aspect-ratio: 6/5;
display: flex;
background-repeat: no-repeat;
background-size: cover;
border-radius: 1rem;
}
.swiper-detail-new .swiper-pagination {
display: flex !important;
width: 100% !important;
margin-bottom: 10px !important;
}
.swiper-detail-new .swiper-pagination-bullet {
display: flex !important;
width: 100% !important;
background: #eeeeee !important;
border-radius: 0 !important;
height: 5px !important;
opacity: 1 !important;
}
.swiper-detail-new .swiper-pagination-bullet-active {
display: flex !important;
width: 100% !important;
background: #3c93cd !important;
border-radius: 0 !important;
}
.swiper-button-next,
.swiper-button-prev {
color: #fff !important;
}
@media (max-width: 1600px) {
.product-info__item-rg {
width: 38%;
}
.product-info__item-lg {
width: 60%;
}
.catalog__table td {
padding-bottom: 0.15rem;
list-style: 1.15;
}
}
@media (max-width: 1200px) {
.catalog__menu.fixed {
top: 5.7rem;
}
.product-info__item-lg {
width: 100%;
margin-top: 25px;
}
.product-info__item-rg {
width: 100%;
margin-top: 12px;
}
.catalog__table .product-info__item .title,
.catalog__table .product-info__item .value {
font-size: 0.75rem;
}
.catalog__content {
width: 100%;
}
.catalog__adv section {
padding: 1.25rem 0rem;
}
.catalog__menu {
overflow-x: auto;
}
.catalog__menu ul {
width: max-content;
}
.catalog__content h2 {
font-size: 1.875rem;
}
.catalog__content section h4 {
font-size: 1.25rem;
margin-bottom: 1.25rem;
}
.catalog__adv section .catalog__adv-numbers {
font-size: 1.875rem;
}
.catalog__content section p {
font-size: 0.75rem;
}
.catalog__content section:not(.catalog__content-banner) {
flex-direction: column;
}
.catalog__content section > div {
width: 70%;
margin-left: auto;
}
.catalog__content section .catalog__content-banner-item {
width: 100%;
}
.catalog__content-banner-item {
aspect-ratio: 16/7;
}
.catalog__content .catalog__content-banner-item p {
font-size: 0.75rem;
width: 90%;
}
.catalog__content-banner .company__logo {
height: 2.25rem;
}
.catalog__content section .catalog__adv-text.with-icon {
width: 100%;
}
.icon_catalog {
width: 2.5rem;
}
.icon_catalog img {
width: 100%;
}
.catalog__content section > div:has(.catalog__adv-text.with-icon) {
width: 100%;
}
.catalog__adv-text.with-icon ~ p {
margin-top: 0;
width: 80%;
margin-left: auto;
}
.catalog__content-banner-item {
padding-bottom: 0.625rem;
}
.catalog__tec table td {
font-size: 0.75rem;
vertical-align: text-top;
}
.catalog__content section .file_holder-wrapper {
width: 100%;
}
.catalog__content .file a .title {
font-size: 0.825rem;
}
.catalog__content .file .extra {
font-size: 0.75rem;
}
.catalog__content section .cert__items {
width: 100%;
gap: 1.25rem;
}
.cert__items div {
width: 9.5rem;
}
.catalog__content section .catalog__support-items {
width: 100%;
flex-wrap: wrap;
}
.catalog__support-item {
width: 10rem;
}
.catalog__support-items .catalog__support-item p {
font-size: 0.75rem;
line-height: 1.25;
height: auto;
margin-bottom: 0.75rem;
width: 90%;
}
.swiper-detail-new .swiper-pagination-bullet {
height: 3px !important;
}
.swiper-button-next,
.swiper-button-prev {
font-size: 0.75rem;
}
.catalog__table {
margin-left: 0;
padding-left: 0;
}
.catalog__table .product-info__item .value {
width: 70%;
padding-left: 0;
}
}
@media (max-width: 1000px) {
.catalog__menu.fixed {
padding: 1.5rem 0;
}
}
@media (max-width: 600px) {
.catalog__menu.fixed {
padding: 1rem 0;
}
.catalog__table .product-info__item .value {
width: 62%;
}
.catalog__content-banner-item {
aspect-ratio: 16 / 9;
}
.landing__about-top.second-item .landing__about-video {
min-width: 0;
width: 100%;
}
.catalog__menu.fixed {
position: fixed;
top: 3.5rem;
width: 100%;
max-width: 100%;
}
.catalog__menu.fixed ul {
width: max-content;
padding: 0 1rem;
}
.catalog__menu ul li {
font-size: 0.875rem;
}
}
.landing__about-top.second-item {
margin-top: 2.5rem;
}
.landing__about-top.second-item .landing__about-video {
aspect-ratio: 16 / 9;
object-fit: cover;
}
.landing__contacts-block--img img {
max-width: 100%;
aspect-ratio: 3 / 2;
object-fit: cover;
}
.landing__contacts-info.map_item-2 {
z-index: -1;
}
.swiper .promo-labels {
position: absolute;
top: 1rem;
left: 1rem;
z-index: 999;
}
.gallery {
width: 100%;
margin-top: 2rem;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1.25rem;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
@media (max-width: 1024px) {
.gallery {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.gallery {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 375px) {
.gallery {
grid-template-columns: 1fr;
}
}
.gallery-item {
width: 100%;
border-bottom: none;
text-decoration: none;
transition: box-shadow 0.3s ease;
}
.gallery-item:hover {
box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);
}
.item-image {
position: relative;
overflow: hidden;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.item-image picture {
display: flex;
object-fit: contain;
width: 100%;
max-height: 100%;
transition: scale 0.3s ease;
}
.item-image picture img {
width: 100%;
height: 100%;
}
.gallery-item:hover picture {
scale: 1.1;
}
.gallery-item .item-date {
box-sizing: border-box;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
padding: 0.625rem;
color: #ffffff;
font-size: 1rem;
line-height: 1.25rem;
z-index: 5;
transition: color 0.3s ease;
}
.gallery-item:hover .item-date {
color: #444444;
}
.item-title {
font-size: 1.25rem;
line-height: 1.5rem;
color: #444;
padding: 0.625rem;
}
.custom-select-group {
margin-top: 3.75rem;
display: flex;
align-items: center;
gap: 1.25rem;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: 300;
}
.custom-select {
position: relative;
width: auto;
}
.selected-title {
background: #eeeeee;
cursor: pointer;
color: #444444;
padding: 0.4375rem 0.75rem;
display: flex;
flex-direction: row;
justify-items: center;
align-items: center;
font-size: 1.125rem;
line-height: 1.3125rem;
transition:
background-color 0.3s ease,
color 0.3s ease;
}
.selected-title.active {
background: #3c93cd;
color: #ffffff;
padding-right: 0;
}
.selected-title .count {
display: none;
}
.selected-title.active .count {
display: block;
}
.selected-title .down {
display: block;
width: 1.875rem;
height: 1.25rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.18627 5.86077L1.12946 1.58124C0.656693 0.91937 1.12982 0 1.94319 0H8.05681C8.87018 0 9.34331 0.91937 8.87054 1.58124L5.81373 5.86077C5.41491 6.41912 4.58509 6.41912 4.18627 5.86077Z' fill='%23444444'/%3E%3C/svg%3E%0A");
transition: transform 0.3s ease;
}
.selected-title.opened .down {
transform: rotate(180deg);
}
.selected-title.active .down {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.18627 5.86077L1.12946 1.58124C0.656693 0.91937 1.12982 0 1.94319 0H8.05681C8.87018 0 9.34331 0.91937 8.87054 1.58124L5.81373 5.86077C5.41491 6.41912 4.58509 6.41912 4.18627 5.86077Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.custom-select .remove {
display: none;
width: 2.0625rem;
height: 1.25rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4.5 4.5L1 8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 8L4.5 4.5L8 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
cursor: pointer;
border-left: 1px solid #8fc6ea;
transition: background-image 0.1s ease;
}
.custom-select .remove:hover {
background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4.5 4.5L1 8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 8L4.5 4.5L8 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.select-items {
padding: 0.625rem 0.75rem;
background: #ffffff;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
flex-direction: column;
gap: 0.625rem;
display: flex;
font-size: 1.125rem;
line-height: 1.3125rem;
}
.custom-select:hover {
z-index: 20;
}
.select-items-wrapper {
visibility: hidden;
opacity: 0;
padding-top: 0.625rem;
position: absolute;
top: 2.1875rem;
left: 0;
z-index: 20;
transition: visibility 0.3s ease;
}
.select-items-wrapper.active {
visibility: visible;
opacity: 100;
transition: opacity 0.3s ease;
}
.select-item {
width: fit-content;
display: flex;
justify-content: center;
align-items: center;
}
.select-item label {
padding-left: 0.375rem;
color: #444444;
cursor: pointer;
}
.select-item .input-checkbox {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
cursor: pointer;
position: relative;
width: 0.75rem;
height: 0.75rem;
background: #eeeeee;
border-radius: 1px;
border: none;
}
.select-item .input-checkbox::after {
content: "";
position: absolute;
inset: 0;
width: 0px;
height: 0px;
transition:
background-image 0.3s ease,
background-color 0.3s ease;
}
.select-item .input-checkbox:checked::after {
border-radius: 1px;
width: 0.75rem;
height: 0.75rem;
background-position: 50% 50%;
background-color: #3c93cd;
background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L3 5.5L7 0.5' stroke='white' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
transition:
background-image 0.3s ease,
background-color 0.3s ease;
}
.select-item .input-checkbox:disabled {
background: #ccc;
border-color: #ccc;
}
.select-item .input-checkbox:disabled::after {
filter: grayscale(100%);
}
#spinner {
display: none;
}
.pages-years {
margin: 0px 5px 10px 5px;
}
.pages-years a,
.pages-years span {
padding-left: 10px;
padding-right: 10px;
margin-left: 5px;
margin-top: 10px;
}
.errortext {
display: block;
color: #f00;
font-size: 0.9rem;
line-height: 1.2;
margin: 0.5rem 0;
}
.about-video {
margin: 2rem 0;
video {
display: block;
width: 100%;
aspect-ratio: 16/9;
}
}
/* End */
/* Start:/css/swiper-bundle.min.css?49916250018431*/
/**
* Swiper 11.1.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2024 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: May 30, 2024
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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:flex;justify-content: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%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */
/* /css/main.css?1747987010286508 */
/* /css/style.css?175068377826725 */
/* /css/swiper-bundle.min.css?49916250018431 */