.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}html,
body {
width: 100% !important;
height: 100% !important;
}
body {
background: #202A30;
}
a {
text-decoration: none;
}
.container {
margin: auto;
width: 100%;
max-width: 1170px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1170px) {
.container {
padding: 0 15px;
}
}
.btn,
.clickBuyButton,
.buyButtonOkForm {
border-radius: 0 !important;
background: #1A93BB;
color: #ffffff;
font-weight: bold;
border: none;
cursor: pointer;
white-space: nowrap;
-webkit-box-shadow: 0 2px 0 #197594;
box-shadow: 0 2px 0 #197594;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.btn_small,
.clickBuyButton,
.buyButtonOkForm {
padding: 18px 26px;
font-size: 13px;
}
.btn_big {
padding: 25px 53px;
text-transform: uppercase;
font-size: 16px;
max-width: 247px;
}
.slider-btn {
display: block;
margin-top: auto;
width: 100%;
margin-bottom: 40px;
}
.section {
padding-top: 120px;
padding-bottom: 170px;
background: #fff;
}
.section-content {
padding-left: 41px;
}
.section-title {
font-size: 35px;
font-weight: 800;
text-transform: uppercase; line-height: 150%;
text-indent: -12px;
}
.section-title_w {
color: #ffffff;
}
.section-title span {
color: #1A93BB;
}
.section-title::before {
content: '';
background: #1A93BB;
width: 12px;
height: 100px;
display: inline-block; -webkit-transform: skewY(-45deg) translate(-28px, 5px);
-ms-transform: skewY(-45deg) translate(-28px, 5px);
transform: skewY(-45deg) translate(-28px, 5px); }
.section-desc {
line-height: 169%;
}
.slick-dots {
bottom: -70px;
}
.slick-dots li button {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
height: 10px;
width: 10px;
background: #C4C4C4;
}
.slick-dots .slick-active button {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
height: 14px;
width: 14px;
background: #1A93BB;
}
.slick-dots li button:before {
display: none;
}
@media screen and (max-width: 574px) {
.section {
padding-top: 50px;
padding-bottom: 100px;
}
.section-title {
font-size: 24px;
}
.section-title::before {
height: 80px;
top: -5px;
-webkit-transform: skewY(-45deg) translate(-10px, 20px);
-ms-transform: skewY(-45deg) translate(-10px, 20px);
transform: skewY(-45deg) translate(-10px, 20px);
}
.section-desc {
font-size: 14px;
}
.section-content {
padding-left: 15px;
}
}
.social {
padding-top: 6px;
}
.social a {
margin-left: 15px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.social a:hover {
-webkit-filter: drop-shadow(2px 4px 6px black);
filter: drop-shadow(2px 4px 6px black);
}
.social a:first-child {
margin: 0;
}
.header {
position: absolute;
max-width: 1170px;
width: 100%;
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
z-index: 100;
padding-top: 30px;
}
.header-not_front {
position: relative;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
margin: auto;
max-width: none;
padding-bottom: 20px;
left: 0;
}
.large-header {
position: absolute;
width: 100%;
height: 100% !important;
background: #202A30;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.header-nav {
font-size: 13px;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header-nav__menu {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header-nav__menu * {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.header-nav__menu li {
position: relative;
}
.header-nav__menu .sub-menu {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
height: 0;
overflow: hidden;
opacity: 0;
top: 50px;
}
.sub-menu__open {
position: absolute;
background: transparent;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 100%;
width: 30px;
cursor: pointer;
}
.header-nav__menu li .sub-menu__open .fa {
color: #fff;
}
.header-nav__menu li .sub-menu>li>.sub-menu__open {
left: auto;
right: 0;
}
.header-nav__menu li .sub-menu>li>.sub-menu__open .fa {
color: #000;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
@media screen and (min-width: 1170px) {
.header-nav__menu li:hover>ul {
max-height: 1000px;
overflow: visible;
opacity: 1;
top: 100%;
}
}
.header-nav__menu .sub-menu a {
background: #fff;
color: #000;
font-size: 14px;
font-weight: 500;
}
.header-nav__menu .sub-menu a:hover {
background: #1A93BB;
color: #fff;
}
.header-nav__menu li>.sub-menu li .sub-menu {
left: 100%;
top: 0;
}
.header-nav__menu li>.sub-menu li .sub-menu a {
background: #1A93BB;
color: #fff;
font-size: 12px;
font-weight: normal;
}
.header-nav__menu li>.sub-menu li .sub-menu a:hover {
text-decoration: underline;
}
.header-nav__menu a {
display: block;
}
.header-nav__menu .sub-menu a {
min-width: 291px;
padding: 15px 25px;
}
.header-nav__menu>li>a {
color: #ffffff;
padding: 25px 0;
}
.header__btn {
margin-left: 40px;
}
.header-contacts {
text-align: right;
}
.header-contacts>a {
display: block;
color: #ffffff;
}
.header-contacts__phone {
font-size: 17px;
font-weight: bold;
margin-bottom: 3px;
}
.header-contacts__cta {
font-size: 13px;
font-weight: 600;
}
@media screen and (max-width: 1170px) {
.header {
padding: 30px 15px 0 15px;
}
.header-nav__menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #1A93BB;
position: fixed;
width: 100%;
min-height: 100vh;
height: auto;
top: 0;
left: -100%;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 100px 0;
}
.header-nav__menu li {}
.header-nav__menu .sub-menu {
z-index: 1;
position: static;
}
.header-nav__menu li>.sub-menu {
display: block;
overflow: visible;
height: 100%;
opacity: 1;
height: auto;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 1s;
-o-transition: max-height 1s;
transition: max-height 1s;
}
.sub-menu_active {
max-height: 1000px !important;
}
.header-nav__menu li>.sub-menu li .sub-menu {
height: auto;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 1s;
-o-transition: max-height 1s;
transition: max-height 1s;
}
.header-nav__menu_active {
left: 0;
}
.header-nav__menu>li a {
padding: 15px;
display: block;
}
.sub-menu__open {
height: auto;
padding: 15px 20px;
left: auto;
right: 0px;
}
.header-nav__menu li .sub-menu>li>.sub-menu__open .fa {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.header-contacts {
padding-right: 75px;
padding-top: 3px;
}
}
@media screen and (max-width: 574px) {
.header-logo {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.header__btn {
margin: 10px auto;
display: block;
}
.header-contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
}
}
.menu-icon {
position: absolute;
right: 40px;
width: 50px;
height: 50px;
cursor: pointer;
top: 180px;
z-index: 10;
display: none;
}
.menu-icon::after {
content: 'МЕНЮ';
color: #ffffff;
position: absolute;
bottom: -22px;
left: 2px;
}
.menu-icon .dot {
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
background-color: #ffffff;
border-radius: 10px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: margin 0.4s ease 0.4s, width 0.4s ease;
-o-transition: margin 0.4s ease 0.4s, width 0.4s ease;
transition: margin 0.4s ease 0.4s, width 0.4s ease;
}
.menu-icon .dot:nth-of-type(1) {
margin-top: -20px;
margin-left: -20px;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.menu-icon .dot:nth-of-type(2) {
margin-top: -20px;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.menu-icon .dot:nth-of-type(3) {
margin-top: -20px;
margin-left: 20px;
}
.menu-icon .dot:nth-of-type(4) {
margin-left: -20px;
}
.menu-icon .dot:nth-of-type(6) {
margin-left: 20px;
}
.menu-icon .dot:nth-of-type(7) {
margin-top: 20px;
margin-left: -20px;
}
.menu-icon .dot:nth-of-type(8) {
margin-top: 20px;
}
.menu-icon .dot:nth-of-type(9) {
margin-top: 20px;
margin-left: 20px;
}
.menu-icon.clicked .dot {
-webkit-transition: margin 0.4s ease, width 0.4s ease 0.4s;
-o-transition: margin 0.4s ease, width 0.4s ease 0.4s;
transition: margin 0.4s ease, width 0.4s ease 0.4s;
margin-left: 0;
margin-top: 0;
}
.menu-icon.clicked .dot:nth-of-type(1) {
width: 50px;
}
.menu-icon.clicked .dot:nth-of-type(2) {
width: 50px;
}
@media screen and (max-width: 1170px) {
.menu-icon {
display: block;
right: 20px;
top: 100px;
}
}
@media screen and (max-width: 574px) {
.menu-icon {
top: 30px;
right: 15px;
}
}
.slider {
position: relative;
}
.slider-content {
height: 100vh;
position: relative;
}
.slider-slide {
height: 100%;
color: #fff;
z-index: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
width: 100%;
opacity: 0;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
display: none;
}
.slider-slide_active {
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.slider-slide::after {
content: '';
background: -o-linear-gradient(left, rgba(12, 24, 28, 0.72) 23.46%, rgba(7, 17, 20, 0.22) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(23.46%, rgba(12, 24, 28, 0.72)), to(rgba(7, 17, 20, 0.22)));
background: linear-gradient(90deg, rgba(12, 24, 28, 0.72) 23.46%, rgba(7, 17, 20, 0.22) 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.slider-text {
max-width: 537px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.slider-title {
font-size: 58px;
font-weight: 800;
}
.slider-desc {
font-size: 16px;
font-weight: 500;
min-height: 100px;
margin-bottom: 30px;
}
.slider-wrap {
position: absolute;
width: 1170px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 100%;
}
.slider-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.slider-nav__tab {
cursor: pointer;
color: rgba(255, 255, 255, 0.49);
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
border-bottom: 3px solid transparent;
padding-bottom: 20px;
margin-right: 30px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.slider-nav__tab-num {
font-size: 40px;
}
@media (max-width: 768px) {
.slider-nav__tab-num {
font-size: 30px;
}
}
.slider-nav__tab-title {
font-size: 14px;
font-weight: bold;
}
.slider-nav__tab_active {
color: #ffffff;
border-color: #ffffff;
}
.slider-scream {
height: 270px;
background: #1A93BB url(//chinaros.club/wp-content/themes/chros/img/scream-bg.png) center no-repeat;
padding: 58px 41px;
color: #ffffff;
}
.slider-scream__title {
text-transform: uppercase;
font-weight: 800;
font-size: 30px;
line-height: 135%;
max-width: 580px;
margin: 0;
}
.slider-scream__desc {
font-size: 14px;
line-height: 150%;
max-width: 616px;
}
@media screen and (max-width: 1286px) {
h2.slider-title {
margin-bottom: 30px;
}
.slider-text {
width: 100%;
min-width: 100%;
}
.slider-wrap {
max-width: 1000px;
width: 100%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
left: 50%;
}
.slider-scream {
padding: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.slider-scream__title {
font-size: 20px;
width: 100%;
}
.slider-scream__desc {
width: 100%;
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.slider-title {
font-size: 30px;
margin-top: 15px;
margin-bottom: 10px;
}
.slider-desc {
font-size: 14px;
-webkit-line-clamp: 7; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;
margin-bottom: 15px;
}
.slider-nav {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.slider-nav__tab {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin: 0;
padding: 15px 15px 0;
}
}
@media screen and (max-height: 800px) {
.slider-content {
height: 800px;
}
}
.about {
background: #fff url(//chinaros.club/wp-content/themes/chros/img/about-bg.png) calc(50% + 50px) bottom no-repeat;
padding-bottom: 185px;
padding-top: 300px;
}
.about-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about-content__text {
padding-left: 41px;
}
.about-content__text-desc {
margin-bottom: 30px;
max-width: 498px;
}
.about-content__text-list {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 55px;
}
.about-content__text-list li {
font-size: 14px;
font-weight: 600;
margin-bottom: 20px;
line-height: 145%;
padding-left: 24px;
position: relative;
max-width: 458px;
}
.about-content__text-list li::before {
content: '';
position: absolute;
height: 12px;
width: 12px;
display: block;
left: 0;
top: 5px;
background: url(//chinaros.club/wp-content/themes/chros/img/ul-marker.svg);
}
.about-content__block {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.about-content__cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.about-content__card {
height: 170px;
width: 270px;
background: -o-linear-gradient(top, #1A93BB 0%, #04698A 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#1A93BB), to(#04698A));
background: linear-gradient(180deg, #1A93BB 0%, #04698A 100%);
color: #ffffff;
margin-bottom: 30px;
padding-left: 28px;
padding-bottom: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.16);
box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.16);
}
.about-content__card:nth-child(even) {
margin-left: 30px;
-webkit-transform: translateY(65px);
-ms-transform: translateY(65px);
transform: translateY(65px);
}
.about-content__card:nth-child(odd) {
-webkit-transform: translateY(27px);
-ms-transform: translateY(27px);
transform: translateY(27px);
}
.about-content__card-num {
font-weight: 900;
font-size: 34px;
}
.about-content__card-desc {
font-size: 14px;
font-weight: 600;
}
@media screen and (max-width: 1286px) {
.about-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.about-content__text-desc {
max-width: 100%;
}
.about-content__text-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px;
}
.about-content__text-list li {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.about-content__block {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.about-content__cards {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 25px;
}
.about-content__card {
margin: 10px 15px;
}
.about-content__card:nth-child(even) {
margin-left: 15px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.about-content__card:nth-child(odd) {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@media screen and (max-width: 767px) {
.about-content__text-list li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
font-size: 12px;
margin-bottom: 12px;
}
}
.how {
position: relative;
z-index: 0;
}
.how::after {
content: '';
background: -o-linear-gradient(left, rgba(8, 18, 26, 0.96) 8.85%, rgba(15, 21, 23, 0.63) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(8.85%, rgba(8, 18, 26, 0.96)), to(rgba(15, 21, 23, 0.63)));
background: linear-gradient(90deg, rgba(8, 18, 26, 0.96) 8.85%, rgba(15, 21, 23, 0.63) 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.how-content {
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.how-content__text {
max-width: 560px;
}
.how-content__text-title {
margin-top: 0;
}
.how-btn {
max-width: 270px;
padding-left: 34px;
padding-right: 34px;
display: block;
}
.how-btn__wrap {
position: relative;
z-index: 1;
}
.how-btn__title {
font-weight: bold;
font-size: 18px;
line-height: 121.6%;
margin-bottom: 15px;
}
.how-map {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
padding-top: 65px;
position: relative;
}
.how-map__block {
padding: 29px 32px 29px 25px;
color: #000000;
width: 300px;
height: 225px;
background: #ffffff;
position: relative;
margin-bottom: 50px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.how-map__block-img {
display: inline-block;
height: 50px;
width: 50px;
margin-bottom: 20px;
}
.how-map__block-img svg g path {
fill: #1A93BB;
}
.how-map__block-num {
display: inline-block;
font-weight: bold;
font-size: 83px;
color: #F8F8F8;
position: absolute;
right: 20px;
top: 10px;
}
.how-map__block-title {
font-weight: bold;
font-size: 16px;
line-height: 138.6%;
margin-bottom: 15px;
max-width: 200px;
text-transform: uppercase;
}
.how-map__block-desc {
font-size: 14px;
line-height: 140%;
}
.how-map__block_active {
background: #1A93BB;
color: #ffffff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.how-map__block_active .how-map__block-img svg g path {
fill: #ffffff;
}
.how-road {
position: absolute;
top: -140px;
left: -220px;
}
.how-road__start {
color: #ffffff;
font-weight: bold;
letter-spacing: 0.085em;
text-transform: uppercase;
position: absolute;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
top: 150px;
left: 40px;
}
.how-road__end {
color: #ffffff;
font-weight: bold;
letter-spacing: 0.085em;
text-transform: uppercase;
position: absolute;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
bottom: 95px;
left: 80px;
}
@media screen and (max-width: 1286px) {
.how-road {
display: none;
}
}
@media screen and (min-width: 946px) {
.how-map__block_4 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.how-map__block_5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.how-map__block_6 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media screen and (max-width: 946px) {
.how-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.how-btn__wrap {
text-align: center;
}
}
.complit {
padding-bottom: 168px;
}
.complit-content__text-desc {
max-width: 498px;
}
.complit-slider {
padding-top: 30px;
position: relative;
}
.complit-slider__card {
min-height: 600px;
width: 320px;
margin: 0 35px;
background: #ffffff;
-webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.03);
box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.03);
}
.complit-slider__card-img {
overflow: hidden;
height: 290px;
position: relative;
}
.complit-slider__card-img img {
height: 290px;
width: 100%;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
-o-object-fit: cover;
object-fit: cover;
}
.complit-slider__card-title {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.complit-slider__card-info {
padding: 0 25px 25px 29px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.complit-slider__card-list {
list-style: none;
padding: 0;
font-size: 12px;
}
.complit-slider__card-list li {
margin-bottom: 12px;
}
.complit-slider__card-list li img {
display: inline-block;
vertical-align: text-top;
margin-right: 5px;
}
.complit-slider__card-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.complit-slider__card-footer .card-footer__price {
font-weight: 600;
font-size: 12px;
}
.complit-slider__card-footer .card-footer__price span {
font-weight: 900;
font-size: 19px;
}
.complit-slider__card-footer .card-footer__btn {
font-size: 10px;
text-transform: uppercase;
padding: 17px 25px;
}
.complit-slider .slick-prev,
.complit-slider .slick-next {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
background: #1A93BB;
position: absolute;
top: -42px;
height: 40px;
width: 40px;
-webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
background: url(//chinaros.club/wp-content/themes/chros/img/next-arrow.svg) center -8px no-repeat;
}
.complit-slider .slick-prev:hover,
.complit-slider .slick-next:hover {
background: url(//chinaros.club/wp-content/themes/chros/img/arrow_active.svg) center -8px no-repeat;
}
.complit-slider .slick-prev::before,
.complit-slider .slick-next::before {
content: '';
}
.complit-slider .slick-prev {
left: auto;
right: 87px;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
top: -62px;
}
.complit-slider .slick-prev:hover {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.complit-slider .slick-next {
right: 35px;
}
.complit-slider .slick-next:hover {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
top: -62px;
}
@media screen and (max-width: 767px) {
.complit-slider .slick-prev,
.complit-slider .slick-next {
display: none !important;
}
}
.calculate {
padding: 90px 0;
}
.calculate-content__title {
margin: auto;
color: #ffffff;
text-align: center;
font-weight: 800;
font-size: 35px;
line-height: 150%;
max-width: 785px;
}
.calculate-content__btn {
background: #ffffff;
color: #000000;
padding: 25px 28px;
text-transform: uppercase;
display: block;
margin: auto;
}
.calculate-content__form {
padding: 50px 0;
}
.calculate-content__form p {
margin:0;
}
.calculate-content__form .input-icon {
position: relative;
}
.calculate-content__form .input-icon img {
position: absolute;
z-index: 10;
top: 20px;
left: 15px;
}
.input-wrap input,
.calculate-content__form select {
font-size: 14px;
border: 1px solid #81D1EC;
background: #3AA6CA;
color: #ffffff;
height: 60px;
padding-left: 46px;
}
.input-wrap input::-moz-placeholder,
.calculate-content__form select::-moz-placeholder {
color: #ffffff;
}
.input-wrap input::-webkit-input-placeholder,
.calculate-content__form select::-webkit-input-placeholder {
color: #ffffff;
}
.calculate-content__form .select2-container {
z-index: 0;
}
.calculate-content__form .select2-container--default .select2-selection--single {
border: 1px solid #81D1EC;
border-radius: 0;
background: #3AA6CA;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.calculate-content__form .select2-container--default .select2-selection--single * {
color: #ffffff;
}
.calculate-content__form .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0 0 0 46px;
}
.calculate-content__form .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
}
.calculate-content__form .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #fff transparent transparent transparent;
}
.calculate-content__form #cargo-value {
border-right: none;
}
.calculate-content__form .cargo-value__wrap p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.calculate-content__form .cargo-value__wrap .select2-container--default .select2-selection--single {
border-left: none;
}
.calculate-content__form .cargo-value__wrap .select2-container--default .select2-selection--single * {
color: #ffffff;
}
.calculate-content__form .cargo-value__wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0 0 0 19px;
}
.calculate-content__form-check {
width: 570px;
margin-top: 15px;
}
.calculate-content__form-check .wpcf7-form-control.wpcf7-checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.calculate-content__form-check label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
font-weight: bold;
font-size: 16px;
cursor: pointer;
margin: 10px 0;
}
.calculate-content__form-check input[type="checkbox"] {
width: 13px;
height: 13px;
margin-right: 15px;
cursor: pointer;
background: transparent;
padding: 0;
}
.calculate-content__form-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.calculate-content__form-top input,
.calculate-content__form-top select {
width: 270px;
border-radius: 0;
box-shadow: none;
}
.calculate-content__form-bottom {
padding-top: 44px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.calculate-content__form-bottom input {
border-radius: 0;
box-shadow: none;
}
.calculate-content__form-bottom .select2-container--default {
width: 99px !important;
flex-shrink: 0;
}
.calculate-content__form .wpcf7-response-output {
color: #fff;
text-align: center;
}
.calculate-popup {
left: 0;
position: fixed;
background: rgba(0, 0, 0, .8);
height: 100vh;
width: 100vw;
top: 0;
z-index: 100;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: .1s;
-o-transition: .1s;
transition: .1s;
}
.calculate-popup_active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.calculate-popup h2 {
max-width: 600px;
text-align: center;
color: #fff;
padding: 15px 60px;
}
.calculate-popup .input-wrap {
max-width: 300px;
margin: 0 auto;
}
.calculate-popup .wpcf7-response-output {
color: #fff;
}
#cargo-phone {
max-width: 300px;
padding: 15px;
margin-bottom: 15px;
}
#cargo-submit {
min-width: 300px;
padding: 15px;
}
.calculate-popup__close {
font-size: 60px;
color: #fff;
font-weight: bold;
cursor: pointer;
position: absolute;
top: 10%;
right: 10%;
}
.calculate-ty {
padding: 15px;
text-align: center;
font-size: 16px;
border: 1px solid #81D1EC;
background: #3AA6CA;
color: #ffffff;
margin-bottom: 30px;
font-weight: bold;
display: none;
}
@media screen and (max-width: 1170px) {
.calculate-content__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.calculate-content__form-top {
max-width: 570px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.calculate-content__form-top .input-wrap,
.calculate-content__form-bottom .input-wrap {
margin-bottom: 15px;
}
.calculate-content__form-bottom {
max-width: 570px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding-top: 0;
}
.input-wrap_structure input {
width: 320px;
}
}
@media screen and (max-width: 928px) {
.calculate-content__form-bottom .cargo-value__wrap {
margin-bottom: 15px;
}
.calculate-content__form-check {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
}
}
@media screen and (max-width: 687px) {
.calculate-content__form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px;
}
.calculate-content__form-top {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
}
.calculate-content__form-bottom {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
}
}
@media (max-width: 610px) {
.calculate-content__form-top,
.calculate-content__form-bottom {
max-width: 450px;
margin: 0 auto;
}
.calculate-content__form-top input,
.calculate-content__form-bottom input,
.calculate-content__form-top select,
.calculate-content__form-bottom select,
.calculate-content__form-bottom .wpcf7-form-control-wrap.cargo_value,
.input-wrap {
width: 100%;
}
.calculate-content__form-check .wpcf7-form-control.wpcf7-checkbox {
flex-wrap: nowrap;
flex-direction: column;
align-items: center;
}
}
@media screen and (max-width: 458px) {
.calculate-content__title {
font-size: 24px;
}
.calculate-content__btn {
width: 100%;
white-space: normal;
font-size: 12px;
padding: 18px 12px;
}
}
.clients-content__text,
.partners-content__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 50px;
}
.clients-content__tabs,
.partners-content__tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.clients-content__tabs .tab-clients,
.partners-content__tabs .tab-clients {
padding: 10px 20px 10px 0;
border-right: 1px solid #cacaca;
}
.clients-content__tabs .tab-partners,
.partners-content__tabs .tab-partners {
padding: 10px 0 10px 20px;
}
.clients-content__tab,
.partners-content__tab {
text-transform: uppercase;
font-weight: bold;
color: #cacaca;
cursor: pointer;
}
.clients-content__tab_active,
.partners-content__tab_active {
color: #1A93BB;
}
.clients-slider,
.partners-slider {
height: 0;
overflow: hidden;
}
.clients-slider_active,
.partners-slider_active {
height: 100%;
overflow: visible;
}
.clients-slider .slick-track,
.partners-slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.clients-slider__img img,
.partners-slider__img img {
margin: auto;
}
.clients .slick-dotted.slick-slider,
.partners .slick-dotted.slick-slider {
margin: 0;
}
@media screen and (max-width: 1170px) {
.clients-content__text,
.partners-content__text {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.clients-slider,
.partners-slider {
width: 95%;
margin: auto;
}
}
.footer {
padding: 70px 0 20px;
}
.footer-block__logo .custom-logo {
margin-bottom: 15px;
}
.footer-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-block__title {
color: #B5B5B5;
font-weight: 500;
font-size: 12px;
}
.footer-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
margin: 0;
padding: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 500px;
}
.footer-menu a {
color: #85939B;
white-space: nowrap;
font-weight: 500;
font-size: 14px;
}
.footer-menu>li {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin-bottom: 20px;
}
.footer-contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 18px;
}
.footer-contacts * {
color: #ffffff;
}
.footer-contacts__phone {
margin-bottom: 10px;
}
.footer-contacts__cta {
font-weight: 800;
font-size: 12px;
margin-bottom: 15px;
}
.footer-contacts__mail {
font-weight: 800;
font-size: 14px;
}
@media screen and (max-width: 1170px) {
.footer-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-block {
padding: 15px 0;
}
.footer-block__menu {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.footer-menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width: 574px) {
.footer-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
body {
font-family: 'Montserrat', sans-serif;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.popup-tests__title {
position: absolute;
height: 100%;
background: green;
width: 20px;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
right: 0px;
}
.hide-something {
display: none;
} .chros-post {}
.chros-posts__title {
padding: 20px 0;
}
.chros-posts__breadcrumb {
padding: 17px 0;
}
#breadcrumbs {
color: #fff;
}
#breadcrumbs a {
color: #fff;
}
#breadcrumbs a:hover {
text-decoration: underline;
}
#breadcrumbs>span>span>a {
font-weight: bold;
}
.chros-posts__content {
padding: 50px 0;
background: #fff;
}
.contain-container {}
.contain-container img {
width: 100%;
height: auto;
} .tab-section {}
.tab-nav__wrap {
background: #202A30;
padding: 30px 0;
}
.tab-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 15px;
}
.tab-nav a.btn {
display: flex;
justify-content: center;
align-items: center;
background: #85939b;
color: #fff;
white-space: wrap;
padding: 20px;
text-decoration: none;
cursor: pointer;
text-align: center;
flex-basis: 20%;
}
.tab-nav a.btn:hover {
background-color: #1a93bb;
}
.tab-nav__item {
background: #85939b;
color: #fff;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
margin-right: 0;
text-align: center;
font-weight: bold;
padding: 20px 20px;
text-decoration: none;
cursor: pointer;
flex-wrap: wrap;
display: flex;
max-width: 25%;
gap: 20px;
white-space: wrap;
}
.tab-nav__item:last-child {
margin: 0;
}
.tab-content {
display: none;
padding-top: 50px;
padding-bottom: 130px;
position: relative;
z-index: 1;
min-height: 65vh;
}
.tab-content:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: block;
background: -o-linear-gradient(left, rgba(12, 24, 28, 0.72) 23.46%, rgba(7, 17, 20, 0.22) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(23.46%, rgba(12, 24, 28, 0.72)), to(rgba(7, 17, 20, 0.22)));
background: linear-gradient(90deg, rgba(12, 24, 28, 0.72) 23.46%, rgba(7, 17, 20, 0.22) 100%);
z-index: -1;
}
.tab-content__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tab-content__sidebar {
max-width: 270px;
min-width: 270px;
}
.tab-content__block {
padding-left: 60px;
}
.sidebar-post-title {
font-size: 13px;
font-weight: bold;
line-height: 130%;
text-transform: uppercase;
cursor: pointer;
color: #fff;
}
.sidebar-post-title_active:before {
content: '➤';
margin-right: 10px;
}
.tab-content__title {
margin-top: 0;
color: #fff;
}
.tab-content__desc {
color: #fff;
}
.tab-content__block-content {
display: none;
}
.tab-content__block-content_active {
display: block;
}
@media screen and (max-width: 1170px) {
.tab-nav {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 30px;
}
.tab-nav__item {
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
margin: 2px;
}
.tab-nav__item:last-child {
margin: 2px;
}
}
@media screen and (max-width: 768px) {
.tab-content__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tab-content__sidebar {
width: 100%;
min-width: none;
max-width: none;
}
}
@media screen and (max-width: 576px) {
.tab-nav {
padding-top: 15px;
}
.tab-nav__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 2px;
}
}
.tab-nav__item_active {
background: #1a93bb;
}
.tab-content_active {
display: block;
} .haq {
padding: 20px 50px;
color: #fff;
}
.haq-wrap {  }
.haq-title {
font-size: 35px;
line-height: 127.1%;
margin-bottom: 12px;
}
.haq-desc {
font-weight: 500;
font-size: 16px;
line-height: 145%;
max-width: 650px;
padding-bottom: 25px;
}
.haq-form__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.haq-form__inner .wpcf7-form-control-wrap {
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
}
.haq-form__inner .your-email {
margin: 0 20px;
}
.haq-form__input {
font-size: 14px;
border: 1px solid #81D1EC;
background: #3AA6CA;
color: #ffffff;
height: 60px;
padding-left: 25px;
width: 100%;
}
.haq-form__textarea {
font-size: 14px;
border: 1px solid #81D1EC;
background: #3AA6CA;
color: #ffffff;
padding: 25px;
width: 100%;
}
.haq-form__check {
font-size: 14px;
line-height: 136.1%;
padding-top: 20px;
padding-bottom: 50px;
}
.haq-form__btn {
background: #ffffff;
color: #000000;
padding: 25px 28px;
text-transform: uppercase;
display: block;
}
.haq input::-moz-placeholder,
.haq textarea::-moz-placeholder,
.haq select::-moz-placeholder {
color: #ffffff;
}
.haq input::-webkit-input-placeholder,
.haq textarea::-webkit-input-placeholder,
.haq select::-webkit-input-placeholder {
color: #ffffff;
}
@media screen and (max-width: 768px) {
.haq-form__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.haq-form__inner .your-email {
margin: 0;
}
} .contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact-block {
background: -o-linear-gradient(top, #1A93BB 0%, #04698A 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#1A93BB), to(#04698A));
background: linear-gradient(180deg, #1A93BB 0%, #04698A 100%);
width: 370px;
height: 385px;
padding: 25px 25px 0 25px;
margin-right: 30px;
margin-bottom: 37px;
color: #fff;
}
.contact-block:nth-child(3n) {
margin-right: 0;
}
.contact-block__title {
margin: 0;
font-weight: bold;
font-size: 18px;
line-height: 136.1%;
text-transform: uppercase;
position: relative;
margin-bottom: 15px;
}
.contact-block__title:before {
content: '';
position: absolute;
width: 50px;
height: 5px;
display: block;
background: #202A30;
top: -25px;
}
.contact-block__info {
padding-bottom: 15px;
font-size: 14px;
}
.contact-block__info a {
color: #fff;
}
.contact-block__info:last-child {
padding: 0;
}
.contact-block__info-title {
font-weight: bold;
margin-bottom: 5px;
}
@media screen and (max-width: 1186px) {
.contact-block {
margin-right: 0;
-ms-flex-preferred-size: calc(50% - 15px);
flex-basis: calc(50% - 15px);
}
.contact-block:nth-child(odd) {
margin-right: 30px;
}
}
@media screen and (max-width: 768px) {
.contact-block {
margin-right: 0;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.contact-block:nth-child(odd) {
margin-right: 0;
}
} .shop-section__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.shop-sidebar {
max-width: 270px;
min-width: 270px;
width: 100%;
}
.shop-content {
padding-left: 30px;
}
.shop-content .products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.chros-product-card {
padding: 25px;
padding-bottom: 0;
min-width: 270px;
height: 357px;
cursor: pointer;
margin-bottom: 20px;
position: relative;
background: #F9F9F9;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
-ms-flex-preferred-size: calc(33.33% - 20px);
flex-basis: calc(33.33% - 20px);
margin-right: 30px;
color: #000;
}
.chros-product-card:nth-child(3n) {
margin-right: 0;
}
@media screen and (max-width: 1190px) {
.chros-product-card {
-ms-flex-preferred-size: calc(50% - 30px);
flex-basis: calc(50% - 30px);
}
.chros-product-card:nth-child(even) {
margin-right: 0;
}
.chros-product-card:nth-child(odd) {
margin-right: 30px;
}
}
@media screen and (max-width: 920px) {
.chros-product-card {
-ms-flex-preferred-size: calc(100%);
flex-basis: calc(100%);
}
.chros-product-card:nth-child(even) {
margin-right: 0;
}
.chros-product-card:nth-child(odd) {
margin-right: 0;
}
}
@media screen and (max-width: 640px) {
.shop-content {
padding: 0;
}
.shop-section__wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.shop-sidebar {
max-width: none;
min-width: auto;
}
}
.chros-product-card_active {
background: #fff;
-webkit-box-shadow: 0px 60px 33px rgba(0, 0, 0, 0.25);
box-shadow: 0px 60px 33px rgba(0, 0, 0, 0.25);
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01);
z-index: 2;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.chros-product-card__image {
background: gray;
height: 150px;
margin-bottom: 50px;
overflow: hidden;
}
.chros-product-card__image img {
height: 150px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.chros-product-card__title {
font-size: 15px;
line-height: 121.6%;
font-weight: 800;
height: 60px;
}
.chros-product-card__price {
font-size: 16px;
line-height: 121.6%;
font-weight: 900;
margin-bottom: 20px;
}
.chros-product-card__btn {
width: 100%;
position: absolute;
z-index: 1;
left: 0;
text-align: center;
padding-bottom: 20px;
background: #F9F9F9;
opacity: 0;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.chros-product-card__btn_active {
background: #fff;
opacity: 1;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.shop-sidebar #nav_menu-2 {
border: 1px solid #3AA6CA;
margin-bottom: 20px;
}
.shop-sidebar #nav_menu-2 .widget-title {
background: #3AA6CA;
color: #fff;
margin: 0;
font-weight: 800;
font-size: 16px;
line-height: 121.6%;
padding: 15px 20px;
border-bottom: 1px solid #C4C4C4;
cursor: pointer;
position: relative;
}
.shop-sidebar #nav_menu-2 .widget-title:after {}
#menu-menyu-v-sajdbare {
list-style: none;
padding: 0;
margin: 0; }
#menu-menyu-v-sajdbare .menu-item {
font-size: 14px;
line-height: 146.1%;
padding: 18px 10px;
padding-right: 0;
border-bottom: 1px solid #3AA6CA;
}
#menu-menyu-v-sajdbare .menu-item:last-child {
border: none;
}
#menu-menyu-v-sajdbare .menu-item a {
color: #444444;
}
.shop-sidebar .berocket_single_filter_widget {
border: 1px solid #3AA6CA;
margin-bottom: 20px !important;
}
.shop-sidebar .berocket_single_filter_widget ul.berocket_aapf_widget {
margin: 0;
padding: 5px 0;
padding-left: 20px;
}
.shop-sidebar .berocket_single_filter_widget .brw-price ul.berocket_aapf_widget {
margin: 0;
padding: 5px 20px;
}
.shop-sidebar .berocket_single_filter_widget ul.berocket_aapf_widget li {
margin: 15px 0;
}
.shop-sidebar .berocket_aapf_widget-title_div {
background: #3AA6CA;
color: #fff;
margin: 0;
font-weight: 800;
font-size: 16px;
line-height: 121.6%;
padding: 15px 20px;
border-bottom: 1px solid #C4C4C4;
}
.shop-sidebar .berocket_aapf_widget-title_div h3 {
margin: 0;
}
.shop-sidebar .mobile_hide {
display: block;
}
.woocommerce-ordering {
padding-bottom: 18px;
}
.woocommerce-result-count {
display: none;
}
.woocommerce-pagination {
padding-top: 50px;
}
.woocommerce-pagination .page-numbers {
padding: 0;
margin: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce-pagination .page-numbers li .page-numbers {
height: 30px;
width: 30px;
background: #202A30;
font-weight: 800;
font-size: 16px;
line-height: 121.6%;
color: #fff;
margin: 0 10px;
}
.woocommerce-pagination .page-numbers li .current {
background: #3AA6CA;
}
.woocommerce-pagination .page-numbers li .next,
.woocommerce-pagination .page-numbers li .prev {
background: transparent;
color: #000;
} .webinar-grid {
width: 100%;
max-width: 1170px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.link-block {
position: relative;
width: 30%;
min-height: 400px;
text-align: center;
margin: 20px auto;
background-color: #f0f0f0;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-webkit-transition: all 0.2s cubic-bezier(.25, .8, .25, 1);
-o-transition: all 0.2s cubic-bezier(.25, .8, .25, 1);
transition: all 0.2s cubic-bezier(.25, .8, .25, 1);
border-radius: 5px 5px 0 0;
text-decoration: none;
}
.link-block:hover {
-webkit-box-shadow: 0 10px 18px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
box-shadow: 0 10px 18px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.link-block .dundas-blue-link {
background: rgba(40, 150, 211, 1);
border: solid 1px rgba(40, 150, 211, 1);
padding: 8px 25px;
color: #fff !important;
width: auto;
text-align: center;
text-decoration: none;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
-webkit-transition: all 0.8s cubic-bezier(.25, .8, .25, 1);
-o-transition: all 0.8s cubic-bezier(.25, .8, .25, 1);
transition: all 0.8s cubic-bezier(.25, .8, .25, 1);
}
.link-block .dundas-blue-link:hover {
background: #fff;
color: rgba(40, 150, 211, 1) !important;
}
.link-block .webinar-image-container {
width: 100%;
height: 250px;
position: relative;
top: 0;
-webkit-transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
-o-transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
z-index: 1;
overflow: hidden;
}
.link-block:hover .webinar-image-container {
top: -20px;
}
.link-block .dundas-blue-text-long {
position: absolute;
top: 230px;
-webkit-transition: all 0.8s cubic-bezier(.25, .8, .25, 1);
-o-transition: all 0.8s cubic-bezier(.25, .8, .25, 1);
transition: all 0.8s cubic-bezier(.25, .8, .25, 1);
background-color: #f0f0f0;
font-weight: 100;
color: rgba(40, 150, 211, .9);
font-size: 24px;
padding: 0 10px;
opacity: 1;
font-weight: bold;
text-align: left;
max-height: 130px;
overflow: hidden;
}
.link-block:hover .dundas-blue-text-long {
top: -20px;
opacity: 0;
}
.link-block h2 {
position: absolute;
}
.link-block .webinar-content-box {
position: relative;
padding: 20px;
top: -20px;
-webkit-transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
-o-transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
opacity: 0;
}
.link-block:hover .webinar-content-box {
top: -30px;
opacity: 1;
}
.webinar-content-box p {
padding: 0 0 20px 0;
color: #6a6a6a;
max-height: 100px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.webinar-content-box a {
text-decoration: none !important;
}
.webinar-image-container img {
width: 100%;
border-radius: 5px 5px 0 0;
height: 250px;
-o-object-fit: cover;
object-fit: cover;
}  @media only screen and (min-width: 569px) and (max-width: 880px) {
.link-block {
position: relative;
width: 45%;
max-width: 330px;
}
.link-block .dundas-blue-text-long {
font-size: 22px;
}
} @media only screen and (min-width: 0) and (max-width: 568px) {
.link-block {
position: relative;
width: 90%;
max-width: 300px;
}
.link-block .dundas-blue-text-long {
font-size: 18px;
}
}
.videoWrapper {
height: auto;
width: 723px;
position: relative;
overflow: hidden;
}
.videoWrapper iframe {
height: 100%;
width: 100%;
top: 0;
bottom: 0;
} .chros-product {
background: #ffffff;
}
.chros-product__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.onsale {
z-index: 10;
position: absolute;
background: red;
padding: 10px;
color: #fff;
font-weight: bold;
}
.chros-product-img {
width: 40%;
height: 300px;
position: relative;
}
.chros-product-img img {
height: 300px;
-o-object-fit: contain;
object-fit: contain;
margin: auto;
}
.chros-product-img .slick-dots {
bottom: -35px;
}
.chros-product-info {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.chros-product-info__price {
text-align: center;
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width: 992px) {
.chros-product__wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.chros-product-img {
width: 100%;
}
}
.woocommerce-tabs {
padding-top: 50px;
}
.woocommerce-tabs ul.tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 478px) {
.woocommerce-tabs ul.tabs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.woocommerce-tabs ul.tabs li {
padding: 0 30px;
color: #000;
font-weight: bold;
}
.woocommerce-tabs ul.tabs li.active {
color: #fff;
background: #3AA6CA;
}
.woocommerce-tabs ul.tabs li a {
color: inherit;
}
.woocommerce-Tabs-panel {
width: 100%;
height: 100%;
padding: 30px;
background: #3AA6CA;
color: #fff;
}
#commentform label {
display: block;
}
#commentform #comment {
font-size: 14px;
border: 1px solid #81D1EC;
background: #3AA6CA;
color: #ffffff;
padding: 25px;
width: 100%;
resize: none;
}
#commentform #author,
#commentform #email {
font-size: 14px;
border: 1px solid #81D1EC;
background: #3AA6CA;
color: #ffffff;
height: 60px;
padding-left: 25px;
width: 100%;
}
#commentform #submit {
background: #ffffff;
color: #000000;
padding: 25px 28px;
text-transform: uppercase;
display: block;
font-weight: bold;
border: none;
cursor: pointer;
white-space: nowrap;
border-radius: 0 !important;
-webkit-box-shadow: 0 2px 0 #197594;
box-shadow: 0 2px 0 #197594;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
#commentform .comment-form-cookies-consent {
display: none;
} #formOrderOneClick>.popup {
background: #3aa6ca url(http://chinaros.topkrd.beget.tech/wp-content/themes/chros/img/calculate-bg.jpg) center no-repeat;
background-size: cover;
width: 40% !important;
padding-left: 50px !important;
padding-right: 50px !important;
font-family: 'Montserrat', sans-serif;
}
#buyoneclick_form_order input {
font-size: 14px;
border: 1px solid #81D1EC !important;
background: #3AA6CA !important;
color: #ffffff !important;
height: 60px !important;
padding-left: 25px !important;
width: 100% !important;
border-radius: 0 !important
}
#buyoneclick_form_order input::-moz-placeholder {
color: #ffffff;
}
#buyoneclick_form_order input::-webkit-input-placeholder {
color: #ffffff;
}
.form-message-result {
color: #ffffff !important;
}
@media screen and (max-width: 1200px) {
#formOrderOneClick>.popup {
width: 60% !important;
}
}
@media screen and (max-width: 786px) {
#formOrderOneClick>.popup {
width: 80% !important;
}
} .responstable {
margin: 1em 0;
width: 100%;
overflow: hidden;
background: #FFF;
color: #024457;
border-radius: 10px;
border: 1px solid #1a93bb;
}
.responstable tr {
border: 1px solid #D9E4E6;
}
.responstable tr:nth-child(odd) {
background-color: #daf2fa;
}
.responstable th {
display: none;
border: 1px solid #FFF;
background-color: #1a93bb;
color: #FFF;
padding: 1em;
}
.responstable th:first-child {
display: table-cell;
text-align: center;
}
.responstable th:nth-child(2) {
display: table-cell;
}
.responstable th:nth-child(2) span {
display: none;
}
.responstable th:nth-child(2):after {
content: attr(data-th);
}
@media (min-width: 480px) {
.responstable th:nth-child(2) span {
display: block;
}
.responstable th:nth-child(2):after {
display: none;
}
}
.responstable td {
display: block;
word-wrap: break-word;
max-width: 7em;
}
.responstable td:first-child {
display: table-cell;
text-align: center;
border-right: 1px solid #D9E4E6;
}
@media (min-width: 480px) {
.responstable td {
border: 1px solid #D9E4E6;
}
}
.responstable th,
.responstable td {
text-align: left;
margin: 0.5em 1em;
}
@media (min-width: 480px) {
.responstable th,
.responstable td {
display: table-cell;
padding: 1em;
}
}  .table_dark {
font-size: 16px;
width: 640px;
text-align: left;
border-collapse: collapse;
background: #252F48;
margin: 10px;
}
.table_dark th {
color: #EDB749;
border-bottom: 1px solid #1a93bb;
padding: 12px 17px;
}
.table_dark td {
color: #fff;
font-weight: 600;
border-bottom: 1px solid #1a93bb;
border-right: 1px solid #1a93bb;
padding: 7px 17px;
}
.table_dark tr:last-child td {
border-bottom: none;
}
.table_dark td:last-child {
border-right: none;
}
.table_dark tr:hover td {
text-decoration: underline;
}  .table_blur {
background: #ebf8fc;
border-collapse: collapse;
text-align: left;
}
.table_blur th {
border-top: 1px solid #777777;
border-bottom: 1px solid #777777;
-webkit-box-shadow: inset 0 1px 0 #999999, inset 0 -1px 0 #999999;
box-shadow: inset 0 1px 0 #999999, inset 0 -1px 0 #999999;
background: -webkit-gradient(linear, left top, left bottom, from(#95daf0), to(#1a93bb));
background: -o-linear-gradient(#95daf0, #1a93bb);
background: linear-gradient(#95daf0, #1a93bb);
color: white;
padding: 10px 15px;
position: relative;
}
.table_blur th:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 25%;
height: 25%;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .08)));
background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .08));
background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .08));
}
.table_blur tr:nth-child(odd) {
background: ##a6e0f3;
}
.table_blur th:first-child {
border-left: 1px solid #777777;
border-bottom: 1px solid #777777;
-webkit-box-shadow: inset 1px 1px 0 #999999, inset 0 -1px 0 #999999;
box-shadow: inset 1px 1px 0 #999999, inset 0 -1px 0 #999999;
}
.table_blur th:last-child {
border-right: 1px solid #777777;
border-bottom: 1px solid #777777;
-webkit-box-shadow: inset -1px 1px 0 #999999, inset 0 -1px 0 #999999;
box-shadow: inset -1px 1px 0 #999999, inset 0 -1px 0 #999999;
}
.table_blur td {
border: 1px solid #e3eef7;
padding: 10px 15px;
position: relative;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.table_blur tbody:hover td {
color: transparent;
text-shadow: 0 0 3px #a09f9d;
}
.table_blur tbody:hover tr:hover td {
color: #444444;
text-shadow: none;
}  .footer-developer {
display: flex;
justify-content: center;
align-items: center;
padding-top: 30px;
}
.footer-developer__hint {
max-width: 180px;
border-left: 1px solid #fff;
font-size: 9px;
color: #fff;
text-transform: uppercase;
margin: 10px;
padding: 5px 0 5px 10px;
line-height: 1.2;
}
.footer-developer__hint a {
color: #3aa6ca;
}
.footer-developer__hint a:hover {
color: #1a93bb;
}
.fixed-contacts {
right: 30px;
bottom: 30px;
position: fixed;
z-index: 1;
}
.fixed-contacts a:not(:last-child) {
margin-bottom: 10px;
}
.fixed-contacts__max,
.fixed-contacts__whatsapp,
.fixed-contacts__telegram {
width: 50px;
height: 50px;
color: #fff !important;
position: relative;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.fixed-contacts__max,
.fixed-contacts__max .fixed-contacts__tooltip {
background: #4946f4;
}
.fixed-contacts__whatsapp,
.fixed-contacts__whatsapp .fixed-contacts__tooltip {
background: #43d854;
}
.fixed-contacts__telegram,
.fixed-contacts__telegram .fixed-contacts__tooltip {
background: #0088cc;
}
.fixed-contacts__max img {
width: 50px;
height: 50px;
}
.fixed-contacts__whatsapp svg,
.fixed-contacts__telegram svg {
width: 32px;
height: 32px;
}
.fixed-contacts__tooltip {
right: calc(100% + 10px);
padding: 3px 7px;
font-size: 13px;
opacity: 0;
position: absolute;
border-radius: 4px;
transition: .5s;
}
.fixed-contacts__max:hover .fixed-contacts__tooltip,
.fixed-contacts__whatsapp:hover .fixed-contacts__tooltip,
.fixed-contacts__telegram:hover .fixed-contacts__tooltip {
opacity: 1;
}
@media (max-width: 768px) {
.fixed-contacts__max,
.fixed-contacts__whatsapp,
.fixed-contacts__telegram {
width: 40px;
height: 40px;
}
.fixed-contacts__max img {
width: 40px;
height: 40px;
}
.fixed-contacts__whatsapp svg,
.fixed-contacts__telegram svg {
width: 27px;
height: 27px;
}
.fixed-contacts__tooltip {
font-size: 10px;
}
}
@media (max-width: 576px) {
.fixed-contacts {
left: 15px;
right: 15px;
bottom: 15px;
display: flex;
justify-content: space-between;
}
.fixed-contacts__max .fixed-contacts__tooltip,
.fixed-contacts__whatsapp .fixed-contacts__tooltip {
left: calc(100% + 10px);
right: unset;
}
}
.grecaptcha-badge {
visibility: hidden;
}.lwpcngNotice-dark .lwpcngNotice_accept {
border-radius: 0 !important;
background: #1a93bb;
color: #ffffff;
font-weight: bold;
border: none;
cursor: pointer;
white-space: nowrap;
-webkit-box-shadow: 0 2px 0 #197594;
box-shadow: 0 2px 0 #197594;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.lwpcngNotice-dark .lwpcngNotice_accept:hover {
background: #056c8e;
} .wpcf7 .hidden-fields-container { display: none; }
.wpcf7 form.init > .wpcf7-response-output,
.wpcf7 form.resetting > .wpcf7-response-output,
.wpcf7 form.submitting > .wpcf7-response-output { display: none; }