@font-face {
font-family: "Mont-Black";
font-display: swap;
src: url(../../../themes/dr/assets/fonts/Mont-Black.woff2) format("woff2"), url(../../../themes/dr/assets/fonts/Mont-Black.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mont-Bold";
font-display: swap;
src: url(../../../themes/dr/assets/fonts/Mont-Bold.woff2) format("woff2"), url(../../../themes/dr/assets/fonts/Mont-Bold.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mont-ExtraLight";
font-display: swap;
src: url(../../../themes/dr/assets/fonts/Mont-ExtraLight.woff2) format("woff2"), url(../../../themes/dr/assets/fonts/Mont-ExtraLight.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mont-ExtraLightItalic";
font-display: swap;
src: url(../../../themes/dr/assets/fonts/Mont-ExtraLightItalic.woff2) format("woff2"), url(../../../themes/dr/assets/fonts/Mont-ExtraLightItalic.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mont-Light";
font-display: swap;
src: url(../../../themes/dr/assets/fonts/Mont-Light.woff2) format("woff2"), url(../../../themes/dr/assets/fonts/Mont-Light.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mont-Heavy";
font-display: swap;
src: url(../../../themes/dr/assets/fonts/Mont-Heavy.woff2) format("woff2"), url(../../../themes/dr/assets/fonts/Mont-Heavy.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mont-SemiBold";
font-display: swap;
src: url(../../../themes/dr/assets/fonts/Mont-SemiBold.woff2) format("woff2"), url(../../../themes/dr/assets/fonts/Mont-SemiBold.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mont-Regular";
font-display: swap;
src: url(../../../themes/dr/assets/fonts/Mont-Regular.woff2) format("woff2"), url(../../../themes/dr/assets/fonts/Mont-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mont-RegularItalic";
font-display: swap;
src: url(../../../themes/dr/assets/fonts/Mont-RegularItalic.woff2) format("woff2"), url(../../../themes/dr/assets/fonts/Mont-RegularItalic.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mont-Thin";
font-display: swap;
src: url(../../../themes/dr/assets/fonts/Mont-Thin.woff2) format("woff2"), url(../../../themes/dr/assets/fonts/Mont-Thin.woff) format("woff");
font-weight: 400;
font-style: normal;
}
* {
padding: 0px;
margin: 0px;
border: 0px;
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
aside,
nav,
footer,
header,
section {
display: block;
}
html {
font-size: 16px;
scroll-behavior: smooth;
}
html,
body {
height: 100%;
min-width: 320px;
}
body {
line-height: 1;
font-family: "Mont-Regular", sans-serif;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
input,
button,
textarea {
font-family: "Mont-Regular", sans-serif;
font-size: inherit;
}
input::-ms-clear {
display: none;
}
button {
cursor: pointer;
background-color: inherit;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
a,
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
ul li {
list-style: none;
}
img {
vertical-align: top;
width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: inherit;
font-size: inherit;
} body {
color: #0E2D47;
}
body._lock {
overflow: hidden;
}
.wrapper {
width: 100%;
min-height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
}
._container {
max-width: 1570px;
margin: 0 auto;
}
@media (max-width: 1590px) {
._container {
max-width: 1320px;
}
}
@media (max-width: 1365.98px) {
._container {
max-width: 1080px;
}
}
@media (max-width: 1279.98px) {
._container {
max-width: 990px;
}
}
@media (max-width: 991.98px) {
._container {
max-width: 750px;
}
}
@media (max-width: 767.98px) {
._container {
max-width: none;
padding: 0 20px;
}
}
._fake-slide {
width: 100px !important;
}
._input {
background: transparent;
border-bottom: 1px solid #fff;
color: #fff;
padding: 0px 10px 12px 10px;
font-size: 20px;
font-family: "Mont-Light";
border-radius: 0;
height: 40px;
}
._letter-animation p {
display: flex;
}
._letter-animation p::after {
content: "|";
display: block;
font-size: inherit;
margin-left: 5px;
animation: blim 1s linear infinite;
}
._letter-animation p._stoped::after {
display: none;
}
._scr-item {
transition: opacity 1s, transform 1s;
opacity: 0;
}
._left-anim {
transform: translateX(-50px);
}
._right-anim {
transform: translateX(50px); 
}
._top-anim {
transform: translateY(-50px); 
}
._bottom-anim {
transform: translateY(50px); 
}
._scr-item._active {
transform: translateX(0) translateY(0);
opacity: 1;
}
@keyframes blim {
0% {
opacity: 1;
}
20% {
opacity: 0;
}
70% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.button {
display: inline-flex;
padding: 0px 0px;
}
.button._fw {
width: 100%;
}
.select {
position: relative;
width: 100%;
}
.select__item {
position: relative;
}
.select__title {
color: #fff;
background: transparent;
border-bottom: 1px solid #fff;
padding: 0px 10px 10px 10px;
cursor: pointer;
}
@media (max-width: 991.98px) {
.select__title {
font-size: 18px;
}
}
.select__value {
display: flex;
font-size: 14px;
height: 30px;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
}
.select__value span {
height: 1em;
font-size: 20px;
font-family: "Mont-Light";
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
opacity: .6;
}
.select__value._selected span {
opacity: 1;
}
.select__value:before {
content: "";
display: inline-block;
transition: all 0.3s ease 0s;
width: 15px;
height: 7px;
background: url(../../../themes/dr/assets/img/icons/arrow-input.svg) center/100% no-repeat;
}
.select__input {
width: 100%;
background-color: transparent;
height: 100%;
}
.select_form-footer__theme .select__options, .select_calc-form__select .select__options {
position: relative;
}
.select__options {
color: #fff;
position: absolute;
top: 100%;
min-width: 100%;
left: 0; border-top: 0;
border-top: 0;
font-size: 18px;
}
@media (max-width: 991.98px) {
.select__options {
font-size: 18px;
}
}
.select__option {
cursor: pointer;
padding: 7px 15px;
margin: 5px 0px 0px 0px;
}
@media (min-width: 992px) {
.select__option:hover {
background: #fff;
color: #000;
}
}
.select__option._selected {
background: #fff;
color: #0E2D47;
}
.select._active {
z-index: 5;
}
.select._active .select__value:before {
transform: rotate(-180deg);
}
.select._active .select__options {
display: block;
}
input[type=text],
input[type=email],
input[type=tel],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus {
outline: none;
}
.input {
border-radius: 0 !important;
width: 100%;
display: block;
padding: 0px 20px;
}
textarea.input {
resize: none;
padding: 0px 0px;
}
.checkbox {
position: relative;
}
.checkbox__input {
position: absolute;
opacity: 0;
}
.checkbox__input:checked + .checkbox__text:before {
background: url(../../../themes/dr/assets/img/icons/arrow-input.svg) center no-repeat;
}
.checkbox__text {  position: relative;
font-size: 14px;
color: #ffffff;
font-family: "Mont-Light";
letter-spacing: -0.3px;
line-height: 1.5;
cursor: pointer;
}
.checkbox__text:before {
content: "";
align-self: flex-start;
margin: 0px 14px 0px 0px;
flex: 0 0 20px;
left: 0;
top: 0;
width: 20px;
height: 20px;
border: 2px solid #a7a9ac;
border-radius: 1px;
display: inline-block;
margin-bottom: -5px;
}
.checkbox a {
color: #fff;
text-decoration: underline;
}
@media (min-width: 992px) {
.checkbox a:hover {
text-decoration: none;
}
}
.checkbox._error .checkbox__text:before {
border: 1px solid #ee1212;
}
.options {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.options__item {
position: relative;
cursor: pointer;
}
.options__input {
position: absolute;
width: 0;
height: 0;
opacity: 0;
left: 0;
top: 0;
visibility: hidden;
}
.options__input:checked + .options__text:after {
transform: scale(1);
}
.options__text {
display: inline-flex;
align-items: center;
position: relative;
font-size: 16px;
color: #ffffff;
letter-spacing: -0.3px;
line-height: 1.25;
}
.options__text:before {
content: "";
align-self: flex-start;
margin: 0px 14px 0px 0px;
flex: 0 0 20px;
left: 0;
top: 0;
border-radius: 50%;
width: 20px;
height: 18px;
background: #fff;
border: 1px solid #a7a9ac;
}
.options__text:after {
content: "";
transition: all 0.3s ease 0s;
transform: scale(0);
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #77243a;
position: absolute;
left: 5px;
top: 4px;
}
.rating {
display: flex;
align-items: flex-end;
font-size: 40px;
line-height: 0.75;
transition: opacity 0.3s ease 0s;
}
.rating.rating_sending {
opacity: 0.2;
}
.rating.rating_set .rating__active,
.rating.rating_set .rating__item {
cursor: pointer;
}
.rating__body {
position: relative;
}
.rating__body::before {
content: "★★★★★";
display: block;
}
.rating__active {
position: absolute;
width: 0%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
}
.rating__active::before {
content: "★★★★★";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
color: #ffd300;
}
.rating__items {
display: flex;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.rating__item {
flex: 0 0 20%;
height: 100%;
opacity: 0;
}
.rating__value {
font-size: 50%;
line-height: 1;
padding: 0px 0px 0px 10px;
}
.quantity {
width: 88px;
height: 40px;
display: flex;
border: 1px solid rgba(166, 166, 166, 0.45);
}
.quantity__button {
flex: 0 0 30px;
position: relative;
cursor: pointer;
}
.quantity__button::before, .quantity__button::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transition: all 0.3s ease 0s;
margin: 0px 0px 0px -4.5px;
background-color: #a6a6a6;
width: 9px;
height: 1px;
}
@media (min-width: 991.98px) {
.quantity__button:hover::before, .quantity__button:hover::after {
background-color: rgba(0, 0, 0, 0.5);
}
}
.quantity__button_plus::before {
transform: rotate(-90deg);
}
.quantity__input {
flex: 1 1 auto;
}
.quantity__input input {
height: 100%;
color: #a6a6a6;
font-size: 12px;
width: 100%;
text-align: center;
}
.row:after {
display: block;
content: "";
clear: both;
}
.rub:after {
content: "₽";
}
._more-content {
transition: all 0.3s ease 0s;
overflow: hidden;
}
._more-link {
cursor: pointer;
}
._more-link span {
font-style: normal;
}
._more-link span:first-child {
display: block;
}
._more-link span:last-child {
display: none;
}
._more-link._active span {
font-style: normal;
}
._more-link._active span:first-child {
display: none;
}
._more-link._active span:last-child {
display: block;
}
#map {
background: url(../../../themes/dr/assets/img/icons/loading.gif) center/50px no-repeat;
}
._swiper {
overflow: hidden;
}
._swiper .swiper-wrapper {
width: 100%;
height: 100%;
box-sizing: content-box;
display: flex;
position: relative;
}
._swiper.swiper-container-vertical .swiper-wrapper {
flex-direction: column;
}
._swiper.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
}
.swiper-container-initialized .swiper-slide {
flex-shrink: 0;
}
.swiper-container-android .swiper-slide,
.swiper-container-android .swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-button-lock {
display: none !important;
}
._tabs-block {
display: none;
}
._tabs-block._active {
display: block;
}
.mirror {
transform: scale(-1, 1);
}
.nicescroll-rails {
z-index: 1000 !important;
}
._custom-scroll {
position: fixed;
right: 0;
top: 0;
width: 3px;
height: 100%;
z-index: 1000;
}
._custom-scroll__line {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 3px 0 0 3px;
position: relative;
left: 0;
top: 0;
width: 100%;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
margin-top: -10px;
position: absolute;
display: block;
width: 20px;
height: 36px;
top: 50%;
transform: translate(0px, -50%);
z-index: 1080;
}
.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
color: #fff;
}
.lg-actions .lg-next {
right: 20px;
background: url(../../../themes/dr/assets/img/icons/p-right.svg) 0 0/100% no-repeat;
}
.lg-actions .lg-prev {
left: 20px;
background: url(../../../themes/dr/assets/img/icons/p-left.svg) 0 0/100% no-repeat;
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #fff;
}
.lg-toolbar .lg-close {
background: url(../../../themes/dr/assets/img/icons/close.svg) center no-repeat;
}
.lg-toolbar .lg-download {
display: none;
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #eee;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar,
.lg-prev,
.lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0d0a0a;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
border-radius: 5px;
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #fff;
border-radius: 4px;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toggle-thumb {
background-color: #0d0a0a;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toggle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toggle-thumb:hover {
color: #fff;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url(https://drkrd.ru/wp-content/themes/dr/assets/img/vimeo-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url(https://drkrd.ru/wp-content/themes/dr/assets/img/vimeo-play.png) no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url(https://drkrd.ru/wp-content/themes/dr/assets/img/video-play.png) no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url(https://drkrd.ru/wp-content/themes/dr/assets/img/youtube-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url(https://drkrd.ru/wp-content/themes/dr/assets/img/youtube-play.png) no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #fff;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #fff;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-moz-transform: translate3d(0, 5px, 0);
-o-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #fff;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a,
.lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903";
}
.group {
*zoom: 1;
}
.group:before,
.group:after {
display: table;
content: "";
line-height: 0;
}
.group:after {
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url(../../../themes/dr/assets/img/icons/loading.gif) no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
max-height: 80% !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: rgba(0, 0, 0, 0.9);
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.popup {
-webkit-overflow-scrolling: touch;
z-index: 999;
padding: 30px 10px;
position: fixed;
top: 0px;
left: 0;
width: 100%;
height: 100%;
transition: visibility 0.8s ease 0s;
visibility: hidden;
}
.popup::before {
content: "";
background-color: rgba(0, 0, 0, 0.9);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.8s ease 0s;
}
.popup.show {
visibility: visible;
overflow: auto;
}
.popup.show::before {
opacity: 1;
}
.popup.show .popup__body {
transform: scale(1);
}
.popup._active {
overflow: auto;
visibility: visible;
}
.popup._active::before {
opacity: 1;
}
.popup._active .popup__body {
transition: all 0.3s ease 0.2s;
transform: scale(1);
}
.popup__content {
display: flex;
flex-direction: column;
align-items: center;
min-height: 100%;
flex: 1 1 auto;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.popup__body {
transform: scale(0);
transition: all 0.3s ease 0s;
background-color: #fff;
padding: 50px;
width: 100%;
max-width: 800px;
}
.popup__close {
width: 15px;
height: 15px;
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;
background-size: contain;
z-index: 30;
background: url(../../../themes/dr/assets/img/icons/close.svg) 0 0 no-repeat;
}
.calc-popup__form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 50px;
}
.calc-popup__head {
font-size: 46px;
}
@media (max-width: 479.98px) {
.calc-popup__head {
font-size: 36px;
}
}
.calc-popup__name, .calc-popup__phoneoremail {
width: calc(50% - 15px);
color: #0E2D47;
border-bottom: 1px solid #000;
font-size: 18px;
padding: 0px 10px 10px 10px;
}
@media (max-width: 767.98px) {
.calc-popup__name, .calc-popup__phoneoremail {
width: 100%;
}
.calc-popup__name:first-child, .calc-popup__phoneoremail:first-child {
margin-bottom: 50px;
}
}
.calc-popup__text {
width: 100%;
height: 100px;
resize: none;
border-bottom: 1px solid #000;
font-size: 18px;
padding: 0px 10px 10px 10px;
margin-top: 50px;
}
.calc-popup__button {
font-size: 24px;
color: #fff;
background: #0E2D47;
border: 1px solid #0E2D47;
transition: 0.3s;
width: 100%;
padding: 15px 10px;
margin-top: 50px;
border-radius: 50px;
}
@media (min-width: 991.98px) {
.calc-popup__button:hover {
background: transparent;
color: #0E2D47;
}
}
.calc-popup__close {
background: url(../../../themes/dr/assets/img/icons/close-black.svg) 0 0 no-repeat;
background-size: contain;
top: 10px;
right: 10px;
}
.slider-popup__body {
display: flex;
max-width: 1100px;
}
.slider-popup__left {
flex: 0 0 45%;
}
.slider-popup__right {
flex: 0 0 calc(55% - 30px);
margin-left: 30px;
position: relative;
}
.slider-popup__head {
font-size: 46px;
line-height: 50px;
}
.slider-popup__text {
line-height: 20px;
margin-top: 20px;
}
.slider-popup__links {
display: flex;
margin-top: 15px;
}
.slider-popup__link {
display: block;
border-radius: 30px;
background: #E9E9E9;
padding: 8px 15px;
font-size: 14px;
color: #0E2D47;
transition: 0.3s;
}
.slider-popup__link:last-child {
background: transparent;
border: 1px solid #E9E9E9;
margin-left: 15px;
}
.slider-popup__link:hover {
background: #F4F4F4;
}
.slider-popup__jaw {
position: absolute;
padding: 10px;
background: #fff;
left: 0;
top: 0;
}
.slider-popup__image {
width: 100%;
height: 100%;
object-fit: cover;
}
.slider-popup__close {
background: url(../../../themes/dr/assets/img/icons/close-black.svg) 0 0 no-repeat;
background-size: contain;
top: 10px;
right: 10px;
}
.callback-popup__body {
max-width: 400px;
}
.callback-popup__head {
font-size: 26px;
}
.callback-popup__text {
margin: 10px 0px 30px 0px;
line-height: 20px;
}
.callback-popup__button {
font-size: 18px;
color: #fff;
background: #0E2D47;
border: 1px solid #0E2D47;
transition: 0.3s;
width: 100%;
padding: 15px 10px;
margin-top: 50px;
border-radius: 50px;
}
.callback-popup__message {
color: #0E2D47 !important;
}
@media (min-width: 991.98px) {
.callback-popup__button:hover {
background: transparent;
color: #0E2D47;
}
}
.callback-popup__phone {
width: 100%;
color: #0E2D47;
border-bottom: 1px solid #0E2D47;
}
.callback-popup__close {
background: url(../../../themes/dr/assets/img/icons/close-black.svg) 0 0 no-repeat;
background-size: contain;
top: 10px;
right: 10px;
}
@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) format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #fff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
} .swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
@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) format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #fff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
} .swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.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(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: 0.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-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-progressbar {
background: rgba(0, 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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
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 > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.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%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.icon-menu {
display: none;
}
@media (max-width: 991.98px) {
.icon-menu {
display: block;
position: relative;
z-index: 301;
width: 25px;
height: 18px;
cursor: pointer;
}
.icon-menu._active span {
background-color: #000;
}
.icon-menu span {
transition: all 0.3s ease 0s;
top: calc(50% - 1px);
left: 0px;
position: absolute;
width: 100%;
height: 2px;
background-color: #fff;
}
.icon-menu span:first-child {
top: 0px;
}
.icon-menu span:last-child {
top: auto;
bottom: 0px;
}
.icon-menu._active span {
transform: scale(0);
}
.icon-menu._active span:first-child {
transform: rotate(-45deg);
top: calc(50% - 1px);
}
.icon-menu._active span:last-child {
transform: rotate(45deg);
bottom: calc(50% - 1px);
}
}
@media (min-width: 991.98px) {
.header._background .sub-menu__container {
background: #0E2D47;
}
}
.header {
position: fixed;
z-index: 900;
top: 0;
left: 0;
width: 100%;
padding: 10px 0px;
transition: transform 0.3s;
}
.header._hide {
transform: translate(0, -100%);
}
.header:before {
content: "";
display: block;
background: #0E2D47;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px 0px;
position: absolute;
z-index: -1;
transition: 0.3s;
transform: translate(0, -100%);
}
.header._background:before {
transform: translate(0, 0);
}
.header__container {
display: flex;
justify-content: space-between;
align-items: center;
}
.header__center {
display: flex;
align-items: center;
}
.header__button {
display: block;
white-space: nowrap;
border-radius: 30px;
padding: 10px 14px;
font-size: 14px;
margin-left: 40px;
color: #000;
background: #fff;
transition: 0.3s;
}
@media (max-width: 1365.98px) {
.header__button {
display: none;
}
}
@media (max-width: 991.98px) {
.header__button {
display: block;
margin-right: 30px;
padding: 10px 14px;
}
}
@media (min-width: 767.98px) {
.header__button:hover {
background: #C8C8C8;
}
}
.header__logo {
width: 120px;
}
@media (max-width: 991.98px) {
.header__logo {
width: 100px;
}
}
.header__logo img {
width: 100%;
}
.header__contact {
display: flex;
margin-left: 20px;
align-items: center;
margin-left: 100px;
}
@media (max-width: 991.98px) {
.header__contact {
padding-top: 40px;
margin-left: 0px;
flex-direction: column;
border-top: 1px solid #ddd;
}
}
.header__socials {
display: flex;
}
.header__whatsup {
display: block;
width: 24px;
height: 24px;
margin-right: 16px;
}
.header__telegram {
display: block;
width: 24px;
height: 24px;
margin-right: 16px;
}
.header__telegram svg {
fill: #fff;
}
@media (max-width: 991.98px) {
.header__whatsup { width: 32px;
height: 32px;
}
.header__telegram {
width: 32px;
height: 32px;
}
}
.header__whatsup svg {
fill: #fff;
}
@media (max-width: 991.98px) {
.header__whatsup svg {
fill: #000;
}
.header__telegram svg {
fill: #000;
}
}
.header__instagram {
display: block;
width: 24px;
height: 24px;
margin-right: 25px;
}
@media (max-width: 991.98px) {
.header__instagram {
width: 32px;
height: 32px;
margin-right: 40px;
}
}
.header__instagram svg {
fill: #fff;
}
@media (max-width: 991.98px) {
.header__instagram svg {
fill: #000;
}
}
.header__phone {
color: #fff;
position: relative;
}
@media (min-width: 767.98px) {
.header__phone::after {
content: "";
display: block;
position: absolute;
background: #fff;
left: 0;
bottom: -5px;
width: 0px;
height: 2px;
transition: 0.3s;
}
.header__phone:hover::after {
width: 100%;
}
}
@media (max-width: 991.98px) {
.header__phone {
margin-top: 40px;
color: #000;
font-size: 32px;
}
}
.menu {
display: flex;
}
@media (max-width: 991.98px) {
.menu {
position: absolute;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
transition: 0.3s;
z-index: 300;
transform: translate(-100%, 0);
background: #fff;
flex-direction: column;
justify-content: flex-start;
padding: 100px 0px;
align-items: center;
overflow-y: auto;
}
.menu._active {
transform: translate(0, 0);
}
}
.menu__item {
color: #fff;
margin-right: 30px;
position: relative;
display: inline-block;
cursor: pointer;
}
.menu__item:last-child {
margin-right: 0px;
}
@media (min-width: 767.98px) {
.menu__item::after {
content: "";
display: block;
position: absolute;
background: #fff;
left: 0;
bottom: -5px;
width: 0px;
height: 2px;
transition: 0.3s;
}
.menu__item:hover::after {
width: 100%;
}
}
@media (max-width: 991.98px) {
.menu__item {
color: #000;
font-size: 32px;
margin-bottom: 40px;
margin-right: 0;
}
}
.menu__item._active span {
transform: rotate(180deg);
}
.menu__link-arrow {
display: inline-block;
height: 10px;
width: 18px;
background: url(../../../themes/dr/assets/img/icons/arrow-input-black.svg) no-repeat;
background-size: contain;
transition: 0.3s;
margin-bottom: 5px;
}
@media (min-width: 991.98px) {
.menu__link-arrow {
display: none;
}
}
.sub-menu {
margin-right: 30px;
position: relative;
width: fit-content;
}
.sub-menu .menu__item {
margin-right: 0;
}
@media (min-width: 991.98px) {
.sub-menu:hover .sub-menu__container {
display: block;
}
.sub-menu__item-child:hover {
opacity: 1;
}
}
@media (max-width: 991.98px) {
.sub-menu {
margin-right: 0;
text-align: center;
}
}
.sub-menu__container {
position: absolute;
top: 100%;
left: -15px;
display: none;
padding: 10px 15px 15px 15px;
}
.sub-menu__services { color: #fff;
position: relative;
padding: 10px 10px 10px 0px;
}
.sub-menu__services:last-child {
margin-bottom: 0;
}
.sub-menu__item-childs {
display: none;
color: #fff;
position: absolute;
left: 100%;
width: 300px;
top: -10px;
background: #0E2D47;
flex-direction: column; padding: 20px 10px 0px 20px;
}
.sub-menu__item-child {
margin-bottom: 15px;
color: #fff;
opacity: 0.8;
transition: .3s;
position: relative;
width: fit-content;
}
.sub-menu__item-child:first-child {
padding-top: 0px;
}
@media (max-width: 991.98px) {
.sub-menu__container {
position: unset;
flex-direction: column;
align-items: center;
margin-top: -18px;
margin-bottom: 20px;
}
.sub-menu__container._active {
display: flex;
}
.sub-menu__services {
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.sub-menu__item-childs:not(._second) {
position: unset;
display: flex;
padding: 0;
background: transparent;
align-items: center;
}
}
.sub-menu__item {
display: block;
opacity: 0.8;
position: relative;
color: #fff;
width: fit-content;
}
@media (min-width: 991.98px) {
.sub-menu__item::after, .sub-menu__item-child::after {
content: "";
display: block;
position: absolute;
background: #fff;
left: 0;
bottom: -5px;
width: 0px;
height: 1px;
transition: 0.3s;
}
.sub-menu__item:hover::after, .sub-menu__item-child:hover::after {
width: 100%;
}
.sub-menu__services:hover .sub-menu__item-childs:not(._second) {
display: flex;
}
.sub-menu__item-childs._second {
top: -20px;
}
.sub-menu__services._second {
padding: 0px;
padding-bottom: 15px;
}
.sub-menu__services._second:hover .sub-menu__item-childs {
display: flex;
}
}
@media (max-width: 991.98px) {
.sub-menu__item {
color: #0E2D47;
font-size: 24px; margin-bottom: 32px;
}
.sub-menu__item-childs {
margin-bottom: 17px;
}
.sub-menu__item-child {
color: #0E2D47;
}
}
.footer {
background: url(../../../themes/dr/assets/img/footer-background.jpg) no-repeat;
background-size: cover;
padding-top: 100px;
}
.footer__head {
font-size: 46px;
line-height: 54px;
font-family: "Mont-SemiBold";
color: #fff;
margin-bottom: 60px;
}
.footer__subhead {
font-family: "Mont-Light";
opacity: 0.5;
margin-bottom: 15px;
}
.footer__link {
color: #fff;
line-height: 26px;
font-size: 18px;
font-family: "Mont-Light";
}
.footer__copy-button {
display: block;
width: 100%;
border-radius: 30px;
padding: 6px 8px;
color: #000;
margin-top: 10px;
background: #fff;
transition: 0.3s;
font-size: 12px;
text-align: center;
opacity: .7;
}
@media (min-width: 767.98px) {
.footer__copy-button:hover {
background: #C8C8C8;
}
}
.footer__qrcode {
margin-top: 16px;
width: 150px;
height: 150px;
object-fit: contain;
display: block;
}
.footer__callback {
display: block;
width: 150px;
white-space: nowrap;
border-radius: 30px;
pointer-events: visible;
padding: 9px 10px;
color: #000;
margin-top: 15px;
background: #fff;
transition: 0.3s;
font-size: 14px;
text-align: center;
transition: 0.3s;
}
@media (min-width: 767.98px) {
.footer__callback:hover {
background: #C8C8C8;
}
}
.footer__info {
margin-top: 50px;
display: flex;
color: #fff;
justify-content: space-between;
}
@media (max-width: 1365.98px) {
.footer__info {
flex-wrap: wrap;
width: 90%;
justify-content: flex-start;
}
}
@media (max-width: 991.98px) {
.footer__info {
width: 100%;
}
}
@media (max-width: 1365.98px) {
.footer__info-item {
margin: 40px 50px 0 0;
}
}
@media (max-width: 479.98px) {
.footer__info-item {
margin-right: 0;
width: 100%;
}
}
.footer__text {
font-size: 18px;
line-height: 26px;
font-family: "Mont-Light";
}
.footer__socials {
margin-top: 22px;
display: flex;
align-items: center;
}
.footer__social {
margin-right: 10px;
}
.footer__social:last-child {
margin-right: 0;
}
.footer__social svg {
width: 24px;
height: 24px;
}
.footer__bottom {
margin-top: 60px;
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 20px;
}
@media (max-width: 1365.98px) {
.footer__bottom {
flex-direction: column;
align-items: flex-start;
}
}
.footer__logo {
margin-right: 60px;
}
@media (max-width: 767.98px) {
.footer__logo {
flex: 0 0 100%;
margin-right: 0;
margin-bottom: 20px;
}
}
.footer__menu {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.footer__menu-item {
color: #fff;
white-space: nowrap;
margin-right: 20px;
transition: 0.3s;
}
.footer__menu-item:last-child {
margin-right: 0;
}
@media (max-width: 479.98px) {
.footer__menu-item {
font-size: 14px;
margin-right: 10px;
margin-top: 20px;
}
}
@media (min-width: 991.98px) {
.footer__menu-item:hover {
color: #ddd;
}
}
.footer__copyright {
color: #fff;
opacity: 0.5;
font-size: 14px;
width: fit-content;
margin-left: 60px;
max-width: 550px;
}
@media (max-width: 1365.98px) {
.footer__copyright {
margin: 30px 0 0 0;
}
}
.footer__klatcen {
margin-top: 10px;
padding-bottom: 20px;
display: flex;
justify-content: flex-end;
}
.form-footer {
display: flex;
}
@media (max-width: 991.98px) {
.form-footer {
flex-direction: column;
}
}
.form-footer__inputs {
display: flex;
flex-wrap: wrap;
flex: 0 0 calc(70% - 60px);
}
.form-footer__inputs input::placeholder {
opacity: .6;
color: #fff;
}
@media (max-width: 1279.98px) {
.form-footer__inputs {
flex-direction: column;
}
}
.form-footer__left {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 50%;
height: fit-content;
}
@media (max-width: 1279.98px) {
.form-footer__left {
width: 100%;
}
}
.form-footer__name {
width: 100%;
margin-bottom: 40px;
}
.form-footer__phone {
width: 50%;
}
@media (max-width: 1365.98px) {
.form-footer__phone {
margin-bottom: 40px;
width: 100%;
}
}
.form-footer__email {
width: calc(50% - 30px);
margin-left: 30px;
}
@media (max-width: 1365.98px) {
.form-footer__email {
width: 100%;
margin-left: 0;
}
}
.form-footer__file-label {
margin-top: 30px;
width: 100%;
height: 40px;
color: #fff;
padding: 30px;
border: 2px dashed #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0.5;
transition: 0.3s;
}
.form-footer__file-label:hover {
opacity: 1;
}
.form-footer__file-label input {
display: none;
}
.form-footer__file-label._filled {
opacity: 1;
}
.form-footer__file-label._highlight {
opacity: 1;
}
.form-footer__right {
width: calc(50% - 60px);
margin-left: 60px;
display: flex; flex-wrap: wrap;
height: fit-content;
}
@media (max-width: 1279.98px) {
.form-footer__right {
margin-left: 0;
width: 100%;
margin-top: 40px;
}
}
.form-footer__message {
margin-top: 40px;
width: 100%;
}
._form-message {
font-size: 22px;
margin-top: 20px;
margin-bottom: 20px;
display: none;
color: #fff;
max-width: 400px;
line-height: 130%;
}
._form-message._active {
display: block;
}
.form-footer__submit {
margin-left: 60px;
flex: 0 0 30%;
}
@media (max-width: 991.98px) {
.form-footer__submit {
margin-left: 0;
margin-top: 40px;
}
}
.form-footer__button {
display: block;
width: 260px;
white-space: nowrap;
border-radius: 30px;
pointer-events: visible;
padding: 15px 10px;
color: #000;
margin-top: 30px;
background: #fff;
transition: 0.3s;
font-size: 20px;
text-align: center;
transition: 0.3s;
}
@media (min-width: 767.98px) {
.form-footer__button:hover {
background: #C8C8C8;
}
}
@media (max-width: 479.98px) {
.form-footer__button {
width: 100%;
}
}
.title-about {
position: relative;
}
.title-about__head {
font-family: "Mont-SemiBold";
font-size: 72px;
position: absolute;
top: 200px;
color: #fff;
left: calc(50% - 791px);
right: calc(50% - 791px);
width: 1580px;
}
@media (max-width: 767.98px) {
.title-about__head {
max-width: 100% !important;
font-size: 46px;
}
}
.title-about__background {
width: 100%;
height: 100%;
}
.title-about__photo {
width: 100%;
height: 370px;
object-fit: cover;
}
@media (max-width: 767.98px) {
.title-about__photo {
height: 300px;
}
}
.title-about__arrow {
width: 180px;
height: 180px;
background: url(../../../themes/dr/assets/img/icons/nav-arrow-black.svg) no-repeat;
background-size: 40px;
background-position: center;
position: absolute;
bottom: -150px;
z-index: 998;
right: 80px;
}
.title-about__arrow::before {
content: "";
display: block;
width: 100%;
height: 100%;
background: url(../../../themes/dr/assets/img/icons/nav-circle-black.svg);
background-size: contain;
animation: navCircleRotate 12s linear infinite;
}
@media (max-width: 991.98px) {
.title-about__arrow {
bottom: -80px;
}
}
@media (max-width: 767.98px) {
.title-about__arrow {
display: none;
}
}
.text-about {
padding-top: 100px;
}
.text-about__head {
font-size: 26px;
line-height: 34px;
margin-bottom: 30px;
}
.text-about__content {
font-size: 16px;
line-height: 28px;
display: flex;
justify-content: space-between;
}
@media (max-width: 991.98px) {
.text-about__content {
flex-direction: column;
}
}
.text-about__left {
flex: 0 0 50%;
}
@media (max-width: 991.98px) {
.text-about__left {
flex: 1 1 100%;
}
}
.text-about__right {
flex: 0 0 calc(50% - 50px);
margin-left: 50px;
}
@media (max-width: 991.98px) {
.text-about__right {
flex: 1 1 100%;
margin-left: 0;
}
}
.text-about__p {
margin-bottom: 20px;
}
.about-numbers {
margin-top: 75px;
display: flex;
justify-content: space-between;
}
@media (max-width: 1365.98px) {
.about-numbers {
justify-content: center;
}
}
@media (max-width: 991.98px) {
.about-numbers {
flex-direction: column;
}
}
.about-numbers__left {
display: flex;
}
.about-numbers__left .about-numbers__item:first-child {
border-left: none;
padding-left: 0;
}
@media (max-width: 991.98px) {
.about-numbers__left {
margin-bottom: 50px;
}
}
.about-numbers__right {
display: flex;
margin-left: 50px;
}
@media (max-width: 1365.98px) {
.about-numbers__right {
margin-left: 0;
}
}
.about-numbers__right .about-numbers__item:last-child {
padding-right: 0;
}
@media (max-width: 991.98px) {
.about-numbers__right .about-numbers__item:first-child {
border-left: none;
padding-left: 0;
}
}
.about-numbers__item {
padding: 0 80px;
border-left: 1px solid #000;
}
@media (max-width: 1365.98px) {
.about-numbers__item {
padding: 0 40px;
}
}
@media (max-width: 479.98px) {
.about-numbers__item {
padding: 0 20px;
}
}
.about-numbers__head {
font-size: 46px;
font-family: "Mont-SemiBold";
white-space: nowrap;
margin-bottom: 10px;
}
@media (max-width: 1412px) {
.about-numbers__head {
font-size: 36px;
}
}
.about-numbers__text {
font-size: 26px;
}
@media (max-width: 1412px) {
.about-numbers__text {
font-size: 16px;
}
}
.production-about {
margin-top: 120px;
padding-bottom: 120px;
background: #F6F6F6;
}
.production-about__info {
display: flex;
justify-content: space-between;
padding-top: 140px;
padding-bottom: 140px;
}
@media (max-width: 991.98px) {
.production-about__info {
flex-direction: column;
}
}
.production-about__head {
font-size: 46px;
line-height: 54px;
font-family: "Mont-SemiBold";
max-width: 540px;
margin-bottom: 56px;
}
@media (max-width: 991.98px) {
.production-about__head {
font-size: 42px;
margin-bottom: 16px;
}
}
.production-about__text {
font-size: 16px;
line-height: 28px;
flex: 0 0 50%;
}
@media (max-width: 991.98px) {
.production-about__text {
flex: 1 1 100%; }
}
.production-about__slider { }
.production-about__slide {
width: fit-content;
}
.production-about__image {
width: 100%;
object-fit: cover;
max-height: 500px;
}
@media (max-width: 767.98px) {
.production-about__image {
height: 220px;
}
}
.map-about {
position: relative;
margin-top: 100px;
}
.map-about__head {
font-family: "Mont-SemiBold";
font-size: 46px;
line-height: 54px;
top: 120px;
position: absolute;
z-index: 999;
left: calc(50% - 791px);
right: calc(50% - 791px);
width: 1412px;
}
@media (max-width: 767.98px) {
.map-about__head {
max-width: 100% !important;
}
}
.work-with {
margin-top: 100px;
}
.work-with__head {
font-size: 46px;
line-height: 54px;
font-family: "Mont-SemiBold";
}
.work-with__slider {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 767.98px) {
.work-with__slider {
margin-top: 60px;
}
}
@media (min-width: 767.98px) {
.work-with__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 40px;
}
}
.work-with__slide {
width: fit-content !important;
}
@media (min-width: 767.98px) {
.work-with__slide {
width: fit-content !important;
margin: 40px;
}
}
.work-with__image {
width: 170px;
height: 170px;
object-fit: contain;
transition: 0.3s;  }
.work-with__image._blue {
display: none;
}
@media (min-width: 767.98px) {
.work-with__image-container:hover .work-with__image._blue {
display: block;
}
.work-with__image-container:hover .work-with__image:not(._blue) {
display: none;
}
.work-with__image:hover { }
}
.awards-about {
margin: 100px auto;
}
.awards-about__head {
font-family: "Mont-SemiBold";
font-size: 46px;
line-height: 54px;
margin-bottom: 60px;
}
.awards-about__slider {
width: 100%;
height: 100%;
padding: 10px 0px;
}
.awards-about__slide {
width: fit-content !important;
}
.awards-about__image {
width: 280px;
object-fit: contain;
}
.awards-about__image-container {
display: block;
}
.awards-about__image._blue {
display: none;
}
@media (min-width: 767.98px) {
.awards-about__image-container:hover .awards-about__image._blue {
display: block;
}
.awards-about__image-container:hover .awards-about__image:not(._blue) {
display: none;
}
}        .breadcrumbs {
padding-top: 40px;
color: #181818;
}
.breadcrumbs a, .breadcrumbs-about a {
opacity: .6;
color: #181818;
transition: .3s;
}
.breadcrumbs a:hover, .breadcrumbs-about a:hover {
opacity: 1;
}
.breadcrumb_last {
opacity: 1;
}
.breadcrumbs-make {
margin-top: 100px;
margin-bottom: -80px;
display: flex;
flex-wrap: wrap;
padding-top: 20px;
padding-bottom: 20px;
justify-content: space-between;
}
.breadcrumbs-make__slider, .content-portfolio__slider {
width: 100%;
height: 100%;
}
.breadcrumbs-make__wrapper { flex-wrap: wrap;
align-items: center;
}
@media (max-width: 991.98px) {
.breadcrumbs-make__wrapper {
flex-wrap: nowrap;
overflow-x: auto;
}
}
.content-portfolio__wrapper {
justify-content: space-between;
width: auto;
margin-right: -20px;
}
.breadcrumbs-make__button {
color: #fff;
background: #0E2D47;
border-radius: 70px;
padding: 5px 10px;
transition: .3s;
border: 1px solid #0E2D47;
}
.breadcrumbs-make__slide {
width: fit-content !important;
}
@media (min-width: 991.98px) {
.breadcrumbs-make__button:hover {
color: #0E2D47;
background: transparent;
}
}
.breadcrumbs-make__slide, .content-portfolio__slide {
width: fit-content;
}
@media (max-width: 991.98px) {
.breadcrumbs-make {
margin-top: 60px;
}
}
.breadcrumbs-make__item {
font-size: 20px;
margin-bottom: 10px;
margin-right: 30px;
color: #000;
position: relative;
display: block;
}
.breadcrumbs-make__item._bold {
font-family: "Mont-Bold", sans-serif;
}
.breadcrumbs-make__item._map-button {
padding: 8px 16px;
border-radius: 70px;
color: #fff;
background: #0E2D47;
font-family: "Mont-Bold", sans-serif;
font-size: 16px;
transition: .3s;
}   @media (min-width: 991.98px) {
.breadcrumbs-make__item::after {
content: "";
display: block;
position: absolute;
background: #000;
left: 0;
bottom: -5px;
width: 0px;
height: 2px;
transition: 0.3s;
}
.breadcrumbs-make__item:not(._map-button):hover::after {
width: 100%;
}
.breadcrumbs-make__item._map-button:hover {
opacity: .7;
}
.breadcrumbs-make__item:not(._map-button):hover::before {
transform: scale(1);
}
}
.map-place {
position: relative;
margin-bottom: 120px;
}
@media (max-width: 991.98px) {
.map-place {
margin-bottom: 80px;
}
}
._git {
margin-bottom: 5px;
font-size: 20px;
}
.map-place__head {
font-size: 46px;
line-height: 54px;
position: absolute;
top: 50px;
z-index: 998;
font-family: "Mont-SemiBold";
left: calc(50% - 791px);
right: calc(50% - 791px);
width: 1412px;
pointer-events: none;
}
@media (max-width: 767.98px) {
.map-place__head {
max-width: 100% !important;
font-size: 28px;
line-height: 32px;
}
}
.map-place__download-container {
pointer-events: none;
position: absolute;
bottom: 100px;
z-index: 998;
width: fit-content;
left: calc(50% - 791px);
right: calc(50% - 791px);
width: 1412px;
}
@media (max-width: 767.98px) {
.map-place__download-container {
max-width: 100% !important;
position: relative;
bottom: 0;
left: auto;
right: auto;
}
}
.map-place__download-button {
display: block;
background: #0E2D47;
pointer-events: visible;
color: #fff;
padding: 15px 30px;
width: fit-content;
border-radius: 50px;
transition: 0.3s;
white-space: nowrap;
border: 1px solid #0E2D47;
}
.map-place__download-button:hover {
background: transparent;
color: #0E2D47;
}
@media (max-width: 479.98px) {
.map-place__download-button {
font-size: 14px;
}
}
@media (max-width: 767.98px) {
.map-place__download-button {
margin: 40px auto 0px auto;
}
}
.map-place__container {
display: flex;
position: relative;
}
.map-place__popup {
position: absolute;
right: 10px;
top: 10px;
z-index: 10;
display: none;
}
.map-place__popup._visible {
display: block;
}
.map-place__popup-close {
width: 15px;
height: 15px;
top: 30px;
left: calc(100% - 45px);
position: relative;
cursor: pointer;
z-index: 30;
background: url(../../../themes/dr/assets/img/icons/close-black.svg) 0 0 no-repeat;
background-size: contain;
}
.map-place__popup-content {
}
.map-place__list {
width: 40%;
min-width: 300px;
max-height: 700px;
overflow-y: auto;
scroll-behavior: smooth;
}
.map-place__map {
width: 60%;
}
@media (max-width: 767.98px) {
.map-place__container {
display: block;
}
.map-place__list {
width: 100%;
max-height: 400px;
}
.map-place__map {
width: 100%;
}
}
.content-contacts {
display: flex;
flex-wrap: wrap;
margin-top: 70px;
}
@media (max-width: 991.98px) {
.content-contacts {
margin-top: 30px;
}
}
.content-contacts__item {
width: 33.333%;
}
@media (max-width: 767.98px) {
.content-contacts__item {
width: 100%;
}
}
.content-contacts__head {
font-size: 20px;
list-style: 24px;
font-family: "Mont-SemiBold";
margin-top: 30px;
}
.content-contacts__text {
font-size: 18px;
line-height: 22px;
margin-top: 5px;
display: block;
color: #0E2D47;
}
.map-contacts {
margin: 60px auto 120px auto;
}
.map-contacts__text {
font-size: 18px;
line-height: 22px;
margin-bottom: 20px;
}
@media (max-width: 479.98px) {
.map-contacts__text {
margin-bottom: 0px;
}
}
.map-contacts__map {
width: 100%;
height: 550px;
}
@media (max-width: 479.98px) {
.map-contacts__map {
display: none;
}
}
.items-news {
margin-top: 120px;
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 991.98px) {
.items-news {
margin-top: 60px;
}
}
.items-news__link {
display: block;
color: #0E2D47;
border-bottom: 1px solid rgba(14, 45, 71, .6);
width: 100%;
}
.items-news__link:first-child {
border-top: 1px solid rgba(14, 45, 71, .6);
}
.items-news__item {
display: flex;
justify-content: space-between;
transition: 0.3s;
}
@media (max-width: 767.98px) {
.items-news__item {
flex-direction: column;
}
}
@media (min-width: 767.98px) {
.items-news__item:hover {
opacity: 0.6;
}
}
.items-news__left {
padding: 60px 0px;
flex: 0 0 30%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 1365.98px) {
.items-news__left {
flex: 0 0 40%;
}
}
@media (max-width: 991.98px) {
.items-news__left {
flex: 0 0 45%;
}
}
@media (max-width: 767.98px) {
.items-news__left {
padding: 20px 0px 0px 0px;
}
}
.items-news__head {
font-family: "Mont-SemIBold";
font-size: 28px;
line-height: 32px;
margin-bottom: 15px;
}
.items-news__text {
font-size: 18px;
line-height: 22px;
font-family: "Mont-Light";
}
.items-news__data {
font-size: 18px;
margin-top: 10px;
}
@media (max-width: 767.98px) {
.items-news__data {
margin-top: 20px;
}
}
.items-news__right {
flex: 0 0 50%;
padding: 20px 0;
}
.items-news__image {
width: 100%;
height: 350px;
object-fit: cover;
}
@media (max-width: 600px) {
.items-news__image {
height: 300px;
}
}
@media (max-width: 500px) {
.items-news__image {
height: 230px;
}
}
@media (max-width: 400px) {
.items-news__image {
height: 200px;
}
}
.show-more__container {
display: flex;
justify-content: center;
margin-top: 60px;
margin-bottom: 120px;
}
@media (max-width: 991.98px) {
.show-more__container {
margin-bottom: 90px;
}
}
.items-news__show-more {
border: none;
background: transparent;
transition: 0.3s;
font-size: 18px; }
@media (min-width: 767.98px) {
.items-news__show-more:hover {
opacity: 0.6;
}
}
.news-single {
margin-top: 120px;
margin-bottom: 120px;
display: flex;
justify-content: space-between;
}
@media (max-width: 991.98px) {
.news-single {
flex-direction: column;
margin-top: 60px;
}
}
.news-single__content {
width: 30%;
}
.news-single__content .mg1 {
font-size: 18px;
line-height: 23px;
margin: 10px 0;
}
.news-single__content a {
color: #000;
}
@media (max-width: 991.98px) {
.news-single__content {
width: 100%;
}
}
.news-single__slider {
width: calc(70% - 100px);
overflow: hidden;
height: 450px;
position: relative;
}
@media (max-width: 468.98px) {
.news-single__slider {
height: 250px;
}
}
@media (max-width: 991.98px) {
.news-single__slider {
width: 100%;
margin-top: 40px;
}
}
.news-single__slider .swiper-pagination-bullet-active {
background: #0E2D47;
}
@media (min-width: 991.98px) {
.news-single__slider .swiper-pagination {
display: none;
}
.news-single__wrapper {
height: 450px;
}
.news-single__slider {
height: 550px;
}
}
.news-single__image {
width: 100%;
height: 100%;
object-fit: cover;
}
.news-single__content p {
font-size: 18px;
line-height: 130%;
}
.news-single__text {
font-size: 18px;
line-height: 130%;
}
@media (max-width: 1279.98px) {
.news-single__text {
font-size: 16px;
}
}
@media (max-width: 991.98px) {
.news-single__text {
margin-bottom: 30px;
font-size: 18px;
}
}
.news-single__nav-container {
margin-top: 30px;
display: flex;
}
.news-single__nav {
width: 42px;
height: 42px;
cursor: pointer;
transition: 0.3s;
opacity: 0.5;
}
.news-single__nav:hover {
opacity: 1;
}
.news-single__nav.swiper-button-prev {
transform: rotate(180deg);
margin-right: 20px;
}
@media (max-width: 991.98px) {
.news-single__nav {
display: none;
}
}
.content-portfolio {
margin: 70px auto 120px auto;
}
.content-portfolio__tabs-items {
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
}
.content-portfolio__tabs-item {
position: relative;
margin: 20px 30px 0px 0px;
font-size: 18px;
color: #0E2D47;
}
.content-portfolio__tabs-item:last-child {
margin-right: 0;
}
@media (min-width: 767.98px) {
.content-portfolio__tabs-item::after {
content: "";
display: block;
position: absolute;
background: #000;
left: 0;
bottom: -3px;
width: 0px;
height: 1px;
transition: 0.3s;
}
.content-portfolio__tabs-item:hover::after {
width: 100%;
}
}
.content-portfolio__tabs-item._active {
font-family: "Mont-Bold";
}
.content-portfolio__tabs-item._active::after {
width: 100%;
}
.content-portfolio__head {
font-size: 38px;
line-height: 42px;
font-family: "Mont-SemiBold";
margin-top: 70px;
}
.lg-text-desc-label {
position: absolute;
bottom: 0px;
left: 0px;
color: #fff;
z-index: 10;
padding: 15px 30px 15px 30px;
background: #0E2D47;
width: 100%;
text-align: center;
}
.gallery-portfolio {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
}
.gallery-portfolio__slider {
overflow: hidden;
}
.gallery-portfolio__wrapper {
}
.gallery-portfolio__slide {
}
._hidden {
display: none;
}
.gallery-portfolio__hidden {
display: none;
}
@media (min-width: 1365.98px) {
#portfolio_all .content-portfolio__container:nth-child(odd) .gallery-portfolio__item:nth-child(4) {
width: calc(66.6666% - 15px);
}
#portfolio_all .content-portfolio__container:nth-child(even) .gallery-portfolio__item:nth-child(2) {
width: calc(66.6666% - 15px);
}
._single.gallery-portfolio .gallery-portfolio__item:nth-child(3n+4) {
width: calc(66.6666% - 15px);
}
.gallery-portfolio._chaos .gallery-portfolio__item._big  {
width: calc(63% - 15px) !important;
}
.gallery-portfolio._chaos .gallery-portfolio__item._medium  {
width: calc(37% - 15px) !important;
}
.gallery-portfolio._chaos .gallery-portfolio__item._small  {
width: calc(26% - 15px) !important;
}
}
.gallery-portfolio__item {
width: calc(33.3333% - 15px);
margin: 30px 15px 0px 0px;
transition: 0.3s;
position: relative;
}
.gallery-portfolio__pagination {
display: flex;
justify-content: center;
position: absolute;
bottom: 10px;
left: 0px;
width: 100%;
z-index: 10;
}
.gallery-portfolio__pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
background: rgba(255,255,255,.7);
border-radius: 50%;
margin-right: 7px;
}
.gallery-portfolio__dot:last-child {
margin-right: 0px;
}
.gallery-portfolio__item._portsolio-big {
width: calc(66.6666% - 15px);
}
@media (min-width: 991.98px) {
.gallery-portfolio__item:hover {
opacity: 0.6;
}
}
@media (max-width: 767.98px) {
.gallery-portfolio__item {
width: 100% !important;
}
.gallery-portfolio__item._portsolio-big {
width: 100% !important;
}
}
@media (max-width: 1365.98px) {
.gallery-portfolio__item {
width: calc(50% - 15px);
}
.gallery-portfolio__item._portsolio-big {
width: calc(50% - 15px);
}
}
.gallery-portfolio__image {
width: 100%;
height: 400px;
object-fit: cover;
}
.gallery-portfolio._chaos .gallery-portfolio__item {
margin-top: 15px;
}
.gallery-portfolio._chaos .gallery-portfolio__image {
height: 380px;
}
@media (max-width: 1590.98px) {
.gallery-portfolio._chaos .gallery-portfolio__image {
height: 380px;
}
}
@media (max-width: 991.98px) {
.gallery-portfolio._chaos .gallery-portfolio__image {
height: 300px;
}
}
@media (max-width: 468.98px) {
.gallery-portfolio._chaos .gallery-portfolio__image {
height: 280px;
}
}
.gallery-portfolio__text {
margin-top: 10px;
margin-bottom: 10px;
line-height: 130%;
color: #0E2D47; }
.content-media {
margin-top: 120px;
}
.content-media__top {
display: flex;
justify-content: space-between;
}
@media (max-width: 991.98px) {
.content-media__top {
flex-direction: column;
}
}
.content-media__bottom {
margin: 120px auto;
display: flex;
justify-content: space-between;
}
@media (max-width: 991.98px) {
.content-media__bottom {
flex-direction: column;
margin-bottom: 60px;
}
}
.content-media__left {
flex: 0 0 35%;
display: flex;
flex-direction: column;
}
.content-media__left ol {
padding-left: 20px;
}
.content-media__left h3 {
font-size: 20px;
margin-bottom: 10px;
}
.content-media__left li, .content-media__left p {
margin: 5px 0px;
}
@media (max-width: 991.98px) {
.content-media__left {
margin-bottom: 25px;
}
}
.content-media__right {
flex: 0 0 calc(65% - 70px);
max-height: 400px;
}
.content-media__head {
font-size: 28px;
line-height: 32px;
font-family: "Mont-SemiBold";
margin-bottom: 20px;
}
.content-media__list {
margin: 0px 0px 0px 25px;
}
.content-media__list-item {
list-style: circle;
margin-top: 10px;
}
.content-media__image {
width: 100%;
height: 100%;
object-fit: cover;
}
.achivs-media__achiv {
display: flex;
align-items: center;
padding: 20px 0px;
border-top: 1px solid #000;
}
.achivs-media__achiv:last-child {
border-bottom: 1px solid #000;
}
.achivs-media__number {
font-size: 28px;
margin-right: 30px;
}
.achivs-media__text {
font-size: 18px;
}
.map-place {
padding-top: 120px;
}
.map-place__tabs-items {
display: none;
width: 100%;
}
@media (max-width: 767.98px) {
.map-place__tabs-items {
display: flex;
}
}
.map-place__tabs-item {
width: 50%;
text-align: center;
padding: 20px;
border: 1px solid #0E2D47;
transition: 0.3s;
}
.map-place__tabs-item._active {
background: #0E2D47;
color: #fff;
}
.map-place__tabs-blocks {
display: flex;
width: 100%;
}
.map-place__tabs-map {
flex: 0 0 calc(60% - 20px);
margin-right: 20px;
height: 500px;
}
@media (max-width: 767.98px) {
.map-place__tabs-map {
flex: 1 1 100%;
}
}
@media (min-width: 767.98px) {
.map-place__tabs-map {
display: block !important;
}
}
.map-place__tabs-list {
flex: 0 0 40%;
border: 2px solid #DCDCDC;
height: 500px;
overflow-y: auto;
}
@media (max-width: 767.98px) {
.map-place__tabs-list {
flex: 1 1 100%;
}
}
@media (min-width: 767.98px) {
.map-place__tabs-list {
display: block !important;
}
}
.map-place__list-item {
padding: 20px;
background: #fff;
cursor: pointer;
position: relative;
z-index: 1;
}
.map-place__list-item:nth-child(even) {
background: #F3F3F3;
}
.map-place__list-item._active {
z-index: 2;
box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1);
font-family: "Mont-Bold", sans-serif;
}
.map-place__list-item._hidden {
display: none;
}
.filter-map-button {
padding: 10px 20px;
width: fit-content;
border-radius: 50px;
transition: 0.3s;
white-space: nowrap;
border: 1px solid #0E2D47;
margin-bottom: 15px;
margin-right: 15px;
font-size: 14px;
background: transparent;
color: #0E2D47;
}
.filter-map-button:hover {
background: #0E2D47;
color: #fff;
}
.filter-map-button._active {
background: #0E2D47;
color: #fff;
}
#placeb-map {
width: 100%;
height: 100%;
}
.gallery-placeb {
margin-top: 30px;
}
.gallery-placeb__item {
overflow: hidden;
height: 0;
visibility: hidden;
}
.gallery-placeb__item._active {
visibility: visible;
height: fit-content;
overflow: unset;
}
.gallery-placeb__nav-container {
display: flex;
justify-content: flex-end;
margin-top: 25px;
}
.gallery-placeb__nav {
width: 42px;
height: 42px;
cursor: pointer;
transition: 0.3s;
opacity: 0.5;
}
.gallery-placeb__nav:hover {
opacity: 1;
}
.gallery-placeb__nav.swiper-button-prev {
transform: rotate(180deg);
margin-right: 15px;
}
@media (max-width: 991.98px) {
.gallery-placeb__nav {
display: none;
}
}
.placeb-slider__slide {
width: fit-content !important;
transition: 0.3s;
}
.placeb-slider__side {
position: absolute;
bottom: 0;
right: 0;
padding: 10px 15px;
background: #fff;
}
.placeb-slider__container {
position: relative;
width: 100%;
height: auto;
}
.placeb-slider__image {
width: 100%;
height: 400px;
object-fit: cover;
}
@media (max-width: 991.98px) {
.placeb-slider__image {
height: 300px;
}
}
.placeb-slider__text {
color: #000;
margin-top: 10px;
}
@media (max-width: 468.98px) {
.placeb-slider__image {
height: 250px;
}
}
.placeb-slider__text {
color: #000;
margin-top: 10px;
}
.why-block {
margin: 0px auto 60px auto;
padding-top: 120px;
display: flex;
flex-wrap: wrap;
color: #0E2D47;
}
@media (max-width: 767.98px) {
.why-block {
padding-top: 90px;
}
}
.why-block__left {
flex: 0 0 30%;
margin-right: 100px;
}
@media (max-width: 1279.98px) {
.why-block__left {
flex: 1 1 100%;
margin-right: 0;
margin-bottom: 40px;
width: 100%;
}
}
.why-block__head {
font-size: 46px;
line-height: 54px;
font-family: "Mont-SemiBold";
margin-bottom: 40px;
}
.why-block__text {
font-size: 16px;
line-height: 26px;
font-family: "Mont-Light";
}
@media (max-width: 479.98px) {
.why-block__head {
font-size: 40px;
line-height: 48px;
}
.why-block__text {
font-size: 14px;
}
}
.why-block__right {
flex: 1 1 calc(70% - 100px);
}
.why-block__feature {
border-top: 1px solid #000;
display: flex;
padding: 45px 0;
}
@media (max-width: 767.98px) {
.why-block__feature {
flex-direction: column;
}
}
.why-block__num {
font-size: 36px;
margin-right: 50px;
min-width: 40px;
font-family: "Mont-Light";
}
@media (max-width: 767.98px) {
.why-block__num {
margin-right: 0;
margin-bottom: 15px;
}
}
.why-block__content {
padding-right: 60px;
}
@media (max-width: 767.98px) {
.why-block__content {
padding-right: 0;
}
}
.why-block__sub-head {
font-size: 26px;
line-height: 34px;
margin-bottom: 15px;
}
@media (max-width: 479.98px) {
.why-block__sub-head {
font-size: 20px;
line-height: 28px;
}
}
.title-block {
width: 100%;
height: fit-content;
background: url(../../../themes/dr/assets/img/title-background.jpg) no-repeat;
background-size: cover;
}
@media (max-width: 479.98px) {
.title-block {
background: url(../../../themes/dr/assets/img/title-background_mobile.jpg) no-repeat;
background-size: cover;
}
}
.title-block._block-404 {
height: 130px;
}
.title-block._team, .title-block._contacts {
background: url(../../../themes/dr/assets/img/team.png) no-repeat;
background-size: cover;
}
.title-block._place {
background: url(../../../themes/dr/assets/img/place.jpg) no-repeat;
background-size: cover;
}
.title-block._print {
background: url(../../../themes/dr/assets/img/print.jpg) no-repeat;
background-size: cover;
}
.title-block._make {
background: url(../../../themes/dr/assets/img/make.jpg) no-repeat;
background-size: cover;
}
.title-block__content {
padding-top: 200px;
padding-bottom: 100px;
color: #fff;
}
@media (max-width: 767.98px) {
.title-block__content {
font-size: 46px;
padding-bottom: 100px;
}
}
.title-block__head {
font-family: "Mont-SemiBold";
font-size: 72px;
}
@media (max-width: 767.98px) {
.title-block__head {
font-size: 46px;
}
}
.title-block__subtitle, .title-block__head span {
font-size: 36px;
line-height: 34px;
width: 60%;
margin-top: 10px;
text-transform: lowercase;
}
.title-block__subtitle._upper {
text-transform: unset;
}
.title-block__head span {
position: relative;
top: -15px;
}
.title-block__subtitle._news {
margin-top: 60px;
}
@media (max-width: 991.98px) {
.title-block__subtitle {
width: 100%;
}
}
@media (max-width: 768.98px) {
.title-block__subtitle {
font-size: 26px;
margin-top: 0px;
}
.title-block__head span {
position: relative;
top: 0px;
}
}
.category-slider {
width: 100%;
}
.category-slider__slide {
width: fit-content !important;
transition: 0.3s;
}
@media (min-width: 767.98px) {
.category-slider__slide:hover {
opacity: 0.6;
}
}
.category-slider__popup-link {
display: block;
}                           .category-slider__slide {
width: 600px !important;
}
.category-slider__slide._small {
width: 400px !important;
}
.category-slider__slide._big {
width: 1030px !important;
}
@media (max-width: 1170px) {
.category-slider__slide:not(._no-change)._big {
width: 600px !important;
}
.category-slider__slide._no-change._big {
width: 80vw !important;
}
.category-slider__slide._no-change._small {
width: 40vw !important;
}
.category-slider__slide._no-change {
width: 60vw !important;
}
}
@media (max-width: 769px) {
.category-slider__slide:not(._no-change)._big {
width: 100% !important;
}
.category-slider__slide:not(._no-change)._small {
width: 100% !important;
}
.category-slider__slide:not(._no-change) {
width: 100% !important;
}
}
.category-slider__image {
width: 100%;
height: 400px;
object-fit: cover;
transition: .5s !important;
}
.category-slider__image-container {
overflow: hidden;
}
.breadcrumbs-make__slide:last-child {
margin-right: 0 !important;
}
@media (max-width: 1100px) {
.category-slider__image {
width: 100% !important;
}
}
@media (min-width: 991px) {
.category-slider__image:hover {
transform: scale(1.1);
}
}
@media (max-width: 991px) {
.category-slider__slide._no-change .category-slider__image  {
height: 300px;
}
}
@media (max-width: 768px) {
.category-slider__slide._no-change .category-slider__image  {
height: 200px;
}
}
@media (max-width: 479.98px) {
.category-slider__image {
height: 200px;
}
.category-slider__slide._no-change .category-slider__image  {
height: 150px;
}
}
.category-slider__text {
color: #000;
margin-top: 10px;
}
.category-slider__subtext {
font-size: 16px;
opacity: .7;
margin-top: 10px;
}
.category-items {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 70px;
}
.category-portfolio-type {
margin-top: 90px;
margin-bottom: 70px;
}
.category-items__link {
margin-top: 60px;
display: flex;
padding: 10px 40px 10px 20px;
border: 1px solid #0E2D47;
width: fit-content;
position: relative;
color: #0E2D47;
transition: 0.3s;
}
.category-items__link::after {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
right: 20px;
top: 10px;
margin-bottom: 10px;
transition: 0.3s;
background: url(../../../themes/dr/assets/img/arrow-link-black.svg) no-repeat;
background-size: contain;
}
@media (max-width: 767.98px) {
.category-items__link {
margin: 40px 0;
font-size: 20px;
}
}
@media (max-width: 479.98px) {
.category-items__link {
display: none;
}
}
@media (min-width: 767.98px) {
.category-items__link:hover {
opacity: 0.6;
}
}
.category-item { padding-top: 120px;
display: flex;
flex-direction: column;
width: 100%;
}
.category-item._hidden {
display: none;
}
@media (max-width: 991.98px) {
.category-item {
padding-top: 90px;
}
}
@media (max-width: 767.98px) {
.category-item {
align-items: center;
}
}
.category-item__head-container {
width: 100%;
height: 100%;
margin-bottom: 15px;
}
.category-item__head {
font-size: 38px;
font-family: "Mont-SemiBold";
width: fit-content;
color: #0E2D47;
position: relative;
transition: .3s;
padding-right: 60px;
}
@media (max-width: 991.98px) {
.category-item__head {
font-size: 32px;
}
}
@media (min-width: 767.98px) {
.category-item__head:not(._small,._hovered)::before {
content: "";
display: block;
position: absolute;
width: 28px;
height: 28px;
right: 0;
transition: 0.3s;
transform: scale(0);
top: 10px;
background: url(../../../themes/dr/assets/img/arrow-link-black.svg) no-repeat;
background-size: contain;
}
.category-item__head:not(._small,._hovered)::after {
content: "";
display: block;
position: absolute;
background: #0E2D47;
left: 0;
bottom: 0px;
width: 0px;
height: 2px;
transition: 0.3s;
}
.category-item__head:not(._small,._hovered):hover::after {
width: 100%;
}
.category-item__head:not(._small,._hovered):hover::before {
transform: scale(1);
}
}
.category-item__head._small:not(._hovered) {
font-size: 26px;
line-height: 30px; margin-top: 20px;
display: block;
}
@media (max-width: 991.98px) {
.category-item__head._small {
font-size: 20px !important;
}
}
.category-item__subhead {
font-size: 26px;
margin-bottom: 10px;
max-width: 550px;
}
.category-item__info {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.category-item__text {
font-size: 18px;
line-height: 24px;
width: 50%;
}
.category-item__text b {
font-family: "Mont-Bold" !important;
}
@media (max-width: 767.98px) {
.category-item__text {
width: 100%;
font-size: 16px;
}
}
.category-item__link {
display: flex;
padding-right: 20px;
width: fit-content;
transition: 0.3s;
position: relative;
color: #0E2D47;
font-family: "Mont-SemiBold";
}
.category-item__link::after {
content: "";
display: block;
position: absolute;
width: 14px;
height: 14px;
right: 0;
top: -5px;
margin-bottom: 10px;
transition: 0.3s;
background: url(../../../themes/dr/assets/img/arrow-link-black.svg) no-repeat;
background-size: contain;
}
@media (min-width: 767.98px) {
.category-item__link:hover {
opacity: 0.6;
}
}
@media (max-width: 767.98px) {
.category-item__link {
margin: 40px 0;
font-size: 20px;
}
}
.service-details {
margin: 150px 0px 180px 0px;
background: url(../../../themes/dr/assets/img/footer-background.jpg) no-repeat center;
background-size: cover;
padding: 50px 0px;
}
@media (max-width: 991.98px) {
.service-details  {
margin-bottom: 0px !important;
}
}
.service-details__content {
display: flex;
position: relative;
}
@media (max-width: 991.98px) {
.service-details__content {
flex-direction: column;
}
}
.service-details__left {
flex: 0 0 40%;
position: relative;
}
.service-details__right {
flex: 0 0 60%;
padding: 10px 60px 10px 60px;
background: #F8F8F8;
position: relative;
}
._table-wrapper {
overflow: auto;
}
.service-details__right table h3 {
font-size: 20px;
}
.service-details__right table h4 {
font-size: 16px;
}
.service-details__right::before {
content: "";
display: block;
position: absolute;
left: 0;
top: -100px;
width: 100%;
height: 100px;
background: #F8F8F8;
}
.service-details__right::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -100px;
width: 100%;
height: 100px;
background: #F8F8F8;
}
.service-details__right._placeb {
padding: 10px 60px 60px 60px;
}
.service-details__right._placeb::after {
display: none;
}
@media (max-width: 991.98px) {
.service-details__right {
flex: 1 1 100%;
padding: 0 !important;
background: transparent;
margin-top: 30px;
}
.service-details__right::after {
display: none;
}
.service-details__right::before {
display: none;
}
}
.service-details__head {
font-size: 46px;
line-height: 54px;
color: #fff;
margin-top: 40px;
}
@media (max-width: 767.98px) {
.service-details__head {
margin-bottom: 60px;
}
}
.service-details__arrow {
width: 180px;
height: 180px;
background: url(../../../themes/dr/assets/img/icons/nav-arrow.svg) no-repeat;
background-size: 40px;
background-position: center;
position: absolute;
bottom: 100px;
z-index: 10;
right: 50px;
transform: rotate(-130deg);
}
.service-details__arrow::before {
content: "";
display: block;
width: 100%;
height: 100%;
background: url(../../../themes/dr/assets/img/icons/nav-circle.svg);
background-size: contain;
animation: navCircleRotate 12s linear infinite;
}
@media (max-width: 991.98px) {
.service-details__arrow {
background-size: 20px;
bottom: 0;
right: 10px;
width: 70px;
height: 70px;
transform: rotate(45deg);
}
}
.service-details__text {
font-size: 16px;
line-height: 28px;
margin-bottom: 30px;
color: #000;
}
.service-details__text:last-child {
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.service-details__text {
color: #fff !important;
}
}
.gallery-popup__body {
padding: 0; max-width: 60vw;
max-height: 80vh;
background: none;
}
.gallery-popup__image {
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery-popup__text {
color: #fff;
margin-top: 20px;
}
.gallery-popup__close {
background-size: contain;
right: 15px;
top: 15px;
}
.popup-map__container {
width: 100%;
height: 100%;
position: relative;
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #0E2D47 transparent;
padding: 20px 0px 20px 20px;
}
.popup-map__container::-webkit-scrollbar {
width: 10px; }
.popup-map__container::-webkit-scrollbar-track {
background: transparent; }
.popup-map__container::-webkit-scrollbar-thumb {
background-color: #0E2D47; border-radius: 15px; line-height: 130%;
}
.popup-map__link {
display: flex;
padding-right: 15px;
width: fit-content;
transition: 0.3s;
font-family: "Mont-SemiBold";
position: relative;
margin-top: 10px;
font-size: 16px;
color: #000;
}
.popup-map__link::after {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
right: 0;
top: 0px;
margin-bottom: 10px;
transition: 0.3s;
background: url(../../../themes/dr/assets/img/arrow-link-black.svg) no-repeat;
background-size: contain;
}
@media (min-width: 767.98px) {
.popup-map__link:hover {
opacity: 0.6;
}
}
.popup-map__part {
width: 100%;
margin-bottom: 10px;
}
.popup-map__gid {
font-size: 22px;
font-weight: bold;
margin-bottom: 5px;
}
.popup-map__title {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}
.popup-map__size {
font-size: 18px;
margin-bottom: 5px;
}
.popup-map__address-short {
font-size: 18px;
margin-bottom: 10px;
}
.popup-map__address-long {
}
._address-long {
user-select: none;
pointer-events: none
}
._git {
user-select: none;
pointer-events: none
}
.popup-map__predesc {
margin: 5px 0px;
}
.popup-map__photo {
width: 95%;
margin: 5px 0px;
}
.popup-map__postdesc {
margin: 5px 0px;
}
.popup-map__type {
font-size: 14px;
line-height: 140%;
}
.popup-map__duration {
font-size: 14px;
line-height: 140%;
}
.popup-map__material {
font-size: 14px;
line-height: 140%;
}
.popup-map__ots {
font-size: 14px;
line-height: 140%;
}
.popup-map__grp {
font-size: 14px;
line-height: 140%;
}
.calc-block {
margin-top: 100px;
padding: 80px 0px 100px 0px;
background: url(../../../themes/dr/assets/img/title-background.jpg) no-repeat;
background-size: cover;
}
.calc-block._placeb {
background: none !important;
}
.calc-block__head {
font-size: 46px;
line-height: 54px;
color: #fff;
font-family: "Mont-SemiBold";
margin-bottom: 60px;
}
.calc-form {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.calc-form__item {
width: 30%;
display: flex;
flex-direction: column;
}
@media (max-width: 991.98px) {
.calc-form__item {
width: 48%;
}
}
@media (max-width: 991.98px) {
.calc-form__item {
width: 100%;
}
.calc-form__item:first-child {
margin-bottom: 30px;
}
}
.calc-form__name {
width: 100%;
margin-bottom: 30px;
}
.calc-form__phone {
width: 100%;
margin-bottom: 30px;
}
.calc-form__period {
margin-bottom: 30px;
}
@media (max-width: 991.98px) {
.calc-form__checkbox {
margin-top: 30px;
}
}
.calc-form__button {
display: block;
width: 260px;
white-space: nowrap;
border-radius: 30px;
pointer-events: visible;
padding: 15px 10px;
color: #000;
margin-top: 30px;
background: #fff;
transition: 0.3s;
font-size: 20px;
text-align: center;
transition: 0.3s;
}
@media (min-width: 767.98px) {
.calc-form__button:hover {
background: #C8C8C8;
}
}
.select_calc-form__select .select__options .select__option:first-child {
display: none !important;
}
.popup-map {
width: 340px;
height: 300px;
background: #fff;
}
.gm-style-iw-tc {
display: none !important;
}
.gm-style-iw {
border-radius: 0px !important;
width: fit-content !important;
max-width: fit-content !important;
height: fit-content !important;
max-height: fit-content !important;
}
.gm-style-iw button {
top: 0 !important;
right: 11px !important;
}
.gm-style-iw button span {
width: 20px !important;
height: 20px !important;
}
#map-place, #map {
width: 100%;
height: 700px;
}
@media (max-width: 767.98px) {
#map-place {
height: 500px;
}
}
.page {
flex: 1 1 auto;
}
.slider-block__slide, .subslider-block__slide {
position: relative;
width: 100%;
height: 100vh;
}
.subslider-block .swiper-pagination-bullet {
background: #FFFFFF;
opacity: .4;
}
.subslider-block .swiper-pagination-bullet-active {
opacity: 1;
}
.slider-block {
position: relative;
height: 100vh;
overflow: hidden;
}
.slider-block__background {
position: absolute;
z-index: 150;
height: 100%;
width: 100%;
background: radial-gradient(100% 70% at 5.18% 26.79%, rgba(22, 55, 82, 0.71) 30.98%, rgba(22, 55, 82, 0) 100%);
pointer-events: none;
}
.slider-block__container {
position: absolute;
pointer-events: none;
z-index: 200;
top: 200px;
left: calc(50% - 791px);
right: calc(50% - 791px);
width: 1580px;
}
@media (max-width: 767.98px) {
.slider-block__container {
max-width: 100% !important;
}
}
.slider-block__head {
font-size: 72px;
margin-bottom: 40px;
padding-right: 70px;
pointer-events: visible;
font-family: "Mont-SemiBold";
position: relative;
color: #fff;
display: inline-block;
}
@media (min-width: 767.98px) {
.slider-block__head::before {
content: "";
display: block;
position: absolute;
width: 48px;
height: 48px;
right: 0;
transition: 0.3s;
transform: scale(0);
top: 10px;
background: url(../../../themes/dr/assets/img/arrow-link.svg) no-repeat;
background-size: contain;
}
.slider-block__head::after {
content: "";
display: block;
position: absolute;
background: #fff;
left: 0;
bottom: -5px;
width: 0px;
height: 4px;
transition: 0.3s;
}
.slider-block__head:hover::after {
width: 100%;
}
.slider-block__head:hover::before {
transform: scale(1);
}
}
@media (max-width: 479.98px) {
.slider-block__head {
font-size: 48px;
}
}
.slider-block__nav {
display: flex;
flex-direction: column;
}
.slider-block__nav-link {
font-size: 26px;
color: #fff;
pointer-events: visible;
margin-bottom: 15px;
padding-right: 30px;
width: fit-content;
position: relative;
}
@media (min-width: 767.98px) {
.slider-block__nav-link::before {
content: "";
display: block;
position: absolute;
width: 18px;
height: 18px;
right: 0;
top: 3px;
transition: 0.3s;
transform: scale(0);
background: url(../../../themes/dr/assets/img/arrow-link.svg) no-repeat;
background-size: contain;
}
.slider-block__nav-link::after {
content: "";
display: block;
position: absolute;
background: #fff;
left: 0;
bottom: -5px;
width: 0px;
height: 2px;
transition: 0.3s;
}
.slider-block__nav-link:hover::after {
width: 100%;
}
.slider-block__nav-link:hover::before {
transform: scale(1);
}
}
@media (max-width: 479.98px) {
.slider-block__nav-link {
font-size: 22px;
}
}
.slider-block__button {
display: block;
width: 160px;
white-space: nowrap;
border-radius: 30px;
pointer-events: visible;
padding: 10px 14px;
color: #000;
margin-top: 50px;
background: #fff;
transition: 0.3s;
font-size: 16px;
text-align: center;
transition: 0.3s;
}
@media (min-width: 767.98px) {
.slider-block__button:hover {
background: #C8C8C8;
}
}
@media (max-width: 767.98px) {
.slider-block__button {
margin-top: 60px;
padding: 17px 14px;
}
}
@media (max-width: 479.98px) {
.slider-block__button {
width: 100%;
}
}
@media (max-height: 550px) {
.slider-block__button {
display: none;
}
}
.slider-block__arrow {
width: 180px;
height: 180px;
background: url(../../../themes/dr/assets/img/icons/nav-arrow.svg) no-repeat;
background-size: 40px;
background-position: center;
position: absolute;
bottom: 50px;
z-index: 10;
right: 80px;
}
.slider-block__arrow::before {
content: "";
display: block;
width: 100%;
height: 100%;
background: url(../../../themes/dr/assets/img/icons/nav-circle.svg);
background-size: contain;
animation: navCircleRotate 12s linear infinite;
}
@media (max-width: 767.98px) {
.slider-block__arrow {
display: none;
}
}
@keyframes navCircleRotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (min-width: 767.98px) {
.subslider-block .swiper-pagination {
display: none;
}
}
.subslider-block__address {
position: absolute;
display: flex;
justify-content: flex-end;
color: #fff;
z-index: 151;
top: 100px;
font-size: 16px;
line-height: 24px;
text-align: left;
left: calc(50% - 791px);
right: calc(50% - 791px);
width: 1412px;
height: fit-content;
display: none;
}
@media (max-width: 767.98px) {
.subslider-block__address {
bottom: 50px;
top: auto; justify-content: flex-start;
opacity: 0.5;
width: 100%;
}
}
.subslider-block__navigation {
width: 42px;
height: 42px;
opacity: 0.4;
position: absolute;
transition: 0.3s;
z-index: 201;
cursor: pointer;
top: calc(50% - 24px);
right: 20px;
}
.subslider-block__navigation.swiper-button-prev {
transform: rotate(180deg);
left: 20px;
}
.subslider-block__navigation:hover {
opacity: 1;
}
@media (max-width: 767.98px) {
.subslider-block__navigation {
display: none;
}
}
.subslider-block__photo {
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.subslider-block__photo._small {
display: none
}
@media (max-width: 600px) {
.subslider-block__photo._small {
display: block;
}
.subslider-block__photo._big {
display: none;
}
}
.subslider-block__dot {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
width: 48px;
height: 48px;
z-index: 200;
background: rgba(0, 0, 0, 0.2);
transition: 0.3s;
}
@media (max-width: 1279.98px) {
.subslider-block__dot {
display: none;
}
}
.subslider-block__dot:hover {
background: transparent;
}
.subslider-block__dot::after {
content: "";
display: block;
width: 24px;
height: 24px;
background: #fff;
border-radius: 50%;
}
.subslider-block__dot._dot-1 {
left: 50%;
top: 35%;
}
.subslider-block__dot._dot-2 {
left: 55%;
top: 60%;
}
.subslider-block__dot._dot-3 {
left: 73%;
top: 71%;
}
.subslider-block__dot._dot-4 {
left: 60%;
top: 30%;
}
.subslider-block__dot._dot-5 {
left: 40%;
top: 60%;
}
.subslider-block__dot._dot-6 {
left: 55%;
top: 71%;
}
.slider-block__subslider {
height: 100%;
width: 100%;
}
.team-block {
display: flex;
position: relative;
margin-top: 150px;
}
@media (max-width: 767.98px) {
.team-block {
flex-direction: column;
margin-top: 60px;
}
}
.team-block__left {
position: relative;
flex: 0 0 calc(30% + 100px);
z-index: 200;
height: 420px;
background: #fff;
padding-right: 100px;
}
@media (max-width: 767.98px) {
.team-block__left {
position: relative;
margin-bottom: 50px;
}
}
.team-block__left::after {
content: "";
display: block;
width: 200px;
height: 140px;
background: url(../../../themes/dr/assets/img/icons/command-arrow.svg) no-repeat;
background-size: contain;
position: absolute;
right: 80px;
bottom: 120px;
}
@media (max-width: 991.98px) {
.team-block__left::after {
display: none;
}
}
.team-block__background {
position: absolute;
left: -200%;
z-index: -1;
top: 0;
width: 300%;
height: 100%;
background: #fff;
}
.team-block__head {
font-size: 46px;
line-height: 54px;
margin-bottom: 40px;
}
.team-block__text {
font-size: 18px;
font-family: "Mont-Light";
margin-bottom: 40px;
}
.team-block__right {
width: calc(70% - 100px);
height: 100%;
}
@media (max-width: 767.98px) {
.team-block__right {
width: 100%;
}
}
.slider-team {
width: 100%;
height: 100%;
}
.slider-team__wrapper {
width: 100%;
}
.slider-team__name {
font-family: "Mont-SemiBold";
font-size: 18px;
margin-top: 15px;
}
.slider-team__title {
margin-top: 10px;
line-height: 130%;
}
.slider-team__photo {
width: 100%;
height: 100%;
object-fit: cover;
}
.clients-block {
margin-top: 120px;
padding: 100px 0 140px 0;
background: #FAFAFA;
}
.clients-block__head {
font-family: "Mont-SemiBold";
font-size: 46px;
margin-bottom: 100px;
}
.clients-block__container {
width: 100%;
}
.slider-clients {
width: 100%;
height: 100%;
}
.slider-clients__wrapper {
align-items: center;
}
.slider-clients__slide {
width: fit-content !important;
}
.team-page {
margin-top: 90px;
margin-bottom: 80px;
}
.team-page__content {
display: flex;
flex-wrap: wrap;
margin-right: -30px;   
}
.team-page__item {
width: calc(25% - 30px);
margin-right: 30px;
margin-bottom: 30px;
}
.team-page__photo {
width: 100%;
}
.team-page__name {
font-size: 18px;
margin-top: 15px;
margin-bottom: 5px;
}
.team-page__title {
font-size: 14px;
font-family: "Mont-Light";
}
@media (max-width: 991.98px) {
.team-page__item {
width: calc(33.33333% - 30px);
}
}
@media (max-width: 767.98px) {
.team-page__item {
width: 43%;
margin-right: 7%;
margin-bottom: 40px;
}
.team-page__content {
margin-right: -7%;   
}
}
@media (max-width: 479.98px) {
.team-page__item {
width: 100%;
margin-right: 0;
margin-bottom: 40px;
}
.team-page__content {
margin-right: 0;   
}
}
.service-details__right h1, .service-details__right h2, .service-details__right h3, .service-details__right h4 {
font-size: 22px;
margin: 15px 0px;
line-height: 140%;
}
.service-details__right a {
color: #153550;
text-decoration: underline;
}
.service-details__right p {
font-size: 16px;
line-height: 28px;
margin: initial;
color: #000;
margin: 10px 0;
}
.service-details__right ul {
font-size: 16px;
line-height: 28px;
color: #000;
list-style: initial;
padding-left: 30px;
margin: 10px 0;
}
.service-details__right li {
list-style: initial; 
font-size: 16px;
line-height: 28px;
margin: initial;
}
.service-details__right table {
width: 100%;
margin-bottom: 20px;
border: 1px solid #dddddd;
border-collapse: collapse; 
min-width: 600px;
}
.service-details__right table th {
font-weight: bold;
padding: 5px;
background: #efefef;
border: 1px solid #dddddd;
}
.service-details__right table td {
border: 1px solid #dddddd;
padding: 5px;
}
@media (max-width: 991.98px) {
.service-details__right * {
color: #fff !important;
}
}
.not-found {
margin-top: 80px;
margin-bottom: 120px;
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 991.98px) {
.not-found {
margin-top: 70px;
margin-bottom: 80px;
}
}
.not-found__title {
font-size: 345px;
font-family: "Mont-Bold", sans-serif;
color: #0E2D47;
margin-bottom: 40px;
}
@media (max-width: 991.98px) {
.not-found__title {
font-size: 145px;
margin-bottom: 40px;
}
}
.not-found__text {
font-size: 26px;
color: #000;
margin-bottom: 80px;
}
@media (max-width: 767.98px) {
.not-found__text {
font-size: 22px;
}
}
.not-found__link {
color: #fff;
background: #0E2D47;
border-radius: 70px;
padding: 20px;
transition: .3s;
font-size: 20px;
text-align: center;
border: 1px solid #0E2D47;
width: 380px;
}
@media (max-width: 991.98px) {
.not-found__link {
width: 320px;
font-size: 18px;
}
}
@media (min-width: 991.98px) {
.not-found__link:hover {
color: #0E2D47;
background: transparent;
}
}
.preloader {
position: fixed;
width: 100%;
height: 100%;
transition: .5s;
z-index: 1000;
left: 0px;
top: 0px;
background: #0E2D47;
}
.preloader__video {
width: 100%;
height: 100%;
object-fit: cover;
}
.preloader._hidden {
transform: translateY(100%);
}
.arrow-top {
position: fixed;
bottom: 50px;
right: 75px;
width: 75px;
height: 75px;
background: url(../../../themes/dr/assets/img/icons/top-button.svg) center no-repeat;
background-size: contain;
transform: translatey(150px);
z-index: 999;
transition: .3s;
cursor: pointer;
}
.arrow-top._active {
transform: translatey(0px);
}
@media (min-width: 991.98px) {
.arrow-top:hover {
opacity: .5;
}
}
.search-map {
margin: 40px 0px 10px 0px;
max-width: 435px;
padding: 15px;
border-radius: 69px;
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #BBBBBB;
}
.search-map__input {
font-size: 14px;
width: 100%;
}
.search-map__button {
width: 24px;
height: 24px;
background: url(../../../themes/dr/assets/img/icons/search.svg) center no-repeat;
background-size: contain;
margin-left: 10px;
}
.g-recaptcha {
margin-top: 15px;
}
.contact-form { padding: 200px 0px 100px 0px;
background: #F8F8F8;
}
@media (max-width: 767.98px) {
.contact-form { margin-bottom: -150px;
padding: 160px 0px 100px 0px;
background: #F8F8F8;
}
}
.contact-form__head {
font-size: 46px;
line-height: 54px;
color: #0E2D47;
font-family: "Mont-SemiBold";
margin-bottom: 60px;
}
@media (min-width: 467.98px) {
.contact-form__head br {
display: none;
}
}
.contact-form__wrapper {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.contact-form__item {
width: 30%;
display: flex;
flex-direction: column;
}
@media (max-width: 991.98px) {
.contact-form__item {
width: 48%;
}
}
@media (max-width: 991.98px) {
.contact-form__item {
width: 100%;
}
.contact-form__item:first-child {
margin-bottom: 30px;
}
}
.contact-form__name {
width: 100%;
margin-bottom: 30px;
border-bottom: 1px solid #0E2D47;
color: #000;
}
.contact-form__phone {
width: 100%;
margin-bottom: 30px;
border-bottom: 1px solid #0E2D47;
color: #000;
}
.contact-form__checkbox .checkbox__text {
color: #000000;
}
.contact-form__checkbox .checkbox__text a {
color: #000000;
}
.contact-form__checkbox .checkbox__input:checked + .checkbox__text:before {
background: url(../../../themes/dr/assets/img/icons/arrow-input-black.svg) center no-repeat;
}
@media (max-width: 991.98px) {
.contact-form__checkbox {
margin-top: 30px;
}
}
.contact-form__button {
display: block;
width: 260px;
white-space: nowrap;
border-radius: 30px;
pointer-events: visible;
padding: 15px 10px;
color: #fff;
margin-bottom: 24px;
background: #0E2D47;
transition: 0.3s;
font-size: 20px;
text-align: center;
transition: 0.3s;
}
@media (max-width: 767.98px) {
.contact-form__button {
margin-top: 24px;
}
}
@media (min-width: 767.98px) {
.contact-form__button:hover {
background: #C8C8C8;
}
}
@media (max-width: 467.98px) {
.contact-form__button {
width: 100%;
}
}
.contact-form__message {
color: #000;
}
._place-background {
background: url(../../../themes/dr/assets/img/title-background-place.jpg) no-repeat;
background-size: cover;
}
@media (max-width: 467.98px) {
._place-background {
background: url(../../../themes/dr/assets/img/title-background-place_mobile.jpg) no-repeat;
background-size: cover;
}	
}
._print-background {
background: url(../../../themes/dr/assets/img/title-background-print.jpg) no-repeat;
background-size: cover;
}
@media (max-width: 467.98px) {
._print-background {
background: url(../../../themes/dr/assets/img/title-background-print_mobile.jpg) no-repeat;
background-size: cover;
}	
}
.map-place__city-wrapper {
margin-bottom: 24px;
}
.category-items__city-wrapper {
width: 100%;
margin-top: 48px;
margin-bottom: -48px;
}
.select-black {
width: fit-content;
min-width: 220px;
}
.select-black .select__value {
color: #222;
}
.select-black .select__title {
padding: 0px;
}
.select-black .select__value span {
opacity: 1;
}
.select-black .select__value {
border-bottom: 1px solid #222;
}
.select-black .select__options {
background: #0E2D47;
}
.select-black .select__value::before {
background: url(../../../themes/dr/assets/img/icons/arrow-input-black.svg) center/100% no-repeat;
margin-left: 8px;
}

.hidden-on-desktop {
  display: none;
}

/* Для экранов шириной менее 768px (мобильная версия) делаем его видимым */
@media (max-width: 768px) {
  .hidden-on-desktop {
    display: block;
  }
}