@charset "UTF-8";
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//wdb-group.ru/wp-content/themes/sonniger/owl/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}body {
font-family: "Raleway", serif;
background: none;
-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";
}
.entry-content p {
font-family: "Raleway", sans-serif !important;
}
.container {
padding: 0 !important;
height: 100%;
width: 100%;
max-width: 1730px;
margin: 0 auto;
}
.baner video {
width: 100% !important;
height: 100% !important;
}
.header_menu_wrap {
width: 100%;
padding-bottom: 15px;
border-bottom: 1px Solid #0066ff12;
}
header#site-header { height: Calc(6vw + 25px);
left: 0;
right: 0;
display: flex;
flex-direction: column;
align-items: center;
align-content: space-between;
padding: 0 15px;
z-index: 1000;
}
footer {
width: 100%;
clear: both;
}
.primary-menu ul::after {
display: none;
}
.primary-menu li > ul.sub-menu {
width: 100%;
max-width: 100%;
position: fixed;
left: 0;
right: 0;
display: none;
opacity: 0;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr;
gap: 0px 0px;
height: 0;
padding: 0;
margin: 0;
background-color: white !important; z-index: 100000000;
} .primary-menu li.menu-item-has-children.active > ul.sub-menu {
display: grid;
height: Calc(16vw + 20px);
top: Calc(6vw + 15px);
right: unset;
opacity: 1;
transform: translateY(0);
transition: opacity 0.15s linear, transform 0.15s linear;
z-index: 1000000000;
}
.primary-menu li.menu-item-has-children:hover{
cursor: pointer;
}
.primary-menu li.menu-item-has-children:hover > ul.sub-menu {
display: grid;
height: Calc(16vw + 20px);
top: Calc(6vw + 15px);
right: unset;
opacity: 1;
transform: translateY(0);
transition: opacity 0.15s linear, transform 0.15s linear;
z-index: 1000000000;
}
.primary-menu li.menu-item-has-children.active > ul.sub-menu.hidden {
display: none;
}
li#menu-item-31 ul.sub-menu {
grid-template-columns: 1fr 1fr;
}
ul.sub-menu li {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 16w;
border-left: 1px solid rgba(0, 0, 0, 0.05);
border-right: 1px solid rgba(0, 0, 0, 0.05);
}
ul.sub-menu li:nth-child(1) {
background: url(//wdb-group.ru/img/elements/menu/menu_back_1.png) center no-repeat;
background-size: cover !important;
}
ul.sub-menu li:nth-child(2) {
background: url(//wdb-group.ru/img/elements/menu/menu_back_2.png) center no-repeat;
background-size: cover !important;
}
ul.sub-menu li:nth-child(3) {
background: url(//wdb-group.ru/img/elements/menu/menu_back_3.png) center no-repeat;
background-size: cover !important;
}
ul.sub-menu li a {
width: 100%;
height: 17vw;
display: flex;
justify-content: center;
align-items: center;
padding: 0 !important;
}
ul.sub-menu img {
width: 194px;
height: 194px;
object-fit: contain;
padding: 0 !important;
}
ul.sub-menu span.menu-image-title-after {
font-size: 1.0416666667vw !important;
color: #000000;
font-weight: 400 !important;
}
ul.sub-menu li:hover span.menu-image-title-after {
color: #182431 !important;
}
.header-inner.section-inner {
padding: 0 !important;
height: 100%;
width: 100%;
max-width: 1730px;
}
.header-titles-wrapper {
padding: 0;
margin: 0;
width: 100%;
max-width: 245px;
}
.header-titles-wrapper .header-titles {
padding: 0 !important;
margin: 0 !important;
}
.header-titles-wrapper .header-titles img {
width: 100%;
max-width: 245px;
height: 100%;
object-fit: contain;
}
.header-navigation-wrapper {
height: 100%;
}
nav.primary-menu-wrapper {
height: 100%;
display: flex;
flex-direction: row;
align-items: center;
}
ul.primary-menu.reset-list-style {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
ul.primary-menu .menu-item {
color: #000000;
font-size: 0.9vw;
font-weight: 600;
line-height: 0.9vw;
text-decoration: none;
letter-spacing: 0.75px;
height: 100%;
display: flex;
align-items: center;
margin: 0;
padding: 10px 0;
}
ul.primary-menu .menu-item a {
color: #000000 !important;
font-size: 0.9vw !important;
font-weight: 600 !important;
line-height: 0.9vw !important;
text-decoration: none !important;
letter-spacing: 0.75px !important;
transition: all 0.2s ease-out;
}
ul.primary-menu .menu-item:hover a {
color: #182431 !important;
}
.primary-menu .icon::before,
.primary-menu .icon::after {
background-color: #0066FF;
}
.primary-menu .icon::before {
height: 0.9rem;
width: 0.15rem;
}
.primary-menu .icon::after {
height: 0.2rem;
width: 0.9rem;
}
main#site-content {
padding-top: 4.5vw;
}
.header-titles-wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between !important;
max-width: 100%;
text-align: unset;
padding: 0;
}
.header_contacts {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 50px;
}
ul.top-contact {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
}
.header_phone {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
}
ul.top-contact li {
margin: 0;
padding: 0;
}
.header_contacts * {
color: #000000 !important;
text-decoration: none;
}
.header_contacts a:hover {
color: #182431 !important;
} .header_menu_wrap .container {
max-width: 1642px;
}
ul.top-contact li .callback {
background: #182431;
border: 1px Solid #182431;
color: white !important;
padding: 6px 15px;
border-radius: 15px;
transition: all 0.2s ease-out;
}
ul.top-contact li .callback:hover {
color: #182431 !important;
background: white !important;
} .footer_top .container {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer_top_right {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 80px;
}
.footer_logo {
width: 100%;
max-width: 250px;
}
.footer_top_left {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 40px;
}
.footer_top {
background: #142433;
padding: 50px 0;
}
.footer_bottom {
background: #000;
}
.footer_bottom .container {
}
.footer_bottom .container * {
color: white;
text-align: center;
padding: 15px 0;
}
.footer_contacts {
display: flex;
flex-direction: column;
gap: 5px;
padding-left: 28px;
}
.footer_contacts .footer_title_small {
margin: 20px 0 0px;
text-transform: uppercase;
font-weight: bold;
font-size: 119%;
}
.footer_hours {
}
a.footer_mail {
}
footer a {
text-decoration: none;
color: white;
}
footer * {
color: white;
}
.footer_title_small {
margin: 0 0 20px;
text-transform: uppercase;
font-weight: bold;
font-size: 119%;
}
.footer_hours {
margin: 20px 0 20px;
}
.footer_title {
margin: 0 0 20px;
text-transform: uppercase;
font-weight: bold;
font-size: 119%;
}
.footer_office p.footer_title_small:nth-child(1) {
margin-top: 30px !important;
}
p.footer_title_small.margin_top_30px {
margin: 30px 0 0 !important;
}
.footer_title.footer_title_big {
font-weight: 400;
}
.footer_office p.footer_title_small {
margin: 0;
}
.footer_top_right p {
margin: 0;
}
.footer_title.margin_top_30px {
margin: 30px 0 0 !important;
}
.footer_sklad .footer_title {
margin: 0;
}
.footer_office {
display: flex;
flex-direction: column;
}
.footer_sklad {
display: flex;
flex-direction: column;
}
.display_none {
display: none;
}
.padding_header {
padding-top: 141px;
}
@media screen and (min-width: 1200px) {
.header_phone {
display: flex;
flex-direction: row;
align-items: center;
gap: 40px;
}
ul.top-contact {
display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 40px;
}
} @media screen and (min-width: 1001px) and (max-width: 10000px) {
html {
scroll-padding-top: 5vw;
}
.yms {
float: right;
position: absolute;
top: 12vw;
right: 18.5vw;
z-index: 20;
text-decoration: none;
color: #000000 !important;
font-size: 1vw;
font-weight: 700;
line-height: 1vw;
letter-spacing: -0.22px;
text-decoration: none;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.ymsT {
top: 10vw;
right: 23.5vw;
}
.yms--img {
float: left;
width: 4vw !important;
position: relative;
margin: 0px 0px 1vw 0px;
}
.slideShow {
float: left;
width: 100%;
height: calc(100% - 10vw);
min-height: 761px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.slideShow .slideShow-owl {
float: left;
width: 100%;
height: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.slideShow .scrollDown {
float: left;
position: absolute;
bottom: 2vw;
left: 2.5vw;
color: #535b5d;
font-size: 14px;
font-weight: 600;
line-height: 14px;
letter-spacing: 0.72px;
z-index: 5;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
align-content: center;
}
.slideShow .scrollDown:hover {
color: #182431;
}
.slideShow .scrollDown .arrowDown {
float: right;
position: relative;
margin: 0px 0px 0px 0.8vw;
}
.slideShow .scrollDown:hover .arrowDown {
margin: 0px 0px 0px 1vw;
}
.baner {
float: left;
width: 100%;
height: calc(100% - 4.5vw);
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: center;
overflow: hidden;
}
.slideShow .baner {
height: 100%;
min-height: 761px;
}
.baner .inside {
float: left;
width: 42vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 5vw 7vw 5vw 4vw;
z-index: 3;
background: #182431;
}
.baner.product-25 .inside {
width: 35vw;
padding: 5vw 4vw 5vw 4vw;
}
.baner .inside .text {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #fff;
font-size: 1.05vw;
line-height: 1.6vw;
font-weight: 400;
position: relative;
max-height: 400px;
}
.baner .inside .text em {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 1vw -0.3vw;
padding: 0px 0px 0px 0px;
font-size: 3.65vw;
line-height: 3.65vw;
font-weight: 700;
font-style: normal;
}
.baner.product-25 .inside .text em {
font-size: 2.6vw;
line-height: 3.1vw;
}
.baner .mainFoto {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.baner .mainFoto .img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
}
.baner .scrollDown {
float: left;
position: absolute;
bottom: 2vw;
left: 2.5vw;
color: #535b5d;
font-size: 14px;
font-weight: 600;
line-height: 14px;
letter-spacing: 0.72px;
z-index: 5;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
align-content: center;
}
.baner .scrollDown:hover {
color: #182431;
}
.baner .scrollDown .arrowDown {
float: right;
width: 8px !important;
height: auto !important;
position: relative;
margin: 0px 0px 0px 0.8vw;
}
.baner .scrollDown:hover .arrowDown {
margin: 0px 0px 0px 1vw;
}
.mainFoto {
float: left;
width: 35%;
position: relative;
}
.mainFoto .img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
}
}
@media only screen and (max-width: 768px) {
.text {
overflow-x: scroll;
}
}
.slideShow .slideShow-owl .owl-nav {
float: left;
height: 1.1vw;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0;
left: 7.5vw;
bottom: 1.8vw;
position: absolute;
z-index: 5;
font-size: 0;
border-left: 1px solid #b0bdc5;
}
.slideShow .slideShow-owl .owl-nav .owl-next {
float: left;
width: 2.1vw;
height: 1.1vw;
position: relative;
top: 0;
right: 4%;
font-size: 0;
background: url(//wdb-group.ru/img/mainpage_slider/slideShowArrowRight.svg) center no-repeat !important;
background-size: 1.1vw;
}
.slideShow .slideShow-owl .owl-nav .owl-prev {
float: left;
width: 2.1vw;
height: 1.1vw;
position: relative;
top: 0;
left: 4%;
font-size: 0;
background: url(//wdb-group.ru/img/mainpage_slider/slideShowArrowLeft.svg) center no-repeat !important;
background-size: 1.1vw;
}
.slideShow .slideShow-owl .owl-dots {
float: left;
width: 94%;
left: 3%;
bottom: 2vw;
position: absolute;
z-index: 5;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
counter-reset: section;
}
.slideShow .slideShow-owl .owl-dots .owl-dot {
float: left;
width: 2vw;
height: 2vw;
position: relative;
margin: 0px 0.2vw 0px 0.2vw;
padding: 0px 0px 0px 0px;
color: #3b3a3a;
font-size: 0.8vw;
font-weight: 400;
line-height: 0.8vw;
border: 1px solid #3b3a3a;
border-radius: 40em;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.slideShow .slideShow-owl .owl-dots .owl-dot::before {
counter-increment: section;
content: counter(section);
}
.slideShow .slideShow-owl .owl-dots .owl-dot:focus {
outline: none;
}
.slideShow .slideShow-owl .owl-dots .active {
float: left;
position: relative;
color: #000;
border: 1px solid #fff;
border-radius: 40em;
background: #fff;
}
.slideShow .scrollDown {
float: left;
position: absolute;
bottom: 2vw;
left: 2.5vw;
color: #535b5d;
font-size: 14px;
font-weight: 600;
line-height: 14px;
letter-spacing: 0.72px;
z-index: 5;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
align-content: center;
}
.slideShow .scrollDown:hover {
color: #182431;
}
.slideShow .scrollDown .arrowDown {
float: right;
position: relative;
margin: 0px 0px 0px 0.8vw;
}
.slideShow .scrollDown:hover .arrowDown {
margin: 0px 0px 0px 1vw;
}
.owl-nav {
border-left: none;
} @media screen and (min-width: 1001px) and (max-width: 10000px) {
html {
scroll-padding-top: 5vw;
}
.headerOne {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #414a4d;
font-size: 1.8vw;
font-weight: 700;
line-height: 2.1vw;
}
.homeOne {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:1.8vw 3.15vw 0px 3.15vw;
}
.homeOne .header {
text-align:center;
margin:0px 0px 3vw 0px;
cursor: pointer;
}
.arrowHomeOne {
width: 1vw;
position: relative;
margin: 0px 0px 0px 1vw;
}
.mainFoto {
float:left;
width:35%;
position:relative;
}
.mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;	
}
}
.catalog_header ul {
margin: 0;
}
.clear_both {
width: 100%;
clear: both;
}
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap&subset=latin,latin-ext");
html, body, input, textarea, submit { background:#fff;font-size:14px;line-height:18px;height:100%;color:#000;font-family: "Raleway", 'Lato', sans-serif;scroll-behavior: smooth; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, ul, ol, p, blockquote, pre, a, big, em, img, q, small, strong, tt, var, b, u, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0;margin: 0;outline: 0;padding: 0; }
.hidden {
visibility: hidden !important;
display: none !important;
}
.homeOne .list .box .name span {
font-weight: 600;
margin-right: 0.2vw;
}
@media screen and (min-width: 1001px) and (max-width: 10000px) {
html {
scroll-padding-top: 5vw;
}
.blogPage {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 8vw 8vw 3vw 5vw;
}
.blogPage .newsBox__left {
height: auto !important;
}
.category {
float: left;
width: 70%;
position: relative;
margin: 1vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
body.category{
width: 100%;
}
.category__header {
float: left;
width: 100%;
margin: 0px 0px 0.5vw 0px;
padding: 0vw 0vw 0vw 0vw;
color: #414a4d;
font-size: 0.9vw;
font-weight: 700;
line-height: 0.9vw;
text-decoration: none;
}
.category__name {
float: left;
margin: 0px 0.5vw 0px 0px;
padding: 0.5vw 1vw 0.6vw 1vw;
color: #fff;
font-size: 0.9vw;
font-weight: 400;
line-height: 0.9vw;
text-decoration: none;
background-color: #182431;
}
.category__name:hover,
.category__name.menu__active
{
background-color: #414a4d;
}
.search {
float: left;
width: 30%;
position: relative;
margin: 0.9vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.searchBox {
float: left;
width: 100%;
position: relative;
margin: 0vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.searchBox__input {
float: left;
width: 80%;
height: 3vw;
position: relative;
margin: 0vw 0px 0px 0px;
padding: 0px 1vw 0px 1vw;
color: #000;
font-size: 0.9vw;
font-weight: 400;
line-height: 0.9vw;
border: 1px solid rgba(0,0,0,0.2);
}
.searchBox__submit {
float: left;
width: 20%;
height: 3vw;
position: relative;
margin: 0vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #182431;
background: #182431 url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/wrapperSearch.svg) center no-repeat;
background-size: 1vw;
cursor: pointer;
}
.dir {
float:left;
width:100%;
position:relative;
padding:0.5vw 0px 0.5vw 0px;
background-color: rgba(0,0,0,0.05);
border-bottom: 1px solid rgba(255,255,255,0.05);
z-index: 1;
}
.dir__li {
float:left;
position:relative;
}
.dir__li:first-child {
margin: 0px 0px 0px 1vw;
}
.dir__href {
float: left;
position: relative;
color: #000;
font-size: 0.8vw;
font-weight: 400;
line-height: 1vw;
text-decoration: none;
}
.dir__href:hover {
color: #182431;
}
.dir__arrow {
float: left;
width: 0.2vw;
position: relative;
margin: 0px 0.8vw
}
.blogPageOne {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 5vw 27vw 4.5vw 27vw !important;
}
.blogPageOne__foto {
float: left;
width: 100%;
height: auto;
position: relative;
margin: 1vw 0px 0px 0px;
padding: 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.blogPageOne__foto .mainFoto {
width: 70%;
max-width: 100% !important;
height: 100%;
}
.blogPageOne__content {
float: left;
width: 100%;
position: relative;
margin: 1vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#tocDiv {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 20px 0px;
color: #000;
}
#tocList {
float: left;
width: 100%;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 10px;
color: #000;
}
#tocList li {
margin: 0px 0px 14px 20px;
padding: 0px 0px 0px 0px;
line-height: 20px;
}
#tocList li ul {
margin: 0px 0px 0px 0px;
}
#tocList li ul li {
margin: 5px 0px 5px 0px;
padding: 3px 0px 0px 20px;
}
#tocList a {
color: #000;
}
.blogPageOne .newsBox__name {
} 
.blogPageOne .newsBox__data {
width: auto !important;
margin: 0.5vw 0px 0px 0px;
padding: 0px 1vw;
}
.blogPageOne .textPage {
padding: 2vw 0px 1vw 0px !important;
}
.blogPage.news {
padding: 0vw 8vw 4.5vw 5vw !important;
}
.blogPage__error {
float: left;
width: 100%;
margin: 0px 0.5vw 0px 0px;
padding: 1vw 1vw 1vw 1vw;
color: #fff;
font-size: 0.9vw;
font-weight: 400;
line-height: 0.9vw;
text-decoration: none;
background-color: #182431;
}
.blogPageOne__autor {
float:left;
position:relative;
margin: 0px 10vw 1vw 0px;
padding:0.5vw 1vw 0.5vw 1vw;
background-color: rgba(0,0,0,0.05);
border-bottom: 1px solid rgba(255,255,255,0.05);
z-index: 1;
}
.blogPageOne__autorName {
float: left;
position: relative;
color: #000;
font-size: 0.8vw;
font-weight: 400;
line-height: 1vw;
text-decoration: none;
}
.blogPageOne__autorName a {
text-decoration: none;
color: #000;
}
.blogPageOne__autorName a:hover {
color: #182431;
}
.category__name.menu__active {
background-color: #414a4d;
}
.pagination {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 4vw 0px;
padding: 0px 0px 0px 0px;
}
.pagination--page {
width: 2vw;
height: 2vw;
margin: 0px 0.2vw 0px 0.2vw;
color: #ffffff;
font-size: 1.1vw;
line-height: 1.1vw;
font-weight: 400;
text-decoration: none;
background-color: #182431 ;
}
.pagination--page.current {
background-color: #000;
}
.noComp { display:none !important; }
.file--221 { margin-top: 2vw !important; }
.yms {
float: right;
position: absolute;
top: 12vw;
right: 18.5vw;
z-index: 20;
text-decoration: none;
color: #000000;
font-size: 1vw;
font-weight: 700;
line-height: 1vw;
letter-spacing: -0.22px;
text-decoration: none;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.ymsT {
top: 10vw;
right: 23.5vw;
}
.yms--img {
float: left;
width: 4vw !important;
position: relative;
margin: 0px 0px 1vw 0px;
}
.nLi ul li {
float: left;
width: 100%;
margin: 0px 0px 0.2vw 0px;
padding: 0px 0px 0px 1.3vw;
position: relative;
color: #000000;
font-weight: 400;
list-style: none;
background: url(//wdb-group.ru/img/company_ul_li_arrow.png) top 0.5vw left no-repeat;
background-size: 0.73vw auto !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.news {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding: 4.5vw 3.15vw 0px 3.15vw;
position:relative;
}
.news .headerOne {
text-align: center;
}
.newsPage.news {
padding: 0vw 3.15vw 4.5vw 3.15vw;
}
.newsList {
float: left;
width: 100%;
position: relative;
margin: 4.5vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 1.3vw;
grid-row-gap: 1.3vw;
}
.newsPage.news .newsList {
margin: 0;
}
.news--all.newsBox__data {
float: right;
margin: 2vw 2vw 0px 0px;
}
.newsBox {
float: left;
width: 100%;
min-height: 10vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
transition: all 0.2s ease-in-out;
}
.newsBox:hover {
}
.newsBox__left {
float: left;
width: 50%;
height: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.newsBox__left .mainFoto {
float:left;
width:100%;
height:100%;
position:relative;
z-index:1;
}
.newsBox__left .mainFoto .img
{
float:left;
width:100%;
height:100%;
object-fit: cover;
}
.newsBox__right {
float: left;
width: 50%;
height: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 2.5vw 3vw 0px 3vw;
}
.newsBox__data {
float: left;
width: 8.4vw;
height: 1.8vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
font-size: 0.8vw;
font-weight: 400;
font-size: 0.9vw;
letter-spacing: -0.22px;
text-align: center;
text-decoration: none;
background: #182431;
}
.newsBox__name {
float: left;
width: 100%;
position: relative;
margin: 1.5vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000000;
font-size: 1.3vw;
font-weight: 700;
line-height: 1.6vw;
letter-spacing: -0.22px;
text-decoration: none;
}
.newsBox__category {
float: left;
width: 100%;
position: relative;
margin: 0.5vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #182431;
font-size: 1vw;
font-weight: 500;
line-height: 1.3vw;
letter-spacing: -0.22px;
text-decoration: none;
}
.newsBox__text {
float: left;
width: 100%;
position: relative;
margin: 1.2vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000000;
font-size: 0.9vw;
font-weight: 400;
line-height: 1.3vw;
letter-spacing: -0.22px;
text-decoration: none;
}
.newsPage {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 8vw 8vw 8vw 5vw;
}
.newsPage.newsPage--80 {
padding: 8vw 8vw 4vw 5vw;
}
.newsPage.newsPage--277 {
padding: 8vw 8vw 4vw 5vw;
}
.newsPage__left {
float: left;
width: 40%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.newsPage__left .mainFoto {
width: 100%;
}
.newsPage__right {
float: left;
width: 60%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 3vw 0px 0px 3vw;
}
.newsPage__right .textPage {
padding: 1vw 0px 2vw 0px;
}
.pr117 {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:9vw 11vw 9vw 11vw;
background-color: #fff;
}
.pr117__left {
float: left;
width: 40%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr117__met {
float: left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0.7vw 1.5vw 0.7vw 1.5vw;
color: #fff;
font-size: 1vw;
font-weight: 300;
line-height: 1vw;
background-color: #182431;
}
.pr117__header {
float: left;
width: 100%;
position: relative;
margin: 1.2vw 0px 0.5vw -0.2vw;
padding: 0px 0px 0px 0px;
color: #3d4f59;
font-size: 3vw;
font-weight: 300;
line-height: 3vw;
}
.pr117__header span {
color: #182431;
}
.pr117__text {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #3d4f59;
font-size: 1.5vw;
font-weight: 300;
line-height: 2vw;
}
.pr117__right {
float: left;
width: 60%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr117__icons {
color: #3d4f59;
font-size: 1vw;
font-weight: 400;
line-height: 1.3vw;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 1vw;
grid-row-gap: 3vw;
}
.pr117__icons table {
float: left;
width: 100%;
height: 3.7vw;
position: relative;
}
.pr117__icons table tr td:nth-child(1) {
width: 5.5vw !important;
}
.pr117__icons table:nth-child(5) {
color: #182431;
}
.pr117__icons table tr td:nth-child(2) {
padding: 0px 0px 0px 0.8vw;
border-left: 2px solid #182431;
}
.pr117__icons table:nth-child(1) {
background: url(//wdb-group.ru/img/guard-one//pr117_1.jpg) center left no-repeat;
background-size: 4.9vw;
}
.pr117__icons table:nth-child(2) {
background: url(//wdb-group.ru/img/guard-one//pr117_4.jpg) center left 0.6vw no-repeat;
background-size: 4.9vw;
}
.pr117__icons table:nth-child(3) {
background: url(//wdb-group.ru/img/guard-one//pr117_5.jpg) center left no-repeat;
background-size: 4.9vw;
}
.pr117__icons table:nth-child(4) {
background: url(//wdb-group.ru/img/guard-one//pr117_3.jpg) center left no-repeat;
background-size: 4.9vw;
}
.pr117__icons table:nth-child(5) {
background: url(//wdb-group.ru/img/guard-one//pr117_2.jpg) center left 0.5vw no-repeat;
background-size: 4.9vw;
}
.pr117__two {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 6vw 7vw 6vw 11vw;
background-color: #f8f8f8;
}
.pr117__twoBox {
float: left;
width: 50%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr117__headerTwo {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 3.5vw 0px;
padding: 0px 0px 0px 0px;
color: #000;
font-size: 2vw;
font-weight: 700;
line-height: 2vw;
}
.pr117__textTwo {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000;
font-size: 1vw;
font-weight: 300;
line-height: 1.5vw;
}
.pr117__textTwo strong {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0.7vw 0px;
padding: 0px 0px 0px 0px;
color: #182431;
font-size: 1.3vw;
font-weight: 700;
line-height: 1.6vw;
}
.pr117__textTwo table {
float: left;
width: 100%;
position: relative;
}
.pr117__textTwo table:nth-child(1) {
margin: 0px 0px 2.5vw 0px;
}
.twoBox--1 .pr117__textTwo table:nth-child(1) {
background: url(//wdb-group.ru/img/guard-one/pr117icon_1.svg) center left no-repeat;
background-size: 4.15vw;
}
.twoBox--1 .pr117__textTwo table:nth-child(2) {
background: url(//wdb-group.ru/img/guard-one/pr117icon_2.svg) center left no-repeat;
background-size: 4.05vw;
}
.twoBox--2 .pr117__textTwo table:nth-child(1) {
background: url(//wdb-group.ru/img/guard-one/pr117icon_3.svg) center left no-repeat;
background-size: 8.55vw;
}
.twoBox--2 .pr117__textTwo table:nth-child(2) {
background: url(//wdb-group.ru/wp-content/uploads/2025/07/пульт-управления.png) center left 1.8vw no-repeat;
background-size: 4.57vw;
} .twoBox--1 .pr117__textTwo table tr td {
padding: 0px 0px 0px 6vw;
}
.twoBox--2 .pr117__textTwo table tr td {
padding: 0px 0px 0px 11vw;
}
.pr117__three {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 6vw 11vw 6vw 11vw;
background-color: #fff;
}
.pr117__headerTwo.text-center {
text-align: center;
}
.pr117__three--img--1 {
float: left;
width: 51vw;
position: relative;
margin: 2vw 0px 0px 0px;
}
.pr117__three--img--2 {
float: left;
width: 100%;
position: relative;
margin: 5vw 0px 0px 0px;
}
.textPage {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:5vw 12vw 5vw 12vw;
position:relative;
color: #000000;
font-size: 1.05vw;
font-weight: 300;
line-height: 1.7vw;
}
.textPage a {
color:#e12e38;
text-decoration:none;
}
.textPage a:hover {
color:#e12e38;
text-decoration:underline;
}
.textPage ul, .textPage ol { 
float:left;
width:100%;	
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.textPage ul li {
float: left;
width: 100%;
margin: 0px 0px 0.1vw 0px;
padding: 0px 0px 0px 1.3vw;
position: relative;
list-style: none;
background: url(https://wdb-group.ru/wp-content/uploads/2025/04/dot_q0x7c6cggrvr.svg) top 0.6vw left no-repeat;
background-size: auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-size: 10px;
}
.textPage ol li {
float:left;		
width: 100%;
margin:0px 0px 0.1vw 1.3vw;
padding:0px 0px 0px 0px;
position:relative;
}
.wrapper {
float:left;
width:100%;
height:4.5vw;
margin:0px 0px 0px 0px;
padding:0px 4.5vw 0px 4.5vw;
position:fixed;
top:0;
left:0;
background:#fff;
border-bottom:1px solid #f8f8f8;
z-index:30;
}	
.wrapper .logo {
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.wrapper .logo .img {
float:left;
width:100%;
}	
.wrapper .inside {
float:right;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:#fff;
}
.wrapper .menu {
float:left;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style: none; 
}
.wrapper .menu__name {
float:left;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;		
}			
.wrapper .menu__href {
float:left;
height: 100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size:0.9vw;
font-weight:600;
line-height:0.9vw;
text-decoration:none;
letter-spacing: 0.75px;
cursor:pointer;
border-bottom: 0px solid #000;
}
.wrapper .menu__hrefArrow {
float:right;
width:0.45vw;
margin:0px 0px 0px 0.6vw;
padding:0px 0px 0px 0px;
position:relative;
}
.wrapper .menu__href:hover {
color: #e57917;
border-bottom: 0px solid #fc7f01;
}
.wrapper .menu__name.menu__active .menu__href, .wrapper .menu__name .menu__href.menu__active {
color: #e57917;
border-bottom: 0px solid #fc7f01;
}
.wrapper .menu__hr {
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 1.1vw 0px 1.1vw;
}
.wrapper .menu__name:nth-child(2) .menu__hr,
.wrapper .menu__name:nth-child(3) .menu__hr
{
padding:0px 0.9vw 0px 1.2vw;
}
.wrapper .menu__name:last-child .menu__href .menu__hr { 
display:none;
visibility:hidden;
}
.wrapper .other {
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.wrapper .other .other__lang {
float:left;
width:2.5vw;
height:2.5vw;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-decoration:none;
cursor:pointer;
}
.wrapper .other .other__lang a {
display:none;
float:left;
width:2.5vw;
height:1.5vw;
color: #000000;
font-weight:600;
font-size:0.85vw;
line-height:1.5vw;
text-decoration:none;
text-align:center;
background:#fff;
border:1px solid #d6d6d6;
border-radius:8px;
}
.wrapper .other .other__lang a:first-child {
display:block;
height:2.5vw;
line-height:2.5vw;
}
.wrapper .other .other__lang:hover a {
display:block;
}
.wrapper .other .other__lang a:hover {
color: #e57917;
}
.wrapper .other .other__lang .langArrow {
float:right;
width:0.45vw;
position:absolute;
top:50%;
right:-0.225vw;
margin:-0.15vw 0px 0px 0px;
}
.wrapper .other .other__lang:hover .langArrow {
right:0.2vw;
margin:-0.1vw 0px 0px 0px;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.wrapper.smallWrapper {
}
.wrapper.smallWrapper .logo {
}
.menuProduct {
float:left;
width:100%;
position:fixed;
left:0;
top:-20vw;
margin:0px 0px 0px 0px;
padding:3.5vw 6.5vw 3.5vw 6.5vw;
background:#fafafa;
overflow:hidden;
z-index:15;
opacity:0;
}
.activeMenuProduct {
top:4.5vw;
opacity:1;
}
.menuProduct .list {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.menuProduct .list .box {
float:left;
width:19%;
height:9.5vw;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}
.menuProduct .list .box-23 {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/productBox_23.jpg) center no-repeat;
background-size:cover;
}
.menuProduct .list .box-24 {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/productBox_24.jpg) center no-repeat;
background-size:cover;
}
.menuProduct .list .box-25 {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/productBox_25.jpg) center no-repeat;
background-size:cover;
}
.menuProduct .list .box-26 {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/productBox_26.jpg) center no-repeat;
background-size:cover;
}
.menuProduct .list .box-117 {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/productBox_117.jpg) center no-repeat;
background-size:cover;
}
.menuProduct .list .box .mainFoto {
float:left;
width:100%;
height:7vw;
position:relative;
}
.menuProduct .list .box .mainFoto .img {
float:left;
width:70%;
height:80%;
margin:5% 15% 10% 15%;
object-fit: scale-down;	
}
.menuProduct .list .box .name {
float:left;
width:100%;
height:2.5vw;
position:relative;
color: #000000;
font-size: 0.8vw;
font-weight: 400;
line-height: 1vw;
letter-spacing: -0.22px;
text-align:center;
text-decoration:none;				
}
.menuProduct .list .box:hover .name, .activeSubmenu .name {
color: #ffffff !important;
background:#182431;
}
.menuProduct .list .box-117 .name:before {
content: 'NEW';
color: #182431;
font-weight: 700;
margin: 0px 0.2vw 0px 0px;
}
.menuProduct .list .box-117:hover .name:before {
color: #fff;
}
.metBox {
float:right;
width:3.25vw;
position:absolute;
top:50%;
right:0;
margin:-10vw 0px 0px 0px;
z-index:5;
}
.metBox .metIcon {
float:left;
width:100%;
position:relative;
margin:0px 0px 0.5vw 0px;
padding:0px 0px 0px 0px;
}
.addMargin {
float:left;
width:100%;
height:4.3vw;
padding:0px 0px 0.2vw 0px;
position:relative;
}
.slideShow {
float:left;
width:100%;
height: calc(100% - 10vw);
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.slideShow .slideShow-owl {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.slideShow .slideShow-owl .owl-item {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.slideShow .slideShow-owl .slide {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
align-content:center;
}
.slideShow .slideShow-owl .slide .inside {
float:left;
width:42vw;
position:relative;
margin:0px 0px 0px 0px;
padding:5vw 8vw 5vw 5vw;
z-index:3;
background:#182431;
}
.slideShow .slideShow-owl .slide .inside .text {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#fff;
font-size:1.05vw;
line-height:1.7vw;
font-weight:300;
position:relative;
visibility:hidden;
}
.slideShow .slideShow-owl .slide .inside .text em {
float:left;
width:100%;
position:relative;
margin:0px 0px 1vw -0.3vw;
padding:0px 0px 0px 0px;
font-size:3.65vw;
line-height:3.65vw;
font-weight:700;
font-style:normal;
}
.slideShow .slideShow-owl .slide .inside .text .moreOne {
color: #000000 !important;
background-color: #ffffff;
}
.slideShow .slideShow-owl .slide .img {
float:left;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
object-fit: cover;
z-index:2;
}
}
.slideShow .scrollDown {
float:left;
position:absolute;
bottom:2vw;
left:2.5vw;
color: #535b5d;
font-size: 14px;
font-weight: 600;
line-height: 14px;
letter-spacing: 0.72px;
z-index:5;
cursor:pointer;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-end;
align-items:center;
align-content:center;
}
.slideShow .scrollDown:hover {
color:#182431;
}
.slideShow .scrollDown .arrowDown {
float:right;
position:relative;
margin:0px 0px 0px 0.8vw;
}
.slideShow .scrollDown:hover .arrowDown {
margin: 0px 0px 0px 1vw;
}
.video {
float:left;
position:absolute;
left:0;
top:0;
width:100%;
min-width:100%;
height:100%;		
min-height:100%;		
z-index: 1;
object-fit: cover;	
}
.moreOne {
float:left;
height:2.65vw;
position:relative;
margin:0px 0px 0px 0xp;
padding:0px 1vw 0px 1vw;
color: #ffffff !important;
font-size: 0.75vw;
font-weight: 600;
line-height: 2.65vw;
text-transform: uppercase;
text-decoration: none;
background: #182431;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
cursor:pointer;
}
.moreOne .moreOneArrow {
float:right;
width:0.65vw !important;
position:relative;
margin:0px 0px 0px 0.55vw;
padding:0px 0px 0px 0px;
}
.moreOne:before {
content: ' ';
float:left;
width:0;
height:0;
position:absolute;
top:-1px;
left:-1px;
opacity:0;
border-left:2px solid #000;
border-top:2px solid #000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.moreOne:hover:before {
width:100%;
height:2.65vw;
opacity:1;
}
.moreOne:after {
content: ' ';
float:right;
width:0;
height:0;
position:absolute;
bottom:-1px;
right:-1px;
opacity:0;
border-right:2px solid #000;
border-bottom:2px solid #000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.moreOne:hover:after {
width:100%;
height:2.65vw;
opacity:1;
}
.headerOne {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #414a4d;
font-size: 1.8vw;
font-weight: 700;
line-height: 2.1vw;
}
.homeOne {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:1.8vw 3.15vw 0px 3.15vw;
}
.homeOne .header {
text-align:center;
margin:0px 0px 3vw 0px;
cursor: pointer;
}
.arrowHomeOne {
width: 1vw;
position: relative;
margin: 0px 0px 0px 1vw;
}
.homeOne .list {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.homeOne .list .box {
float:left;
width:19%;
height:13.5vw;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}
.homeOne-en .list .box:nth-child(1), .homeOne-ru .list .box:nth-child(1) {
margin-left:5vw;
}
.homeOne-en .list .box:nth-child(3), .homeOne-ru .list .box:nth-child(3) {
margin-right:5vw;
}
.homeOne .list .box .mainFoto {
float:left;
width:100%;
height:10.5vw;
position:relative;
}
.homeOne .list .box .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;	
}
.homeOne .list .box .name {
float:left;
width:100%;
height:3vw;
position:relative;
color: #ffffff;
font-size: 1vw;
font-weight: 400;
line-height: 1.15vw;
letter-spacing: -0.22px;
text-align:center;
text-decoration:none;
background:#182431;
}
.homeTwo {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
}
.homeTwo .box {
float:left;
width:100%;
height:35vw;
position:relative;
margin:0px 0px 0px 0px;
padding:6vw 8vw 6vw 8vw;
}
.homeTwo .box:nth-child(even) {
background: #f8f8f8;
}
.homeTwo .box .left {
float:left;
width:55%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 10vw 0px 6vw;
border-left:1px solid #e9e9e9;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.homeTwo .box:nth-child(even) .left {
float:right;
border-left:0px solid #e9e9e9;
border-right:1px solid #e9e9e9;
}
.homeTwo .box .left .text {
float:left;
width:100%;
position:relative;
margin:2vw 0px 2vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 0.95vw;
font-weight: 400;
line-height: 1.55vw;
letter-spacing: 0.36px;
}
.homeTwo .box .right, .homeTwo .box .right .iframe {
float:right;
width:45%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0xp;
}
.homeTwo .box:nth-child(even) .right {
float:left;
}
.homeTwo .box .right .iframe {
width:100%;
}
.homeThree {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:5.5vw 8vw 5vw 8vw;
}
.homeThree .headerMain {
float:left;
height:7.8vw;
margin:0px 0px 0px 0px;
padding:0px 3.15vw 0px 3.15vw;
position:absolute;
left:8vw;
top:5.5vw;
color: #ffffff;
font-size: 2.1vw;
line-height: 2.1vw;
font-weight: 700;
background:#182431;
z-index:2;
}
.homeThree .box {
float:left;
width:100%;
height:37.5vw;
position:relative;
margin:0px 0px 0.5vw 0px;
padding:0px 0px 0px 0px;
z-index:1;
}
.homeThree .box:nth-of-type(2) {
width: calc(65% - 0.25vw);
height:17.5vw;
}
.homeThree .box:nth-of-type(3) {
float:right;
width: calc(35% - 0.25vw);
height:17.5vw;
}
.homeThree .box:nth-of-type(4) {
float:left;
width: calc(50% - 0.25vw);
height:27.5vw;
}
.homeThree .box:nth-of-type(5) {
float:right;
width: calc(50% - 0.25vw);
height:27.5vw;
}
.homeThree .box .inside {
float:left;
position:absolute;
left:2.5vw;
bottom:1.9vw;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;		
z-index:2;
}
.homeThree .box .inside .header {
float:left;
position:relative;
color: #ffffff;
font-size: 1vw;
line-height: 1vw;
font-weight: 600;
}
.homeThree .box .inside .hr {
float:left;
position:relative;
margin:0px 0.5vw 0px 0.5vw;
color: #182431;
font-size: 1vw;
line-height: 1vw;
font-weight: 600;
}
.homeThree .box .mainFoto {
float:left;
width:100%;
height:100%;
position:relative;
z-index:1;
}
.homeThree .box .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;	
}
.baner {
float:left;
width:100%;
height:calc(100% - 4.5vw);
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
align-content:center;
overflow:hidden;
}	
.slideShow .baner { height:100%; }
.baner .inside {
float:left;
width:42vw;
position:relative;
margin:0px 0px 0px 0px;
padding:5vw 7vw 5vw 4vw;
z-index:3;
background:#182431;
}
.baner.product-23 .inside {
width:38vw;
margin:-18vw 0px 0px 0px;
padding:2.55vw 1vw 1.5vw 4vw;
}
.baner.product-24 .inside {
width:35vw;
padding:5vw 4vw 5vw 4vw;
}
.baner.product-25 .inside {
width:40vw;
padding:5vw 4vw 5vw 4vw;
}
.baner.product-26 .inside {
width:35vw;
padding:5vw 4vw 5vw 4vw;
}
.baner.contactBaner .inside {
padding:5vw 2vw 5vw 4vw;
}
.baner .inside .text {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#fff;
font-size:1.05vw;
line-height:1.6vw;
font-weight:400;
position:relative;
}		
.baner .inside .text em {
float:left;
width:100%;
position:relative;
margin:0px 0px 1vw -0.3vw;
padding:0px 0px 0px 0px;
font-size:3.65vw;
line-height:3.65vw;
font-weight:700;
font-style:normal;
}
.baner.product-23 .inside .text em {
font-size:2.6vw;
line-height:3.1vw;
}	
.baner.product-24 .inside .text em {
font-size:2.6vw;
line-height:3.1vw;
}
.baner.product-25 .inside .text em {
font-size:2.6vw;
line-height:3.1vw;
}
.baner.product-26 .inside .text em {
font-size:2.6vw;
line-height:3.1vw;
}
.baner.contactBaner .text em {
font-size:2.7vw;
line-height:2.7vw;
}
.baner.contactBaner .inside .text a {
float:left;
width:100%;
margin:2vw 0px 2vw 0px;
padding:0px 0px 0px 4.5vw;
position:relative;
color: #ffffff;
font-size: 1.85vw;
font-weight: 700;
text-decoration:none;
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/contactBanerIcon_1.svg) left no-repeat;
background-size:3.5vw auto;
}
.baner.contactBaner .inside .text strong {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 4.5vw;
position:relative;			
text-decoration:none;		
font-style:normal;
font-weight:500;
}
.baner.contactBaner .inside .text strong.addIcon {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/contactBanerIcon_2.svg) left no-repeat;
background-size:3.5vw auto;
}
.baner .inside .text .moreOne {
color: #000000;
background-color: #ffffff;
}
.baner .otherBox {
float:right;
width:35vw;
position:absolute;
right:0;
bottom:4vw;
margin:0px 0px 0px 0px;
padding:3vw 5vw 3vw 5vw;
background:#182431;
z-index:3;
}
.baner .otherBox .text {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #fff;
font-size: 1.05vw;
font-weight: 400;
line-height: 1.5vw;
}
.baner .otherBox .text ul, .baner .otherBox .text ol { 
float:left;
width:100%;	
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.baner .otherBox .text ul li {
float:left;		
width: 100%;
margin:0px 0px 0.3vw 0px;
padding:0px 0px 0px 1.3vw;	
position:relative;	
color: #fff;
font-weight:400;
list-style: none; 
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/baner_ul_li.png) top 0.5vw left no-repeat;
background-size:0.73vw auto !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.baner .otherBox .text ol li {
float:left;		
width: 100%;
margin:0px 0px 0.1vw 1.3vw;
padding:0px 0px 0px 0px;
position:relative;
}
.baner .otherBoxTwo {
float:right;
width:25vw;
height:100%;
position:absolute;
right:0;
bottom:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
z-index:3;
}
.baner .otherBoxTwo .text {
float:left;
width:100%;
position:relative;
margin:0px 20% 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #fff;
font-size: 1.05vw;
font-weight: 400;
line-height: 1.5vw;
}
.baner .otherBoxTwo .text strong {
color: #e57917;	
font-weight:900;
text-transform: uppercase;
}
.baner .otherBoxTwo .text em {
float:left;
width:100%;
font-size:1vw;
line-height:1vw;
color: #000000;
font-style:normal;
}
.baner .otherBoxTwo .text ul, .baner .otherBoxTwo .text ol { 
float:left;
width:100%;	
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.baner .otherBoxTwo .text ul li {
float:left;		
width: 100%;
margin:0px 0px 1.2vw 0px;
padding:0px 0px 1.2vw 1.3vw;	
position:relative;	
color: #fff;
font-weight:400;
list-style: none; 
background: url(//wdb-group.ru/img/company_ul_li_arrow.png) top 0.5vw left no-repeat;
background-size:0.73vw auto !important;
border-bottom:1px solid #f5f4f6;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.baner .otherBoxTwo .text ol li {
float:left;		
width: 100%;
margin:0px 0px 0.1vw 1.3vw;
padding:0px 0px 0px 0px;
position:relative;
}
.baner .mainFoto {
float:left;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.baner .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;	
}
.baner .scrollDown {
float:left;
position:absolute;
bottom:2vw;
left:2.5vw;
color: #535b5d;
font-size: 14px;
font-weight: 600;
line-height: 14px;
letter-spacing: 0.72px;
z-index:5;
cursor:pointer;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-end;
align-items:center;
align-content:center;
}
.baner .scrollDown:hover {
color:#182431;
}
.baner .scrollDown .arrowDown {
float:right;
width:8px !important;
height:auto !important;
position:relative;
margin:0px 0px 0px 0.8vw;
}
.baner .scrollDown:hover .arrowDown {
margin: 0px 0px 0px 1vw;
}
.company {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:6.5vw 6.5vw 2.5vw 6.5vw;
}
.company .header {
margin:0px 0px 3.5vw 0px;
text-align:center;
}
.company .mapBox {
float:left;
width:42vw;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.company .mapBox .img {
float:left;
width:100%;
}
.company .inside {
float:right;
width:32vw;
position:relative;
margin:2vw 4.5vw 0px 0px;
padding:0px 0px 0px 0px;
}
.company .inside .companyLogo {
float:left;
width:20vw;
margin:0px 0px 2.5vw 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.company .inside .text {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #000000;
font-size: 1.05vw;
font-weight: 400;
line-height: 1.5vw;
}
.company .inside .text ul, .company .inside .text ol { 
float:left;
width:100%;	
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.company .inside .text ul li {
float:left;		
width: 100%;
margin:0px 0px 0.2vw 0px;
padding:0px 0px 0px 1.3vw;	
position:relative;	
color: #182431;
font-weight:900;
list-style: none; 
text-transform: uppercase;
background: url(//wdb-group.ru/images/areaThreeIcon.png) top 0.5vw left no-repeat;
background-size:0.73vw auto !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.company .inside .text ol li {
float:left;		
width: 100%;
margin:0px 0px 0.1vw 1.3vw;
padding:0px 0px 0px 0px;
position:relative;
}
.sectionOne {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
}
.sectionOne.bgOne { background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/offerSectionBg_1.jpg) center no-repeat;background-size:cover; }
.sectionOne.addLastMargin {
margin:0px 0px 3vw 0px;
}
.sectionOne .box {
float:left;
width:100%;
height:35vw;
position:relative;
margin:0px 0px 0px 0px;
padding:6vw 8vw 6vw 11.5vw;
}
.sectionOne.addSmallPadding .box {
padding:3vw 8vw 3vw 11.5vw;
}
.sectionOne .box:nth-child(even) {
background: #f8f8f8;
}
.sectionOne .box .left {
float:right;
width:51%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 6vw 0px 6vw;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.sectionOne.toRight .box .left {
float:left;
width:45%;
padding:0px 2vw 0px 2vw;
}
.sectionOne .box .left .text {
float:left;
width:100%;
position:relative;
margin:2vw 0px 2vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 0.95vw;
font-weight: 400;
line-height: 1.55vw;
letter-spacing: 0.36px;
}
.sectionOne .box .right, .sectionOne .box .right .iframe {
float:left;
width:49%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.sectionOne.toRight .box .right {
float:right;
width:49%;
margin:0px 4% 0px 0px;
}
.sectionOne .box .right .iframe {
width:100%;
}
.sectionOne .box .right .mainFoto {
float:left;
width:100%;
height:100%;
position:relative;
}
.sectionOne .box .right.addWidth .mainFoto {
width:100%;
height:auto;
}
.sectionOne .box .right.noHeight .mainFoto {
width:auto;
height:auto;
}
.sectionOne .box .right.addHeightOne .mainFoto {
width:auto;
height:25vw;
}
.sectionOne .box .right .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;	
}
.sectionTwo {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
}
.sectionTwo .box {
float:left;
width:100%;
height:35vw;
position:relative;
margin:0px 0px 0px 0px;
padding:6vw 8vw 6vw 11.5vw;
background: #f8f8f8;
}
.sectionTwo .box .left {
float:left;
width:40%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 10vw 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.sectionTwo .box .left .text {
float:left;
width:100%;
position:relative;
margin:2vw 0px 2vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 0.95vw;
font-weight: 400;
line-height: 1.55vw;
letter-spacing: 0.36px;
}
.sectionTwo .box .right {
float:right;
width:55%;
position:relative;
margin:0px 5% 0px 0px;
padding:0px 0px 0px 0px;
}
.sectionTwo .box .right .mainFoto {
float:left;
width:100%;
height:100%;
position:relative;
}
.sectionTwo .box .right .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;	
}
.wr {
float:left;
width:100%;
height:35vw;
position:relative;
margin:0px 0px 0px 0px;
padding:6vw 8vw 6vw 11.5vw;
background: #f8f8f8;
}
.wr__left {
float:left;
width:33%;
height:100%;
position:relative;
margin:0px 7% 0px 0px;
padding:0px 0px 0px 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.wr__left .headerOne span { display: block !important; }
.wr__left.wr__left--77 {
width: 39%;
margin:0px 1% 0px 0px;
}
.wr__left .text {
float:left;
width:100%;
position:relative;
margin:2vw 0px 2vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 1vw;
font-weight: 400;
line-height: 1.6vw;
letter-spacing: 0.36px;
}
.wr__left.wr__left--77 .text {
width: 90%;
}
.wr__qr {
float: left;
width: 8vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.wr__right {
float:left;
width:60%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.wr__model {
float: left;
width: 100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.sectionThree {
float:left;
width:100%;
height:35vw;
position:relative;
margin:0px 0px 0px 0px;
}
.sectionThree.productOwl .owl-item {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.sectionThree .box {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: #fff;
}
.sectionThree .box .left {
float:left;
width:25vw;
height:100%;
position:relative;
margin:0px 0px 0px 11.5vw;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
z-index:2;
}
.sectionThree .box .left.toRight {
float:right;
margin:0px 11.5vw 0px 0px;
}
.sectionThree .box .header {
line-height:2.5vw;
}
.sectionThree .box .header.smallWidth {
width:90%;
}
.sectionThree .box .left .text {
float:left;
width:100%;
position:relative;
margin:2vw 0px 2vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 0.95vw;
font-weight: 400;
line-height: 1.55vw;
letter-spacing: 0.36px;
}
.sectionThree .box .left .text ul, .sectionThree .box .left .text ol { 
float:left;
width:100%;	
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.sectionThree .box .left .text ul li {
float:left;		
width: 100%;
margin:0px 0px 0.2vw 0px;
padding:0px 0px 0px 1.3vw;	
position:relative;	
color: #000000;
font-weight:400;
list-style: none; 
background: url(//wdb-group.ru/img/company_ul_li_arrow.png) top 0.4vw left no-repeat;
background-size:0.73vw auto !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.sectionThree .box .left .text ol li {
float:left;		
width: 100%;
margin:0px 0px 0.1vw 1.3vw;
padding:0px 0px 0px 0px;
position:relative;
}
.sectionThree .box .mainFoto {
float:left;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:1;
}
.sectionThree .box .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;	
}
.sectionThree .owl-nav { 
float:left;
width:100%;
margin:-1.6vw 0px 0px 0px;
left:0;
top:50%;
position:absolute;
z-index:5; 	
font-size:0;
}
.sectionThree .owl-nav .owl-next {
float:left;
width:3.4vw;
height:3.4vw;
position:absolute;
top:0;
right:4%;
font-size: 0;
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/sectionThreeArrowRight.svg) center no-repeat !important;
background-size:3.35vw !important;
}
.sectionThree .owl-nav .owl-prev {
float:left;
width:3.4vw;
height:3.4vw;
position:absolute;
top:0;
left:4%;	
font-size: 0;
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/sectionThreeArrowLeft.svg) center no-repeat !important;
background-size:3.35vw !important;
}
.sectionThree .owl-nav .owl-next:focus, .sectionThree .owl-nav .owl-prev:focus {
outline:none;
}
.sectionFour {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:6.3vw 18vw 5.3vw 18vw;
}
.sectionFour.noTopPadding {
padding-top:0;
}
.sectionFour .header {
margin:0px 0px 3.15vw 0px;
text-align:center;
}
.sectionFour .text {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#fff;
font-size:1.05vw;
line-height:1.7vw;
font-weight:400;
}
.sectionFour .mainFoto {
float:left;
width:100%;
position:relative;
}
.sectionFour .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;	
}
.sectionFour .galleryFoto {
float:left;
width:80%;
position:relative;
margin:2vw 10% 0px 10%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.sectionFour .galleryFoto .box {
float:left;
width: 100%;
height:auto;
position:relative;
margin:0px 0px 1vw 0px;
}
.sectionFour .galleryFoto .box .img {
float:left;
width:100%;
height:100%;
object-fit: cover;	
}
.documentation {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.documentation .main {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:5vw 4.5vw 5vw 4.5vw;
background:#f5f5f5;
}
.documentation .main .header {
text-align:center;
}
.documentation .main .filesBox {
float:left;
width:100%;
height:17vw;
position:relative;
margin:5vw 0px 0px 0px;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.documentation .main .filesBoxFile {
float:left;
width:32%;
height:100%;
position:relative;
margin:0px 1.8vw 0px 0px;
padding:0.5vw 0px 0.5vw 0px;
font-size:1.05vw;
line-height:1.05vw;
font-weight:600;
color:#000;
text-decoration:none;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
background:#fff;
}
.documentation .main .filesBoxFile:last-child { margin:0px 0px 0px 0px; }
.documentation .main .filesBoxFile .img {
float:left;
width:3vw;
position:relative;
margin:0px 0px 2vw 0px;
}
.documentation .main .filesBoxFile:hover {
color:#182431;
}
.documentation .list {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:3.5vw 4.5vw 0px 4.5vw;
}
.documentation .list .box {
float:left;
width:100%;
height:18.5vw;
margin:0px 0px 4.5vw 0px;
padding:0px 0px 0px 0px;
position:relative;
}		
.documentation .list .box .left {
float:left;
width:40%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.documentation .list .box .left {
background: url(//wdb-group.ru/img/documents/boxDocumentation_28.jpg) center no-repeat;
background-size:cover;
}
.documentation .list .box .left.boxDocumentation-29 {
background: url(//wdb-group.ru/img/documents/boxDocumentation_29.jpg) center no-repeat;
background-size:cover;
}
.documentation .list .box .left.boxDocumentation-30 {
background: url(//wdb-group.ru/img/documents/boxDocumentation_30.jpg) center no-repeat;
background-size:cover;
}
.documentation .list .box .left.boxDocumentation-31 {
background: url(//wdb-group.ru/img/documents/boxDocumentation_31.jpg) center no-repeat;
background-size:cover;
}
.documentation .list .box .left.boxDocumentation-209 {
background: url(//wdb-group.ru/img/documents/boxDocumentation_31.jpg) center no-repeat;
background-size:cover;
}
.documentation .list .box .left .mainFoto {
float:left;
width:100%;
height:15vw;
position:relative;
}
.documentation .list .box .left .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: scale-down;	
}
.documentation .list .box .left .name {
float:left;
width:100%;
height:3.5vw;
position:relative;
color: #ffffff;
background:#182431;					
font-size: 1vw;
font-weight: 400;
line-height: 1vw;
letter-spacing: -0.22px;
text-align:center;
text-decoration:none;				
}
.documentation .list .box .right {
float:left;
width:60%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
border:1px solid #e2e3e4;
border-left:0px solid #e2e3e4;
}
.documentation .list .box .right .submenu {
float:left;
width:100%;
height:2.3vw;
position:relative;
border-bottom:1px solid #e2e3e4;
}
.documentation .list .box .right .submenu .name {
float:left;
width:33%;
height:100%;
position:relative;
color: #000000;
font-size: 1vw;
font-weight: 500;
line-height: 1vw;
letter-spacing: 0.4px;
border-right:1px solid #e2e3e4;
background:#fbfbfb;
cursor:pointer;
}
.documentation .list .box .right .submenu .name:nth-child(2) {
width:34%;
}
.documentation .list .box .right .submenu .name:nth-child(3) {
border-right:0px solid #e2e3e4;
}
.documentation .list .box .right .submenu .name:hover, .documentation .list .box .right .submenu .name.activeSubmenu {
color:#fff;
background:#182431;
}
.documentation .list .box .right .fileList {
float:left;
width:100%;
height:16.2vw;
position:relative;
overflow:hidden;
background:#fbfbfb;
}
.documentation .list .box .right .fileList .fileListBox {
display:none;
float:left;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
margin:0px 0px 0px 0px;
padding:1.5vw 2.3vw 1.5vw 2.3vw;
}
.documentation .list .box .right .fileList .fileListBox .filesBox {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.documentation .list .box .right .fileList .fileListBox.box50 .filesBox {
width:50%;
}
.documentation .list .box .right .fileList .fileListBox .filesBoxFile {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0.4vw 0px 0.4vw 0px;
font-size:0.9vw;
line-height:0.9vw;
font-weight:400;
color:#000;
text-decoration:none;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.documentation .list .box .right .fileList .fileListBox .filesBoxFile .img {
float:left;
width:0.8vw;
position:relative;
margin:0px 1vw 0px 0px;
}
.documentation .list .box .right .fileList .fileListBox .filesBoxFile:hover {
color:#182431;
}
.application {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 2vw 0px;
}
.application__baner {
float:left;
width:100%;
height:46vw;
position:relative;
}
.application__baner .header {
float:left;
position:absolute;
top:6vw;
left:0;
margin:0px 0px 0px 0px;
padding:4vw 8.2vw 4vw 4.2vw;
color: #ffffff;
font-size: 2.6vw;
line-height: 2.6vw;
font-weight: 700;
z-index:3;
background:#182431;
}
.application__baner .mainFoto {
float:left;
width:100%;
height:100%;
position:relative;
z-index:2;
}
.application__baner .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;	
}
.applicationIframe {
float:left;
width:100%;
height:500px;
position:relative;
margin:4vw 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}
.applicationIframe .inside {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.notification {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:5vw 5vw 5vw 5vw;
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/notificationBg.jpg) top no-repeat;
background-size:100%;
}
.notification .header {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 2.5vw 0px;
padding: 0px 0px 0px 0px;
color: #000000;
font-size: 1.55vw;
line-height: 1.55vw;
font-weight: 900;
}
.contact {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 7vw 0px;
}
.contact .left {
float:left;
width:40%;
position:relative;
margin:0px 0px 0px 0px;
padding:5vw 6.3vw 0px 6.3vw;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:flex-start;
}
.contact .left .text {
float:left;
width:100%;
position:relative;
color: #000000;
font-size: 1.05vw;
font-weight: 400;
line-height: 1.55vw;
}
.contact .left .text h2 {
float:left;
width:100%;
position:relative;
margin:0px 0px 1.5vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 1.55vw;
line-height: 1.55vw;
font-weight: 900;
}
.contact .left .text h3 {
float:left;
width:100%;
position:relative;
margin:0px 0px 1vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 1.3vw;
line-height: 1.3vw;
font-weight: 900;
}
.contact .left .text a {
text-decoration:none;
color: #182431;
}
.contact .left .text a[href^="tel:"] {
color: #000000;
text-decoration: none;
}
.contact .left .text a[href^="tel:"]:hover {
color: #182431;
text-decoration: none;
}
.contact .left .text table {
float:left;
width:100% !important;
height:3vw !important;
margin:0px 0px 0.8vw 0px;
padding:0px 0px 0px 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.contact .left .text table tr {
height:3vw !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.contact .left .text table tr td {
height:3vw !important;
padding:0px 0px 0px 4vw;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.contact .left .text table:nth-of-type(1) tr td {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/footerContact_1.png) left no-repeat;
background-size:2.6vw !important;
}
.contact .left .text table:nth-of-type(2) tr td {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/footerContact_2.png) left no-repeat;
background-size:2.6vw !important;
}
.contact .left .text table:nth-of-type(3) tr td {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/footerContact_2.png) left no-repeat;
background-size:2.6vw !important;
}
.contact .left .text table:nth-of-type(3) tr td.mailIcon {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/footerContact_3.png) left no-repeat !important;
background-size:2.6vw !important;
}
.contact .left .text table:nth-of-type(4) tr td {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/footerContact_3.png) left no-repeat;
background-size:2.6vw !important;
}
.contact .left .text table:nth-of-type(5) tr td {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/footerContact_2.png) left no-repeat;
background-size:2.6vw !important;
}
.contact .left .text table:nth-of-type(6) tr td {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/footerContact_2.png) left no-repeat;
background-size:2.6vw !important;
}
.contact .left .text table:nth-of-type(7) tr td {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/footerContact_3.png) left no-repeat;
background-size:2.6vw !important;
}
.contact .left .text table:nth-of-type(8) tr td {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/footerContact_2.png) left no-repeat;
background-size:2.6vw !important;
}
.contact .left .text table:nth-of-type(9) tr td {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/footerContact_2.png) left no-repeat;
background-size:2.6vw !important;
}
.contact .left .text table:nth-of-type(10) tr td {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/footerContact_3.png) left no-repeat;
background-size:2.6vw !important;
}
.contact  .right {
float:left;
width:60%;
position:relative;
margin:0px 0px 0px 0px;
padding:5vw 7.8vw 0px 7.8vw;
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/contactRight.jpg) center no-repeat;
background-size:cover;
}
.contact .right .header {
float:left;
width:100%;
position:relative;
margin:0px 0px 2.5vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 1.55vw;
line-height: 1.55vw;
font-weight: 900;
}
.moveToForm {
float:left;
width:100%;
height:3.15vw;
position:relative;
margin:5vw 0px 0px -7.8vw;
padding:0px 7.8vw 0px 7.8vw;
background:#e57914;
}
.moveToForm .moveOne {
float:left;
width:50%;
height:100%;
position:relative;
color: #ffffff;
font-size: 1.3vw;
line-height:3.15vw;
font-weight: 700;
text-align:left;
}
.moveToForm .moveTwo {
float:left;
width:50%;
height:100%;
position:relative;
color: #ffffff;
font-size: 1vw;
line-height:3.15vw;
font-weight: 700;
text-align:right;
text-decoration:none;
}
.moveToForm .moveToArrow {
float:right;
position:relative;
margin:1.2vw 0px 0px 1vw;
}
.moveToForm:hover .moveToArrow {
margin:1.2vw 0px 0px 2vw;
}
.mainFoto {
float:left;
width:35%;
position:relative;
}
.mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;	
}
.galleryFoto {
float:left;
width:100%;
position:relative;
margin:5px 0px 5px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.galleryFoto .box {
float:left;
width: calc(25% - 5px);
height:12vw;
position:relative;
margin:0px 0px 5px 0px;
}
.galleryFoto .box .img {
float:left;
width:100%;
height:100%;
object-fit: cover;	
}
.galleryFotoOwl {
float:left;
width:100%;
height:25vw;
position:relative;
margin:0px 0px 2vw 0px;
padding:0px 0px 0px 0px;
}
.galleryFotoOwl .box {
float:left;
width:100%;
height:100%;
position:relative;
}
.galleryFotoOwl .box .img {
float:left;
width:100%;
height:100%;
object-fit: cover;	
}
.galleryFotoOwl .owl-nav { 
float:left;
width:100%;
margin:-1.6vw 0px 0px 0px;
left:0;
top:50%;
position:absolute;
z-index:5; 	
font-size:0;
}
.galleryFotoOwl .owl-nav .owl-next {
float:left;
width:3.2vw;
height:3.2vw;
position:absolute;
top:0;
right:4%;
font-size: 0;
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/owlNav_arrowRight.svg) center no-repeat !important;
background-size:3.15vw;
}
.galleryFotoOwl .owl-nav .owl-prev {
float:left;
width:3.2vw;
height:3.2vw;
position:absolute;
top:0;
left:4%;	
font-size: 0;
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/owlNav_arrowLeft.svg) center no-repeat !important;
background-size:3.15vw;
}
.galleryFotoOwl .owl-nav .owl-next:focus, .galleryFotoOwl .owl-nav .owl-prev:focus {
outline:none;
}
.galleryFotoOwl .owl-dots { 
float:left;
width:100%;
position:absolute;
left:0;
bottom:1vw;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.galleryFotoOwl .owl-dots .owl-dot { 
float:left;
width:0.7vw;
height:0.7vw;		
margin:0px 0.3vw 0px 0.3vw;
padding:0px 0px 0px 0px;
position:relative;
background:#000;
border-radius:4vw;
}
.galleryFotoOwl .owl-dots .active { 
background:#e12e38;
}
.galleryFotoOwl .owl-dots .owl-dot:focus {
outline:none;
}
.filesBox {
float:left;
width:100%;
position:relative;
margin:1vw 0px 1vw 0px;
padding:0px 0px 0px 0px;
}
.filesBoxFile {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0.5vw 0px 0.5vw 0px;
font-size:1vw;
line-height:1vw;
color:#000;
text-decoration:none;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.filesBoxFile .img {
float:left;
width:3vw;
position:relative;
margin:0px 1vw 0px 0px;
}
.filesBoxFile:hover {
color:#e12e38;
}
.googleMap {
float:left;
width:100%;
height:28vw;
position:relative;
margin:0px 0px 7vw 0px;
}
.googleMap .mapaBox {
float:left;
width:100%;
height:100%;
position:relative;
}
.contentMap {
float:left;
position:relative;
padding:0.8vw;
}
.contentMap__name {
float:left;
width:100%;
position:relative;
margin:0px 0px 0.5vw 0px;
color: #383436;
font-size: 1.1vw;
font-weight: 800;
line-height: 1.1vw;
text-align:left;
letter-spacing: 1px;
}
.contentMap__text {
float:left;
width:100%;
position:relative;
color: #383436;
font-size: 0.9vw;
font-weight: 400;
line-height: 1.3vw;
text-align:left;
letter-spacing: 1px;
}
.gm-ui-hover-effect {
top:3px !important;
right:3px !important;
}
.formBox { 
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.formBox__inside { 
float:left;
width:100%;
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.formBox__inputBox { 
float:left;
width:100%;
margin:0px 0px 1vw 0px; 
}
.formBox__inputBox.allWidth {
width:100%;
}
.formLabel { 
float:left;
width:100%;
position:relative;
margin:0px 0px 0.5vw 0px;
padding:0px 0px 0px 0vw;
color: #000;
font-size:1vw;
line-height:1vw;	
}
.formInput { 
float:left;
width:100%;
height:2.5vw;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 1vw;
color: #000;
font-size:1vw;
line-height:1vw;	
border:1px solid #d8d8d8;
background:#ffffff;	
}
.formTextarea  { 
float:left;
width:100%;
min-width:100%;
max-width:100%;
height:10vw;
min-height:10vw;
max-height:20vw;
position:relative;
margin:0px 0px 0px 0px;
padding:1vw 0px 0px 1vw;
color:#000;
font-size:14px;
line-height:14px;
border:1px solid #d8d8d8;
background:#ffffff;	
}
.formSubmit  { 
float:right;
width:16vw;
height:76px;
background-color: #e57914;
color: #ffffff;
font-size: 1.1vw;
font-weight: 700;
line-height: 1.1vw;
text-transform: uppercase;
border:0px solid #dedede;
cursor:pointer; 
border-radius:2px;
}	
.formBox__checkBox {
float:left;
width:100%;
margin:0px 0px 1vw 0px;
cursor:pointer;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.formBox__checkInput {
float:left;
width:15px;
height:15px;
position:relative;
border:1px solid #eaeaea;	
}
.formBox__checkText {
float:left;
width:calc(100% - 30px);
position:relative;
color: #909090;
font-size:0.7vw;
line-height:0.9vw;
font-weight:400;
text-align:justify;
}
.formBox__checkText strong {
color:#e57914;
text-decoration:none;
}
.formInput:focus, .formTextarea:focus, .formSubmit:focus { outline:none; }
.recaptcha {
float:right;
margin:0px 2vw 0px 0px;
position:relative;
}
.formBoxDownload {
float:left;
width:100%;
position:relative;
margin:0.5vw 0px 1vw 0px;
padding:1vw 0px 1vw 0px;
border-top:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.formBoxDownload .name {
float:left;
position:relative;
margin:0px 2vw 0px 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 1.1vw;
line-height:1.1vw;
font-weight: 700;
}
.formBoxDownload .file {
float:left;
position:relative;
margin:0px 4vw 0px 4vw;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 0.9vw;
line-height:0.9vw;
font-weight: 700;
text-decoration:none;
}
.formBoxDownload .file .img {
float:left;
position:relative;
margin:0px 1.3vw 0px 0px;
padding:0px 0px 0px 0px;
}
.formBoxDownload .file:hover {
color:#e57914;
}
.formBoxFiles {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:1vw 0px 0.5vw 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.formBoxFiles .formBoxFile {
float:left;
position:relative;
margin:0px 10vw 0px 0px;
padding:0px 0px 0px 0px;
}
.formBoxFiles .formBoxFile .name {
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 0.9vw;
line-height:0.9vw;
font-weight: 700;
}
.formBoxFile .default {
display:none;
}
.formBoxFile .put-file {
float:left;
margin:1vw 0px 1vw 0px;
width:100%;
color: #ffffff;
font-size: 0.9vw;
font-weight: 600;
line-height: 3vw;
cursor:pointer;
text-align:center;
background:#e57914;
}
.formBoxFile .upload-change {
display:none;
}
.must {
font-size:1vw;
color: #df0000;
}
.popup {
float:left;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background: rgba(0,0,0,0.9);
z-index:80;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.popup__wrap {
float:left;
width:80%;
position:relative;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.popup__title {
float:left;
width:100%;
position:relative;
color: #fff;
font-size: 1.3vw;
font-weight: 300;
line-height: 1.6vw;
text-align:center;
}
.popup__title a {
color:#fff;
}
.popup__close {
float:left;
height: 3.15vw;
position:relative;
margin:20px 0px 0px 0px;
padding:0px 2vw 0px 2vw;
color: #fefefe;
font-size: 1.1vw;
font-weight: 300;
line-height: 3.15vw;
border:0;
text-align:center;
text-decoration:none;
background:#e57914;
}
.langSection {
float:left;
width:100%;
height:3.15vw;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.langSection .inside {
float:left;	
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0.8vw 0px 0.8vw;
color: #010101;
font-size: 0.8vw;
line-height:0.8vw;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.28px;
border-top:1px solid #e5e5e5;
}
.langSection .inside a {
text-decoration:none;
color: #010101;
}
.langSection .inside a:hover {
color: #182431;
}
.langSection .inside em {
position:relative;
top:-0.1vw;
padding:0px 0.3vw 0px 0.3vw;
font-style:normal;
color:#182431;
}
.footer {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:3.9vw 5vw 3.9vw 5vw;
background-color: #f8f8f8;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start;
align-content:flex-start;
}
.footer .boxOne {
float:left;
width:29vw;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.footer .boxOne .header {
float:left;
width:100%;
height:2vw;
position:relative;
margin:0px 0px 1.8vw 0px;
padding:0px 0px 0px 0px;
}
.footer .boxOne .logo {
float:left;
width:11.1vw;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.social {
float:right;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.social.socialContact {
float: left;
margin:0px 0px 0px 3.4vw;
}
.socialLogo {
float:left;
height:1.85vw;
position:relative;
margin:0px 0px 0px 0.5vw;
padding:0px 0px 0px 0px;
}
.footer .boxOne .text {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 0.9vw;
font-weight: 400;
line-height: 1.45vw;
letter-spacing: 0.32px;
}
.footer .boxOne .text table {
float:left;
width:auto !important;
height:3vw !important;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.footer .boxOne .text table:nth-child(2) {
float:right;
}
.footer .boxOne .text table:nth-child(4) {
float:right;
margin: 0px 1.25vw 0px 0px;
}
.footer .boxOne .text table tr {
height:3vw !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.footer .boxOne .text table tr td {
height:3vw !important;
padding:0px 0px 0px 3.25vw;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.footer .boxOne .text table:nth-child(1) tr td {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/footerContact_1.png) left no-repeat;
background-size:2.6vw !important;
}
.footer .boxOne .text table:nth-child(2) tr td {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/footerContact_2.png) left no-repeat;
background-size:2.6vw !important;
}
.footer .boxOne .text table:nth-child(3) tr td {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/footerContact_3.png) left no-repeat;
background-size:2.6vw !important;
}
.footer .boxOne .text table:nth-child(4) tr td {
background: url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/footerContact_3.png) left no-repeat;
background-size:2.6vw !important;
}
.footer .boxOne a {
color: #182431;
text-decoration:none;
}
.footer .boxOne a[href^="tel:"] {
color: #000000;
text-decoration: none;
}
.footer .boxOne a[href^="tel:"]:hover {
color: #182431;
text-decoration: none;
}
.footer .boxTwo {
float:left;
width:34vw;
position:relative;
margin:0px 0px 0px -3vw;
padding:0px 0px 0px 0px;
border-right:1px solid #d3d3d3;
}
.footer .boxTwo .header {
float:left;
width:100%;
height:2vw;
position:relative;
margin:0px 0px 1.8vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 1.3vw;
line-height:1.3vw;
font-weight: 900;
}
.menuBox {
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.menuBox.sizeOne { width:14vw; }
.menuBox.sizeTwo { width:9.5vw; }
.menuBox.sizeThree { width:10.5vw; }
.menuBox .menuBox__link {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 0.8vw;
font-weight: 400;
line-height: 1.35vw;
letter-spacing: 0.32px;
text-decoration:none;
}
.menuBox__link.menu__active, .menuBox__link:hover {
color:#182431;
}
.footer .boxThree {
float:left;
width:18vw;
position:relative;
margin:0px 0px 0px -5vw;
padding:0px 0px 0px 0px;
}
.footer .boxThree .header {
float:left;
width:100%;
height:2vw;
position:relative;
margin:0px 0px 1.5vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 1.3vw;
line-height:1.3vw;
font-weight: 900;
}
.footer .boxThree .text {
float:left;
width:100%;
position:relative;
color: #000000;
font-size: 0.8vw;
font-weight: 400;
line-height: 1.35vw;
letter-spacing: 0.32px;
}
.footer .boxThree .text a {
float:left;
width:100%;
height:3.15vw;
position:relative;
margin:0px 0px 1vw 0px;
padding:0px 0px 0px 4vw;
color: #ffffff;
font-size: 1.3vw;
line-height:1.3vw;
font-weight: 400;
text-decoration:none;
background:#182431 url(//wdb-group.ru/wp-content/themes/sonniger/assets/css/images/footerIconPhone.svg) left center no-repeat;
background-size:auto 100%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.footer .boxThree .text p {
width:90%;		
}
.footer .boxThree .text em {
font-style:normal;
color:#182431;
}
}
@media only screen and (max-width: 768px) {
.text {
overflow-x: scroll;
}
}
.pr23__icons.d-s-b table, .pr23__icons.d-s-b table span {
font-size: 15px;
line-height: 1;
}
.sectionThree .owl-stage-outer, 
.sectionThree .owl-stage-outer .owl-stage{
height: 35vw;
}
table.new_table_jo {
color: #182432;
font-size: 14px;
border: 1px solid;
border-color: #182432 !important;
margin-bottom: 15px;
}
table.new_table_jo tr {
border-bottom: 1px Solid;
}
table.new_table_jo tr td {
padding: 10px;
border-right: none;
border-bottom: 2px solid;
text-align: center;
width: fit-content;
white-space: nowrap;
}
table.new_table_jo tr td:nth-child(1) {
text-align: left;
max-width: 250px;
white-space: wrap;
}
table.new_table_jo tr:nth-child(1) {
background: #182431;
color: white;
font-weight: bold;
}
table.new_table_jo tr:nth-child(1) td:nth-child(1) {
background: white;
color: #182431;
border-color: #182432;
font-size: 21px;
}
table.new_table_jo tr:nth-child(2) {
background: #182432;
color: white;
}
table.new_table_jo tr:nth-child(2) td:nth-child(1) {
text-align: center;
}
table.new_table_jo.simple_white, 
table.new_table_jo.simple_three {
margin-bottom: 60px !important;
}
table.new_table_jo.simple_three tr:nth-child(1), 
table.new_table_jo.simple_three tr:nth-child(1) td, 
table.new_table_jo.simple_three tr:nth-child(2), 
table.new_table_jo.simple_three tr:nth-child(2) td, 
table.new_table_jo.simple_three.simple_two tr:nth-child(1) td, 
table.new_table_jo.simple_three.simple_two tr:nth-child(2) td {
border-bottom: none !important;
}
table.new_table_jo.simple_white  {
border: none !important;
border-color: #eae4e4 !important;
}
table.new_table_jo.simple_white tr, 
table.new_table_jo.simple_white td {
border-color: #eae4e4 !important;
}
table.new_table_jo.simple_three {
border: none;
border-color: #eae4e4 !important;
}
table.new_table_jo.simple_three tr, 
table.new_table_jo.simple_three td{
border-color: #2d2d2d !important;
}
table.new_table_jo.simple_three tr:nth-child(2), 
table.new_table_jo.simple_white tr:nth-child(2) {
background: #eae4e4;
color: #182432;
font-weight: bold;
}
table.new_table_jo.simple_three tr:nth-child(2) td:nth-child(1), 
table.new_table_jo.simple_white tr:nth-child(2) td:nth-child(1) {
text-align: left;
}
@media screen and (max-width: 1410px) {
div#moveDes {
padding: 40px 15px;
}
.text {
}
.text .new_table_jo {
}
}
@media screen and (max-width: 968px) {
div#moveDes {
padding: 80px 10px 40px;
}
.text {
overflow-x: scroll;
}
.text .new_table_jo {
min-width: 950px;
}
}
div#moveDes .text::-webkit-scrollbar {
width: 10px;
background-color: #f9f9fd;
}
div#moveDes .text::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: #182431;
}
div#moveDes .text::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
border-radius: 3px;
background-color: #f9f9fd;
}
.text p {
margin-bottom: 15px;
}
.text p:last-child {
margin-bottom: 0;
}   table.nagrzewnice-gazowe-table th.ozdobny {
padding-left: 5px;
}
table.new_table_jo {
border: none;
}
table.new_table_jo.vodonagrevateli tr {
border-bottom: 1px Solid;
border-color: ##e9e9e9 !important
}
table.new_table_jo.vodonagrevateli tr td {
padding: 10px;
border-right: 1px Solid;
border-bottom: 1px Solid;
border-color: ##e9e9e9 !important
}
table.new_table_jo.simple_three tr:nth-child(1) td:nth-child(2),
table.new_table_jo.simple_white tr:nth-child(1) td:nth-child(2) {
background: linear-gradient(90deg, #04B5FF 0%, #0160F1 50%, #182431 100%)
}
.colot1 {background: linear-gradient(90deg, #04B5FF 0%, #0160F1 100%)!important;}
.colot2 {background: linear-gradient(90deg, #0160F1 0%, #182431 100%)!important;}
.colot3 {background: linear-gradient(90deg, #182431 0%, #182431 80%)!important;}
table.new_table_jo.simple_three tr:nth-child(1) td {
border-bottom-color: none !important;
}
table.new_table_jo.simple_three tr:nth-child(1) td:nth-child(1) {
border-bottom-color: #fff !important;
}
table.new_table_jo.simple_three tr:nth-child(2) td:nth-child(2) {
color: white;
background: linear-gradient(90deg, #04B5FF 0%, #0160F1 100%);
border-right-color: #0160F1 !important;
}
table.new_table_jo.simple_three tr:nth-child(2) td:nth-child(3) {
color: white;
background: linear-gradient(90deg, #0160F1 0%, #182431 100%);
border-right-color: #0066FF !important;
}
table.new_table_jo.simple_three tr:nth-child(2) td:nth-child(4) {
color: white;
background: #182431 !important;
border-right-color: #182431 !important;
}
.pr117__three.bi.d-c.full_desc .text {
width: 100%;
}
table.new_table_jo.simple_three.simple_two {
max-width: 1000px;
margin: 70px auto 0
}
table.new_table_jo.simple_three.simple_two td:nth-child(1) {
max-width: 150px !important;
}
table.new_table_jo.simple_three.simple_two td:nth-child(2) {
max-width: 50px !important;
}
section.static_form_wrap {
width: 100%;
padding: 100px 0;
background-color: #f3f3f3;
position: relative;
clear: both;
}
section.static_form_wrap .container {
max-width: 751px;
}
section.static_form_wrap .form-body {
display: flex;
flex-direction: column;
align-content: space-between;
gap: 20px;
align-items: flex-end;
}
section.static_form_wrap .input-item-placeholder {
padding-bottom: 8px;
color: #000;
font-size: 1vw;
line-height: 1vw;
}
section.static_form_wrap .exform-header {
margin-bottom: 1.5625vw !important;
font-size: 2.0833333333vw !important;
line-height: 2.0833333333vw !important;
font-weight: 600 !important;
text-align: center !important;
}
section.static_form_wrap .static_policy {
color: #909090;
font-size: 0.7vw;
line-height: 0.9vw;
font-weight: 400;
text-align: justify;
}
section.static_form_wrap .input-item {
width: 100%;
}
section.static_form_wrap .input-item.mf-submit {
width: fit-content;
}
section.static_form_wrap .input-item.mf-submit button.send-btn {
width: fit-content;
background: #182431 !important;
opacity: 1 !important;
min-width: 295px;
}
section.static_form_wrap .input-item.mf-submit button.send-btn:hover {
opacity: 0.5 !important;
text-decoration: none !important;
}    
section.static_form_wrap .input-item input {
width: 100%;
height: 2.5vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 1vw;
color: #000;
font-size: 1vw;
line-height: 1vw;
border: 1px solid #d8d8d8;
background: #ffffff;
}
section.static_form_wrap .input-item textarea {
width: 100%;
min-width: 100%;
max-width: 100%;
height: 10vw;
min-height: 10vw;
max-height: 20vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 1vw 0px 0px 1vw;
color: #000;
font-size: 14px;
line-height: 14px;
border: 1px solid #d8d8d8;
background: #ffffff;
}
section.static_form_wrap .input-item input:focus-visible, 
section.static_form_wrap .input-item textarea:focus-visible {
outline: unset !important;
}
table.new_table_jo.simple_three.promyshlennye tr:first-child {
background: none;
}
table.new_table_jo.simple_three.promyshlennye tr:first-child th.ozdobny {
text-align: center;
background: linear-gradient(to right, #04B5FF, #182432);
}
table.new_table_jo.simple_three.promyshlennye tr:nth-child(2) td:nth-child(3) {
color: white;
background: #04B5FF !important;
border-right-color: #04B5FF !important;
}
table.new_table_jo.simple_three.promyshlennye tr:nth-child(2) td:nth-child(4) {
color: white;
background: #182431 !important;
border-right-color: #182431 !important;
}
table.new_table_jo.simple_three.promyshlennye tr:nth-child(2) td:nth-child(5) {
color: white;
background: #182432 !important;
border-right-color: #182432 !important;
}
.static_raspredelenie .container {
max-width: 751px;
}
.static_raspredelenie .form-body {
display: flex;
flex-direction: column;
align-content: space-between;
gap: 20px;
align-items: flex-end;
}
.static_raspredelenie .input-item-placeholder {
padding-bottom: 8px;
color: #000;
font-size: 1vw;
line-height: 1vw;
}
.static_raspredelenie .exform-header {
margin-bottom: 1.5625vw !important;
font-size: 2.0833333333vw !important;
line-height: 2.0833333333vw !important;
font-weight: 600 !important;
text-align: center !important;
}
.static_raspredelenie .static_policy {
color: #909090;
font-size: 0.7vw;
line-height: 0.9vw;
font-weight: 400;
text-align: justify;
}
.static_raspredelenie .input-item {
width: 100%;
}
.static_raspredelenie .input-item.mf-submit {
width: fit-content;
}
.static_raspredelenie .input-item.mf-submit button.send-btn {
width: fit-content;
background: #182431 !important;
opacity: 1 !important;
min-width: 295px;
}
.static_raspredelenie .input-item.mf-submit button.send-btn:hover {
opacity: 0.5 !important;
text-decoration: none !important;
}    
.static_raspredelenie .input-item input {
width: 100%;
height: 2.5vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 1vw;
color: #000;
font-size: 1vw;
line-height: 1vw;
border: 1px solid #d8d8d8;
background: #ffffff;
}
.static_raspredelenie .input-item textarea {
width: 100%;
min-width: 100%;
max-width: 100%;
height: 10vw;
min-height: 10vw;
max-height: 20vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 1vw 0px 0px 1vw;
color: #000;
font-size: 14px;
line-height: 14px;
border: 1px solid #d8d8d8;
background: #ffffff;
}
.static_raspredelenie .input-item input:focus-visible, 
.static_raspredelenie .input-item textarea:focus-visible {
outline: unset !important;
}
.page-id-19 main#site-content {
padding-top: 0;
}
.contacts_wrapper {
text-align: left;
font-size: 17px;
width: 100%;
clear: both;
padding-top: 60px;
}
.contacts_wrapper a {
color: #182431;
text-decoration: none;
}
.contacts_wrapper ul.wp-block-list {
padding-left: 20px;
margin: 0 0 60px 0;
}
.contacts_wrapper ul.wp-block-list li, 
.contacts_wrapper ul.wp-block-list ul, 
.contacts_wrapper ul.wp-block-list ul li 
.contacts_wrapper ul.wp-block-list ul li ul, 
.contacts_wrapper ul.wp-block-list ul li ul li{
padding-left: 0;
margin-left: 0;
}
figure.wp-block-image.size-large {
width: 100%;
clear: both;
padding-top: 60px;
}
.contacts_wrapper figure.wp-block-image.size-large {
margin: 0;
padding: 0;
}
@media screen and (max-width: 1000px) {
.header-titles-wrapper {
padding-right: 120px;
}
.mobile-nav-toggle {
padding-right: 0 !important;
right: 0;
}
.mobile-nav-toggle span.toggle-inner {
padding: 0 0 25px;
height: 30px;
width: 30px;
}
.mobile-nav-toggle span.toggle-inner span.toggle-icon {
height: 30px;
width: 30px;
}
}
@media screen and (max-width: 710px) {
.header-titles-wrapper {
padding-right: 80px;
}
.header_contacts {
gap: 18px;
}
}
@media screen and (max-width: 620px) {
.header-titles-wrapper {
padding-right: 80px;
}
.header_contacts .header_phone {
display: none;
}
}
@media screen and (max-width: 500px) {
.header-titles-wrapper {
padding-right: 80px;
}
.header_contacts .header_phone, 
.header_contacts ul.top-contact li:nth-child(2) {
display: none;
}
.mobile-nav-toggle span.toggle-inner {
padding: 0 0 !important;
}
.mobile-nav-toggle {
top: -17px;
right: 15px;
display: flex;
justify-content: flex-end;
}
.header-titles-wrapper {
height: 100%;
min-height: 60px;
}
.header-titles-wrapper .header-titles img {
max-width: 100px;
}
header#site-header {
height: 76px;
}
.padding_header {
padding-top: 60px;
}
}
nav.mobile-menu .ancestor-wrapper a {
padding: 10px;
color: #333;
font-size: 19px;
}
.ancestor-wrapper .sub-menu.active a img {
width: 60px;
}
nav.mobile-menu  ul.modal-menu .menu-item-has-children .sub-menu a img {
width: 50px;
height: 50px;
}
nav.mobile-menu 
ul.modal-menu .menu-item-has-children
.sub-menu.active a 
span.menu-image-title-after.menu-image-title {
font-size: 14px !important;
font-weight: bold;
}
.menu-modal.active {
z-index: 100000000000000000000 !important;
}
button.toggle.close-nav-toggle 
span.toggle-text {
display: none !important;
}
@media screen and (max-width: 1200px) {
.footer_top_right {
display: flex;
flex-direction: column;
padding-top: 15px;
}
.footer_top .container {
padding: 0 30px !important;
}
}
@media screen and (max-width: 700px) {
.footer_top .container {
padding: 0 15px !important;
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}
.footer_top_left, .footer_top_right {
display: flex;
gap: 30px;
}
.footer_top .container * {
text-align: center;
}
}
.owl-carousel .owl-stage-outer {
height: 100%;
}
button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {background: none;}
.exform-wrapper.callback .exform-header {
color: #182431 !important;
}
.exform-wrapper.callback .mf-submit .send-btn {
background: #182431!important;
font-weight: bold!important;
color: white!important;
padding: 5px 11px!important;
border: 0!important;
cursor: pointer;
text-transform: uppercase!important;
width: 100%!important;
height: 40px!important;
border-radius: 0!important;
-webkit-box-shadow: unset!important;
-moz-box-shadow: unset!important;
box-shadow: unset!important;
outline: none!important;
}
.exform-wrapper.callback .policy {
padding: 0 20px !important;
text-align: left;
font-size: 12px;
}
.exform-wrapper.callback .form-body {
margin-bottom: 0;
}
.exform-wrapper.callback .input-item input{
border-radius: 0 !important;
}
.slideShow .owl-stage {
height: 100% !important;
min-height: height: 90vw; !important;
}
.yms {
top: Calc(4vw + 20px) !important;
}
.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, a {
color: #182431;
}
.raspredelenie_phone {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.table-overflow {
overflow: auto;
}
.table-wdb {
min-width: 1200px;
width: 100%;
border: none;
border-spacing: 0px;
border-collapse: collapse;
}
.table-wdb thead th {
padding: 15px 10px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
font-size: 1.5rem;
}
.table-wdb thead tr:last-child th {
border-bottom: 2px solid #000;
}
.table-wdb thead th:first-child {
text-align: left;
}
.table-wdb thead th:not(:first-child) {
color: #2073f1;
}
.table-wdb tbody td {
padding: 10px;
border-bottom: 1px solid #000;
font-size: 1.25rem;
}
.table-wdb tbody td:nth-child(1){
background: #edeeef;
}
.table-wdb tbody td:nth-child(3){
background: #f6f7f7;
}
.table-wdb tbody td:nth-child(5),
.table-wdb tbody td:nth-child(8),
.table-wdb tbody td:nth-child(12){
border-left: 1px solid #000;
}
.table-wdb tbody td:not(:first-child) {
text-align: center;
white-space: nowrap;
} .footer {
float: none;
background: none;
padding: 0 !important;
display: block !important;
}
.footer_top .container {
padding-left: 15px !important;
padding-right: 15px !important;
align-items: flex-start;
gap: 50px;
}
.footer_top_left {
display: grid;
grid-template-columns: auto auto;
align-items: flex-start;
grid-gap: 30px 60px;
}
.footer .social-list {
margin: auto 0;
}
.footer-contacts {
display: flex;
flex-direction: column;
gap: 10px;
max-width: 280px;
font-size: 18px;
line-height: 1.2;
}
.footer-contacts a,
.footer-clients a {
display: block;
width: fit-content;
}
.footer-contacts a:hover,
.footer-clients a:hover {
text-decoration: underline;
}
.footer-clients a {
position: relative;
width: 100%;
max-width: 280px;
margin: 10px 0;
height: 60px;
display: flex;
align-items: center;
background: #0160F1;
padding-left: 73px;
font-size: 25px;
text-decoration: none !important;
}
.footer-clients a:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 100%;
background-color: #fff;
background-repeat: no-repeat;
background-size: 60px 60px;
background-image: url(//wdb-group.ru/wp-content/uploads/2025/05/footer-contact-3.png);
}
.footer-contacts > div {
background-repeat: no-repeat;
background-position: left center;
background-size: 50px;
padding-left: 60px;
min-height: 60px;
display: flex;
flex-direction: column;
justify-content: center;
}
.footer-contacts__address {
background-image: url(//wdb-group.ru/wp-content/uploads/2025/05/footer-contact-1.png);
}
.footer-contacts__tel {
background-image: url(//wdb-group.ru/wp-content/uploads/2025/05/footer-contact-3.png);
}
.footer-contacts__mail {
background-image: url(//wdb-group.ru/wp-content/uploads/2025/05/footer-contact-2.png);
}
.footer_top_right {
flex-grow: 1;
gap: 50px;
}
.footer-menus {
display: flex;
align-items: flex-start;
gap: 50px;
}
.footer-menu {
margin: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.footer-menu a {
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #fff;
}
.footer-clients {
display: flex;
flex-direction: column;
gap: 10px;
font-size: 16px;
line-height: 26px;
color: #fff;
}
.footer-clients__title {
font-size: 25px;
line-height: 1;
}
#page-id-19 section:not(.first-page) {
padding-left: 15px !important;
padding-right: 15px !important;
}
.first-page {
padding: 0;
height: calc(100vh - 6vw - 25px);
background-repeat: no-repeat;
background-size: cover;
}
.first-page__container {
max-width: 100%;
display: flex;
align-items: center;
}
.first-page__left {
background: #182431;
padding: 5vw 2vw 5vw 4vw;
min-width: 42vw;
width: fit-content;
margin: auto 0;
font-size: 1.05vw;
}
.first-page__title {
font-size: 2em;
line-height: 1.2;
color: #fff;
}
.first-page__tel {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='67' height='26' viewBox='0 0 67 26'%3E%3Cg%3E%3Cg%3E%3Cimage width='26' height='26' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAACxElEQVRIS62WWaiOURSGnzclonBzlCG5EMpUhogjlCKFCOWIFBnLBRe4MZQh7pRIMkQ4KImIKFJS5MZ0I5R5LkJy8Wod+zv95/P9g5N19/977fXstda71/5EK8z2fmAUcBE4L+latTCq5lC0bvs2MKxk7Q6wQ9KpcvFagGxPBAYCjZJelttkuxcwAJgMNACdk+85YJGkd/m9zSDbS4E9yeFLlEbSw2oZ224PLAO2AW2BT8AkSZF1szWBbC8B9uaCfo/ySHpU+r9tSXL+ALZ7AMeA+rQ2VNLdzE+2pwNnypz8GzC8AHYYeAscymdt+zQwE4iD9pQUGRKgJ0DvCiUK2CBJ4RfZd0nlybYcBFZKisBNZvs6MBa4JSnU2QT6mWpbqR3bJK1PQToA05IQ5qVNTyOwpBfJpx3wAQjfuZKOByhKUFel6RHkRkFfBgFHk1JfA70k/UqwBVFa4L2kugBdBSZUADVIiiYXmu02wD2gf4hBUsg9K2Fk2B2YGqA1wM6CKJ+BJZUuYUnAUNzz9LuPpMcpq3XAVuB0gKJsUb68PZAUl7Ims30CmBMKljQjgWJ/ZEt2jxqB2QURp0s6WwvJ9jhgC3BJ0uYEigu8GniTgWKkPCsI+BXoKulHLbBKPqUjaDewvMD5pqTR/xMU6vkIdCoI2kJNrYHmp/cY4K/7kgIfkTS/CGI7pD0SuCCpSFh/xFBqttemSVwU80ooK5tfqeHxtFxOzjHX6oumfuHDZ/sAsLBMieLEqyQ12o45djPnFzNvhKQHpf+XfWFtnwRmVehHvKoxgkLCeQuVBux+tlDxKbcdsypmVmssMhucTYmq3wy2NwAbW0MC9ktaHHurglLDpwD7gG7/CGx6ImoGJVhHYDuwokbYJknNlagpo5z8hwBxBWKAlrPNkqLkzfbPoGyn7X5JleOBvkBk/Cq+pCTtyp/gNyo3CHZJOOUDAAAAAElFTkSuQmCC'/%3E%3C/g%3E%3Cg opacity='.4'%3E%3Cpath fill='%23fff' d='M43 14h24v-1H43z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 3.5vw auto;
display: block;
width: fit-content;
margin: 2vw 0px 2vw 0px;
padding: 0px 0px 0px 4.5vw;
position: relative;
color: #ffffff;
font-size: 1.85vw;
line-height: 1.6vw;
font-weight: 700;
text-decoration: none;
}
.first-page__timework {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='65' height='25' viewBox='0 0 65 25'%3E%3Cg%3E%3Cg opacity='.4'%3E%3Cpath fill='%23fff' d='M41 14h24v-1H41z'/%3E%3C/g%3E%3Cg%3E%3Cimage width='27' height='25' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAZCAYAAADAHFVeAAADT0lEQVRIS62WW6iVZRCGnzdKqLADVBhIoaJBiREZJZWhZSKpiIiSUmIpmJgR2AGvwogIvcjEC0lLtEI0oxLDQjwUZkFHK0E63eQhQaoLiwp64918/+bfa/9rrW00V2v938y88803886ILmJ7OnAXcAMwHLgQOAP8CHwB7JH0Zjc/OVc7JdtLgGXANQNw9C2wRtK6Trr9wGwPBV4B7qgZ7gMOAl8DVwIngOuAW4GJNb33gXmSfmoC7QNmOw4+AC4typuA5yV9mf+2pwDPAY9Jerd8GwM8AjxQbH5NoJIOtwL2gtm+AvgOGAz8CcyW9HbdwPY7QAB3SZracjYNeB0YBPwOjJB0sq5TB/usFMFfwFhJX7VGZnszcB+wRdL9Deejgc+Bc4HDkq7vB2b7QWBDOZgs6b2mnNfANkua30bnbqAnxcBiSesrvZ6b2T4FXA5slXRvhwqtbtYWrPhLgc0DTku6rBfMdnK/s3wYKunY/wCWwHOByAxJb+WHbL8ILAT2S5rQDqhEvLFU3QZJi7robgdmARslxX8P2CfAjcCTklLWbcV2lZ7XJCVN/cR23mhU6ccQQtjm47xWwH4BLgHmSNrWIYW3lXTH8HbgZklp8j5i+xlgRYOfgwH7u5TqPZLSR41iOyySlhhsO5yYh7+liS1srwKW1xx9JGlcwNLxF5cmTp7bgVUlfQS4tiil+Z8Kq0hy3dD2bmByKhK4WtKZgFXN/LikRNTpzcKXeezjwILSLtEPET8qaVdlbPscIMGvlnSoKpCXimFGxaROYC2RXwSsLLxYHQ2SlGdplNxsJrCjnA6R9PNAAaNnOxQV0My35a3prPsKWFgkeQ3TvyypYu+zwWytyKeBucBDdeqr6CqDshp84yVlzPwnsT0O+LAYr5D0bOWozvrflCrLeBgj6fuzRbM9rAzYC0rRjJaUKdIjdbCryjw7D/gNmClp70ABbYfq3igE8Q8wUtIPfd6spcJuAg4A55fva4EXJGWoNortEcDDtapM702UVKWy165pBwmvvRq2qHnPxI5xUhuuy4aVTSs7SLavSj4tO8jRpsg6bVdPAEuBLEDdJGNpbTcibwsW77bzfrOBO4GM+AAnxX8A2aCy1OwBtnVq5irSfwFrR0Oj5iswXgAAAABJRU5ErkJggg=='/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 3.5vw auto;
padding: 0px 0px 0px 4.5vw;
color: #ffffff;
font-size: 1.05vw;
line-height: 1.6vw;
font-weight: 500;
}
.contacts-list {
padding: 80px 0 40px 0;
}
.contacts-list__items {
display: grid;
grid-template-columns: repeat(2,1fr);
align-items: flex-start;
grid-gap: 120px;
padding-bottom: 40px;
}
.contacts-list-item__title {
margin-bottom: 30px;
font-size: 25px;
line-height: 1;
font-weight: bold;
}
.contacts-list-item__wrap {
background-repeat: no-repeat;
background-position: left center;
background-size: 50px;
padding-left: 60px;
min-height: 60px;
display: flex;
flex-direction: column;
justify-content: center;
}
.contacts-list-item__wrap p {
margin: 0;
font-size: 19px;
line-height: 30px;
}
.contacts-list-item__wrap a {
display: inline-block;
width: fit-content;
font-size: 19px;
line-height: 30px;
color: #182431;
text-decoration: none;
}
.contacts-list-item__wrap a:hover {
text-decoration: underline;
}
.contacts-list-item__wrap.phones {
background-image: url(//wdb-group.ru/wp-content/uploads/2025/05/footer-contact-3.png);
}
.contacts-list-item__wrap.emails {
background-image: url(//wdb-group.ru/wp-content/uploads/2025/05/footer-contact-2.png);
}
.contact-us {
padding: 40px 0;
}
.contact-us__grid {
display: grid;
grid-template-columns: 0.4fr 0.6fr;
grid-gap: 30px;
align-items: flex-start;
}
.contact-us h2 {
margin-bottom: 30px;
font-size: 45px;
line-height: 1;
}
.contact-us__left {
font-size: 19px;
line-height: 30px;
}
.contact-us__text-title {
font-size: 28px;
line-height: 30px;
font-weight: bold;
}
.contact-us__left .social-list {
margin-top: 20px;
}
.social-list {
display: flex;
align-items: center;
gap: 10px;
}
.social-list img {
display: block;
width: 35px;
}
.feedback-form {
padding: 120px 0;
background-color: #f3f3f3;
}
.feedback-form h2 {
margin-bottom: 30px;
text-align: center;
font-size: 40px;
line-height: 40px;
}
.feedback-form .forminator-custom-form {
max-width: 750px;
width: 100%;
margin: 0 auto !important;
}
.forminator-row {
margin-bottom: 20px !important;
}
.forminator-field .forminator-label {
margin-bottom: 10px !important;
font-size: 19px !important;
line-height: 1 !important;
font-weight: 400 !important;
}
.forminator-field input {
height: 48px !important;
padding: 0 20px !important;
border-radius: 0px !important;
}
.forminator-field textarea {
height: 192px !important;
padding: 20px !important;
border-radius: 0px !important;
}
.forminator-multi-upload {
padding: 20px !important;
border-radius: 0px !important;
cursor: pointer;
border-style: solid !important;
border-color: #dcd7ca;
}
.forminator-field-html.field-policy .forminator-label {
display: none !important;
}
.forminator-field-html.field-policy p{
margin: 0;
font-size: 13px;
line-height: 1.25;
}
.forminator-button-submit {
margin-left: auto !important;
display: flex !important;
align-items: center;
justify-content: center;
height: 76px !important;
max-width: 306px !important;
width: 100% !important;
border-radius: 0px !important;
background: #182431 !important;
font-size: 21px !important;
line-height: 1 !important;
text-transform: uppercase !important;
font-weight: bold !important;
}
.forminator-button-submit:hover {
background: rgba(24, 36, 49, 0.8) !important;
}
.move-to-form {
padding: 40px 0;
}
.move-to-form__wrap {
background: #182431;
padding: 0 150px;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
grid-gap: 20px;
}
.move-to-form__title {
font-size: 25px;
line-height: 60px;
font-weight: bold;
color: #fff;
}
.move-to-form__link {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 20px;
font-size: 20px;
line-height: 60px;
color: #fff;
text-decoration: none;
}
.move-to-form__link:after {
content: '';
display: block;
width: 19px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='14' viewBox='0 0 19 14'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23fff' d='M12.503-.015l-1.515 1.636 4.976 5.374-4.976 5.374 1.515 1.635 6.49-7.009z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23fff' d='M0 6h17v2H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 19px 14px;
}
.move-to-form__link span {
transition: 200ms linear;
}
.move-to-form__link:hover span {
transform: translateX(-25px);
}
#forminator-module-592 .forminator-field .forminator-label,
#forminator-module-592 .forminator-field .iti__country-container  {
display: none;
}
.form-download {
padding: 20px 0;
border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 10px 120px;
}
.form-download__title {
font-size: 21px;
line-height: 21px;
font-weight: bold;
}
.form-download a {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 25px;
font-size: 17px;
line-height: 17px;
text-decoration: none;
}
.form-download a:hover {
text-decoration: underline;
}
#page-id-584 .page-content {
padding: 5vw 15px 5vw 15px;
background: url(//wdb-group.ru/wp-content/uploads/2025/05/notificationBg.jpg) top no-repeat;
background-size: 100%;
}
@media (max-width: 1400px) {
.footer_top_left {
grid-gap: 30px;
}
.footer_top_right {
gap: 30px;
}
}
@media (max-width: 1200px) {
.footer_top .container {
flex-direction: column;
align-items: center;
}
.footer_top_left {
max-width: 600px;
width: 100%;
margin: 0 auto;
grid-template-columns: repeat(2,1fr);
justify-content: flex-start;
}
.footer_top_right {
display: grid;
grid-template-columns: repeat(2,1fr);
grid-gap: 30px;
max-width: 600px;
width: 100%;
margin: 0 auto;
}
.move-to-form__wrap {
padding: 0 100px;
}
}
@media (max-width: 767px) {
.first-page {
height: auto;
padding: 40px 0;
}
.first-page__left {
padding: 30px 15px;
max-width: 75%;
width: 100%;
min-width: auto;
font-size: 16px;
}
.first-page__title {
font-size: 16px;
}
.first-page__tel,
.first-page__timework {
font-size: 14px;
line-height: 25px;
padding-left: 35px;
background-size: 25px  auto;
background-position: left center;
}
.contacts-list__items {
grid-template-columns: 100%;
grid-gap: 60px;
}
.contacts-list-item__title {
font-size: 17px;
line-height: 24px;
}
.contacts-list-item__wrap {
background-size: 35px;
padding-left: 45px;
}
.contacts-list-item__wrap p,
.contacts-list-item__wrap a,
.contact-us__left {
font-size: 18px;
line-height: 22px;
}
.contact-us__grid {
grid-template-columns: 100%;
}
.contact-us h2,
.feedback-form h2,
.contact-us__text-title {
font-size: 24px;
line-height: 44px;
}
.feedback-form {
padding: 80px 0;
}
.forminator-field .forminator-label {
font-size: 14px !important;
margin-bottom: 0 !important;
}
.forminator-field input,
.forminator-field textarea {
padding: 10px !important;
}
.move-to-form__wrap {
padding: 10px 20px;
grid-template-columns: 100%;
grid-gap: 0;
}
.move-to-form__title,
.move-to-form__link {
font-size: 16px;
line-height: 30px;
}
.move-to-form__link {
justify-content: space-between;
}
.move-to-form__link:after {
margin-top: -30px;
}
.form-download__title {
font-size: 16px;
line-height: 1;
}
.form-download a {
gap: 15px;
font-size: 12px;
line-height: 15px;
}
}
@media (max-width: 700px) {
.footer_top_left {
grid-gap: 15px;
grid-template-columns: 100%;
}
.footer_top_right {
grid-gap: 15px;
grid-template-columns: 100%;
}
.footer .social-list {
justify-content: center;
}
.footer_logo,
.footer-contacts,
.footer-contacts a, 
.footer-clients a {
margin: 0 auto;
}
.footer-contacts > div {
background: none;
padding-left: 0;
}
.footer-clients a {
margin: 10px auto;
}
}
@media (max-width: 525px) {
.forminator-button-submit {
max-width: 100% !important;
}
}
.primary-menu > li.menu-item-has-children > a {
z-index: 1000000010;
}
a.v24Two__box {
text-decoration: none;
}
a.v24Two__box span {
color: #182431;
text-decoration: underline;
}
@media (max-width: 1000px) {
.homeTwo .box {
height: auto !important;
}
.homeThree .box:nth-of-type(n+2) {
height: 170px !important;
}
.homeThree .box .inside .header {
font-size: 4vw !important;
line-height: 5vw !important;
}
.documentation .list .box,
.documentation .list .box .left .name,
.documentation .list .box .right .submenu,
.documentation .list .box .right .fileList,
.sectionOne .box,
.sectionTwo .box,
.sectionThree,
.sectionThree .box,
.sectionThree .owl-stage-outer, 
.sectionThree .owl-stage-outer .owl-stage,
.wr,
.movieBox {
height: auto !important;
}
.documentation .list .box .right .submenu .name {
width: 100% !important;
height: auto !important;
padding: 1vw 0 !important;
}
.documentation .main .filesBoxv24 {
align-items: stretch !important;
gap: 4vw;
}
.documentation .main .filesBoxv24File {
margin: 0 !important;
display: block !important;
padding: 1.5vw !important;
height: auto !important;
width: calc(100% / 2 - 2vw) !important;
}
.documentation .main .filesBoxv24File .img {
float: none !important;
}
.sectionOne video {
width: 100% !important;
height: auto !important;
aspect-ratio: 16/9;
}
table.nagrzewnice-gazowe-table,
table.new_table_jo.simple_three {
min-width: 1000px;
}
.sectionThree .box .mainFoto .img {
max-width: 100%;
}
.sectionOne.addSmallPadding .box {
padding-left: 5vw;
padding-right: 5vw;
}
section.static_form_wrap {
padding: 10vw 5vw;
}
section.static_form_wrap .exform-header {
font-size: 5vw !important;
line-height: 6vw !important;
}
section.static_form_wrap .input-item-placeholder {
font-size: 4vw !important;
line-height: 5vw !important;
}
section.static_form_wrap .input-item input {
font-size: 4vw;
line-height: 5vw;
height: 10vw;
}
section.static_form_wrap .input-item.mf-submit button.send-btn {
padding: 5vw 10vw;
font-size: 4vw;
line-height: 5vw;
}
section.static_form_wrap .static_policy {
font-size: 3vw;
line-height: 4vw;
}
}
@media (max-width: 767px) {
.news {
width: 100% !important;
}
.newsBox__left,
.newsBox__right {
width: 100% !important;
}
.newsBox__right {
padding-left: 0 !important;
padding-right: 0 !important;
}
.newsPage {
display: block !important;
}
.newsPage__left {
float: none !important;
}
.textPage ul li, 
.textPage ol li {
padding-left: 0 !important;
margin-left: 24px !important;
list-style: disc !important;
}
}
.category-news {
margin: 0;
}
.category-news .news.bi{
margin-bottom: 60px;
}
.category-news .archive-header {
background: #f5f5f5;
padding: 5vw 4.5vw 5vw 4.5vw;
}
.category-news .archive-header h1 {
color: #414a4d;
font-size: 1.8vw;
font-weight: 700;
line-height: 2.1vw;
}
.post-template-default.single.single-post .pagination-single,
.post-template-default.single.single-post .comments-wrapper {
display: none;
}
@media screen and (min-width: 0px) and (max-width: 650px) {
.category-news .archive-header h1 {
font-size: 7vw;
line-height: 7vw;
}
.category-news .archive-header {
padding: 8vw 5vw 8vw 5vw;
}
}table.nagrzewnice-gazowe-table tr td {
color: #222;
font-size: 17px;
padding: 0 13px;
text-align: center;
border: 1px solid #eae4e4;
border-left: 0;
border-top: 0;
}
td.parametry {
text-transform: uppercase;
}
th.ozdobny {
background: #182431;
text-transform: uppercase;
font-size: 18px;
}
td.th-a {
font-weight: 600;
line-height: 23px;
color: #5c5c5c !important;
}
span.color-theme {
color: #182431;
}
table.nagrzewnice-gazowe-table {
width: 100%;
}
td.bg-op1 {
background: #e7e7e9;
text-align: left !important;
}
td.bg-op2 {
background: #f3f3f5;
text-align: right !important;
}
.bi {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.animate {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.animate-fast {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.animate-slow {
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.noAnimate {
-webkit-transition: all 0s ease-in-out !important;
-moz-transition: all 0s ease-in-out !important;
-o-transition: all 0s ease-in-out !important;
transition: all 0s ease-in-out !important;
}
.d-c {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.d-c-b {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.facebook {
float:right;
width:330px;
position: fixed;
top:20%;
right:-336px;
z-index:50;
border:3px solid #4a6ea9;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.facebook__img {
float:left;
width:50px;
position: absolute; 
top: -3px; 
left: -50px;
cursor:pointer;
}
.facebook__page {
float:left;
width:100%;
position:relative;  
}
.facebook:hover {
right:0;
}
.odeeTip { 
float:right;
display:inline;
position: relative;
opacity: 0.6;
}
.odeeTip:hover:after { 
background: #333;
background: rgba(0,0,0,.8);
border-radius: 5px;
bottom: 26px;
color: #dc407f;
content: attr(title);
left: -180px;
padding: 8px 20px 8px 20px;
text-align:center;
position: absolute;
z-index: 98;
width:180px;
font-size:12px; 
}
.odeeTip:hover:before { 
border:solid;
border-color:rgba(0,0,0,.8) transparent;
border-width: 6px 6px 0 6px;
bottom: 20px;
content: "";
left: 40%;
position: absolute;
z-index: 99; 
}
.odeeTip:hover { 
opacity: 1; 
}
.odeeLogo {
float:left;
position:relative;
}
@media screen and (min-width: 1001px) and (max-width: 10000px) {
#cookie_info { 
float:right;
width:430px;
position:fixed; 
right:0;
bottom:0;
background:rgba(0,0,0,0.8); 
z-index:99999;
}
#user_information { 
float:left;
width:84%;
margin:0px 8% 0px 8%;
padding:25px 0px 20px 0px;
color:#fff;
position:relative; 
}
#close_info_cookie { 
float:left;
position:absolute;
left:0;
top:0;
margin:0px 0px 0px -55px;
background-color:#df2157;
color:#fff;
width:55px;
height:55px;
font-size:23px;
line-height:23px;
font-weight:300;
text-align:center;
cursor:pointer; 
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;   
}
.user_information_nag { 
float:left;
width:100%;
margin:0px 0px 5px 0px; 
position:relative;
color:#fff;
font-size:14px;
line-height:20px;   
font-weight:600;
}
.user_information_text { 
float:left;
width:100%;
position:relative;
color:#fff;
font-size:12px;
line-height:18px;
font-weight:400;
}
}
@media screen and (min-width: 0px) and (max-width: 1000px) {
#cookie_info { 
float:left;
width:100%;
position:fixed; 
left:0;
bottom:0;
background:rgba(0,0,0,0.8); 
z-index:99999;
}
#user_information { 
float:left;
width:90%;
margin:0px 0px 0px 0px;
padding:25px 5% 20px 5%;
color:#fff;
position:relative; 
}
#close_info_cookie { 
float:right;
position:absolute;
right:0;
top:0;
margin:-55px 0px 0px 0px;
background-color:#df2157;
color:#fff;
width:55px;
height:55px;
font-size:23px;
line-height:23px;
font-weight:300;
text-align:center;
cursor:pointer; 
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;   
}
.user_information_nag { 
float:left;
width:100%;
margin:0px 0px 5px 0px; 
position:relative;
color:#fff;
font-size:14px;
line-height:20px;   
font-weight:600;
}
.user_information_text { 
float:left;
width:100%;
position:relative;
color:#fff;
font-size:12px;
line-height:18px;
font-weight:400;
text-align:justify;
}
}
@media only screen and (max-width: 768px) {
.mobile-table {
overflow-x: scroll;
max-width: 400px;
}
} .areaFiveBoxMore .moreOne:hover, .formSubmit:hover, .areaFourMore:hover, .areaSix .moreOne:hover  {
background: rgba(244, 121, 42, 0.8);
}
.areaFiveBoxMore .moreOne:hover:before,
.areaSix .moreOne:hover:before,
.areaSix .moreOne:hover:after,
.areaFiveBoxMore .moreOne:hover:after {
display: none !important;
}
.areaFourMore:hover:before,
.areaFourMore:hover:after {
display: none !important;
}
.formSubmit  {
}
@media screen and (min-width: 1001px) and (max-width: 10000px) {
.basket {
float: left;
width: 2.5vw;
height: 2.6vw;
margin: 0.1vw 0.5vw 0px 0px;
line-height: 2.5vw;
color: #000000;
font-weight: 600;
font-size: 0.85vw;
text-decoration: none;
text-align: center;
background: #fff;
border: 0px solid #d6d6d6;
border-radius: 8px;
}
.basket .basketIcon {
width: 1.4vw;
}
.ih--text--2 ul {
padding: 0px 0px 0px 1.4vw;
}
.page--355 .baner {
height: 30vw !important;
}
.sd__baner {
float: right;
width: 20vw;
height: 18.2vw;
margin: -9.1vw 0px 0px 0px;
padding: 0px 2vw;
flex-direction: column !important;
position: absolute;
top: 50%;
right: 6vw;
color: #fff;
text-decoration: none;
z-index: 10;
background: #0160F1;
}
.sd__baner--img {
float: left;
width: 5vw;
position: relative;
margin: 0px 0px 1.5vw 0px;
}
.sd__baner span {
padding: 0.5vw;
border: 0px solid #fff;
}
.areaOne {
padding: 5vw 4vw;
}
.areaOne .header {
color: #000;
}
.areaOneItems {
margin: 2vw 0px 0px 0px;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 1vw;
grid-row-gap: 1vw;
}
.areaOneItem {
height: 12vw;
color: #141414;
text-decoration: none;
background: #FAFAFA;
}
.areaOneItem:hover {
color: #182431;
}
.areaOneItemImg--1 {
width: 4.3vw;
margin: 0px 1.5vw 0px 3vw;
}
.areaOneItemImg--2 {
width: 4.3vw;
margin: 0px 1.5vw 0px 3vw;
}
.areaOneItemImg--3 {
width: 6vw;
margin: 0px 1.5vw 0px 3vw;
}
.areaOneItemImg--4 {
width: 3vw;
margin: 0px 1.5vw 0px 3vw;
}
.areaTwo {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 1vw;
grid-row-gap: 1vw;
}
.areaTwo .header {
color: #000;
margin: 0px 0px 1.5vw 0px;
}
.areaTwo .header span {
display: block !important;
}
.areaTwo__box {
height: 38vw;
padding: 0px 5vw 0px 4vw;
background: #FAFAFA;
}
.areaTwo__box .formBox {
margin: 2vw 0px 0px 0px;
}
.areaTwo__box .formSubmit {
float: left;
height: 3.5vw;
margin: 0.5vw 0px 0px 0px;
}
.areaTwo__box .formBox__inside {
margin: 0px 0px 0.8vw 0px;
}
.areaTwo__contact {
margin: 1.5vw 0px 0px 0px;
padding: 1.5vw 2vw 1.5vw 2vw;
background: #fff;
}
.areaTwo__contact--name {
color: #000;
}
.areaTwo__contact--header {
margin: 0px 0px 1vw 0px;
color: #E57917;
}
.areaTwo__contact--text {
color: #141414;
}
.areaTwo__contact--text a {
color: #141414 !important;
}
.areaTwo__contact--text a:hover {
color: #E57917 !important;
}
.areaTwo__contact--text .wa {
float: left;
width: 100%;
padding: 0px 0px 0px 1.8vw;
box-sizing: border-box;
line-height: 2vw;
background: url(//wdb-group.ru/images/iconWA.png) center left no-repeat;
background-size: 1.4vw;
}
.areaTwo__contact--li {
float: right;
width: 2vw;
position: absolute;
top: 1.5vw;
right: 2vw;
}
.areaThreeNew {
margin: 4vw 0px 0px 0px;
padding: 0vw 4vw;
overflow: hidden;
}
.areaThreeNew .header {
color: #000;
margin: 0px 0px 3vw 0px;
}
.areaThree {
width: 30%;
height: 35vw;
}
.areaThree .text__19 {
height: 100%;
background: #FAFAFA;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.areaThree .text__19 p {
float: left;
width: 100%;
margin: 2vw 0px 2vw 0px;
padding: 0px 0px 0px 3.5vw;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.areaThree .text__19 p em {
font-style: normal;
display: block !important;
}
.areaThree .text__19 p:before {
content: ' ';
float: left;
width: 3vw;
height: 3vw;
margin: 0px 1.5vw 0px 0px;
position: relative;
background: url(//wdb-group.ru/images/areaThreeIcon.svg) center no-repeat;
background-size: 3vw;
}
.areaFour {
float: left;
width: 70%;
height: 35vw;
background: url(//wdb-group.ru/images/areaFourBg2025.jpg) top left no-repeat;
background-size: cover;
}
.areaFourMore {
position: absolute;
left: 3vw;
bottom: 9vw;
}
.areaFive {
padding: 6vw 4vw;
}
.areaFive .header {
color: #000;
margin: 0px 0px 1.5vw 0px;
}
.areaFiveList {
margin: 2vw 0px 0px 0px;
}
.areaFiveBox {
height: 16vw;
margin: 0px 0px 0.6vw 0px;
background: #FBFBFB;
}
.areaFiveBoxFoto {
width: 30vw;
height: 100%;
}
.areaFiveBoxFoto .mainFoto {
width: 100%;
height: 100%;
}
.areaFiveBoxFoto .mainFoto .img {
width: 100%;
height: 100%;
object-fit: cover;
}
.areaFiveBoxText {
width: 40vw;
padding: 0px 0px 0px 5vw;
}
.areaFiveBoxText .text__19 ul li {
padding: 0px 0px 0px 1.5vw;
background: url(//wdb-group.ru/images/areaThreeIcon.png) top 0.3vw left 0.2604166667vw no-repeat;
background-size: 0.7vw;
}
.areaFiveBoxMore {
width: 18vw;
}
.areaFiveBoxMore .moreOne {
width: 15vw;
padding: 0;
margin: 0.4vw 0px
}
.areaSix {
height: 32vw;
padding: 0px 4vw 0px 4vw;
background: url(//wdb-group.ru/images/areaSixBg.jpg) center left no-repeat;
background-size: cover;
}
.areaSix__inside {
width: 36vw;
}
.areaSix__inside .text__19 {
margin: 1.5vw 0px 2vw 0px;
}
.moreslide {
position: absolute;
right: 24vw;
bottom: 2px;
z-index: 15;
}
.blogPageOne__content  .textPage {
font-weight: 400 !important;
line-height: 1.5vw !important;
}
.blogPageOne__content .textPage h1,
.blogPageOne__content .textPage h2,
.blogPageOne__content .textPage h3
{
line-height: 2vw !important;
margin: 0px 0px 0.5vw 0px !important;
}
.newsPage  .textPage {
font-weight: 400 !important;
line-height: 1.5vw !important;
}
.newsPage .textPage h1,
.newsPage .textPage h2,
.newsPage .textPage h3
{
line-height: 2vw !important;
margin: 0px 0px 0.5vw 0px !important;
}
.contact24 {
padding: 4vw 18vw 2vw 18vw;
}
.contact24__list {
display: inline-grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1px;
}
.contect24__box {
height: 15vw;
padding: 0px 3vw;
background-color: #fff;
}
.contect24__box table {
}
.contect24__box table tr td {
height: 3vw !important;
padding: 0px 0px 0px 3vw;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.contect24__box table:nth-child(1) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size: 2.4vw !important;
}
.contect24__box table:nth-child(2) tr td {
background: url(//wdb-group.ru/images/footerContact_3.png) left no-repeat;
background-size: 2.4vw !important;
}
.contactTwo24 {
padding: 2vw 18vw 2vw 18vw;
}
.contactTwo24__left {
}
.contactTwo24__left .header {
color: #182431 !important;
}
.contactTwo24__left .socialLogo {
margin: 0px 0.5vw 0px 0px;
}
.contactTwo24__img {
float: right;
width: 100%;
position: relative;
top: 0;
right: 0;
}
.contactThree24 {
padding: 0px 13vw;
}
.contactThree24 .moveToForm {
margin: 2vw 0px 2vw 0px
}
.error404 {
height: 80dvh;
padding:0vw 20vw 0vw 20vw;
}
.error404 .pr117__text {
margin: 2vw 0px 2vw 0px;
}
.pr23 {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0vw 12vw 9vw 12vw;
background-color: #fff;
}
.pr23__left {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr23__met {
float: left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0.7vw 1.5vw 0.7vw 1.5vw;
color: #fff;
font-size: 1vw;
font-weight: 300;
line-height: 1vw;
background-color: #182431;
}
.pr23__header {
float: left;
width: 100%;
position: relative;
margin: 1.2vw 0px 0.5vw -0.2vw;
padding: 0px 0px 0px 1vw;
color: #3d4f59;
font-size: 3vw;
font-weight: 300;
line-height: 3vw;
border-left: 3px solid #182431;
}
.pr23__header span {
color: #182431;
}
.pr23__text {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #3d4f59;
font-size: 1.5vw;
font-weight: 300;
line-height: 2vw;
}
.pr23__right {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr23__images {
float: left;
width: 100%;
position: relative;
margin: 3vw 0px 3vw 0px;
padding: 0px 0px 0px 0px;
}
.pr23__image {
float: left;
height: 17vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 3;
}
.pr23__image--name {
float: right;
position: absolute;
right: 6vw;
top: 2vw;
color: #3d4f59;
font-size: 0.9vw;
font-weight: 400;
line-height: 1.1vw;
z-index: 5;
}
.pr23__icons {
float: left;
width: 100%;
color: #3d4f59;
font-size: 0.9vw;
font-weight: 400;
line-height: 1.1vw;
}
.pr23__icons table {
float: left;
width: 100%;
height: 4.2vw;
position: relative;
}
.pr23__icons table tr td:nth-child(1) {
width: 5.5vw !important;
}
.pr23__icons table:nth-child(5) {
color: #182431;
}
.pr23__icons table tr td:nth-child(2) {
padding: 0px 0px 0px 0.6vw;
border-left: 2px solid #182431;
}
.pr23__icons table:nth-child(1) {
width: 20%;
background: url(//wdb-group.ru/img/vodonagrevateli/table/pr23_icon_1.jpg) center left no-repeat;
background-size: auto 3.9vw;
}
.pr23__icons table:nth-child(2) {
width: 15%;
background: url(//wdb-group.ru/img/vodonagrevateli/table/pr23_icon_2.jpg) center left 1.6vw no-repeat;
background-size: auto 3.9vw;
}
.pr23__icons table:nth-child(3) {
width: 15%;
background: url(//wdb-group.ru/img/vodonagrevateli/table/pr23_icon_3.jpg) center left 1.2vw no-repeat;
background-size: auto 3.9vw;
}
.pr23__icons table:nth-child(4) {
width: 20%;
background: url(//wdb-group.ru/img/vodonagrevateli/table/pr23_icon_4.jpg) center left 1.2vw no-repeat;
background-size: auto 3.7vw;
}
.pr23__icons table:nth-child(5) {
width: 18%;
background: url(//wdb-group.ru/img/vodonagrevateli/table/pr23_icon_5.jpg) center left 1.8vw no-repeat;
background-size: auto 3.9vw;
}
.movieBox {
float: left;
width: 39vw;
height: 22vw;
position: relative;
margin: 0px 0px 4vw 0px;
}
.movieBox iframe {
float: left;
width: 100%;
height: 100%;
position: relative;
}
.text__19 {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #191919;
font-size: 0.9895833333vw;
font-weight: 300;
line-height: 1.5625vw;
}
.text__19.text__25 {
font-size: 1.2895833333vw;
font-weight: 300;
line-height: 1.8625vw;
}
.text__19 strong {
color: #191919;
}
.text__19 a {
color: #182431;
text-decoration: none;
}
.text__19 a:hover {
color: #182431;
text-decoration: underline;
}
.text__19 ul, .text__19 ol {
float: left;
width: 100%;
margin: 0.5208333333vw 0px 0px 0px;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
}
.text__19 ul li {
float: left;
width: 100%;
margin: 0px 0px 0.5208333333vw 0px;
padding: 0px 0px 0px 2.3020833333vw;
position: relative;
list-style: none;
background: url(//wdb-group.ru/img/mainpage_slider/v24listBg.png) top 0.2vw left 0.2604166667vw no-repeat;
background-size: 1vw;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.text__19 ol li {
float: left;
width: calc(100% - 2.34375vw);
margin: 0px 0px 0.5208333333vw 2.34375vw;
padding: 0px 0px 0px 0px;
position: relative;
}
.v24 {
}
.v24One {
height: 44vw;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.v24One .v24Product__baner--inside {
top: 8vw;
padding: 3.5vw 4vw 3.5vw 4vw;
}
.v23One__inside {
width: 24vw;
margin: 5vw 2vw 0px 0px;
}
.headerMargin {
margin: 4vw 0px 4vw 0px !important;
}
.v24Two {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(//wdb-group.ru/img/mainpage_slider/v24TwoBgN3.jpg) bottom center no-repeat;
background-size: cover;
background-attachment: fixed;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.v24Two__box {
height: 24vw;
}
.v24Two__box:nth-child(2) {
border-left: 1px solid rgba(0,0,0,0.1);
border-right: 1px solid rgba(0,0,0,0.1);
}
.v24Two__box--207 {
border-right: 1px solid rgba(0,0,0,0.05);
}
.v24Two__box--207 .mainFoto .img {
width: 17vw;
}
.v24Two__box--208 .mainFoto .img {
width: 19vw;
}
.v24Two__box--234 .mainFoto .img {
width: 10vw;
}
.v24Two__box .mainFoto {
float: left;
width: 100%;
height: 13.15vw;
position: relative;
margin: 0px 0px 1.5vw 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.v24Two__box .mainFoto .img {
height: auto !important;
object-fit: contain !important;
}
.v24Two__box--name {
}
.v24Two__box--more {
margin: 1vw 0px 0px 0px;
padding: 0px 1vw 0px 0px;
color: #182431;
background: url(//wdb-group.ru/img/mainpage_slider/v24TwoArrow.svg) center right no-repeat ;
}
.v24Two__box:hover .v24Two__box--more {
padding: 0px 1.5vw 0px 0px;
}
.documentation .main .filesBoxv24 {
float:left;
width:100%;
position:relative;
margin:5vw 0px 0px 0px;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.documentation .main .filesBoxv24File {
float:left;
width:32.5%;
height:12vw;
position:relative;
margin:0px 1% 0.8vw 0px;
padding:0.5vw 0px 0.5vw 0px;
font-size:0.9vw;
line-height:1.05vw;
font-weight:600;
color:#000;
text-decoration:none;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
background:#fff;
}
.documentation .main .filesBoxv24File:nth-child(1) {
background: url(//wdb-group.ru/img/documents/filev24_1.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(2) {
background: url(//wdb-group.ru/img/documents/filev24_2.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(3) {
background: url(//wdb-group.ru/img/documents/filev24_3.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(4) {
background: url(//wdb-group.ru/img/documents/filev24_4.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(5) {
background: url(//wdb-group.ru/img/documents/filev24_5.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(6) {
background: url(//wdb-group.ru/img/documents/filev24_6.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(3),
.documentation .main .filesBoxv24File:nth-child(6),
.documentation .main .filesBoxv24File:nth-child(9)
{ margin:0px 0px 0.8vw 0px; }
.documentation .main .filesBoxv24File .img {
float:left;
width:2.1vw;
position:relative;
margin:0px 0px 1vw 0px;
}
.documentation .main .filesBoxv24File:hover {
color:#182431;
}
.menuProductNew {
float:left;
width:100%;
height: 16vw;
position:fixed;
left:0;
top:-20vw;
margin:0px 0px 0px 0px;
padding:0vw 0vw 0vw 0vw;
background:#fafafa;
overflow:hidden;
z-index:15;
opacity:0;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.activeMenuProduct {
top:4.5vw;
opacity:1;
}
.activeMenuProductTwo {
top:4.5vw;
opacity:1;
}
.activeMenuProductThree {
top:4.5vw;
opacity:1;
}
.menuProductNew .box {
float: left;
width: 100%;
height: 100%;
position: relative;
}
.menuProductNew .box:nth-child(2) {
border-left: 1px solid rgba(0,0,0,0.05);
border-right: 1px solid rgba(0,0,0,0.05);
}
.menuProductNew .box .mainFoto {
float: left;
width: 100%;
height: 6vw !important;
margin: 3.5vw 0px 1.5vw 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.menuProductNew .box .mainFoto .img {
height: auto !important;
object-fit: contain !important;
} .menuProductNew .box-23 {
background: url(//wdb-group.ru/images/box204bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-23 .mainFoto .img {
width: 10.1vw;
}
.menuProductNew .box-24 {
background: url(//wdb-group.ru/images/box205bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-24 .mainFoto .img {
width: 10.8vw;
}
.menuProductNew .box-235 {
background: url(//wdb-group.ru/images/box206bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-235 .mainFoto .img {
width: 14.2vw;
} .menuProductNew .box-25 {
background: url(//wdb-group.ru/images/box204bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-25 .mainFoto .img {
width: 15.1vw;
}
.menuProductNew .box-117 {
background: url(//wdb-group.ru/images/box205bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-117 .mainFoto .img {
width: 14.8vw;
}
.menuProductNew .box-26 {
background: url(//wdb-group.ru/images/box206bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-26 .mainFoto .img {
width: 11.2vw;
} .menuProductNew .box-204 {
background: url(//wdb-group.ru/images/box204bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-204 .mainFoto .img {
width: 13.5vw;
}
.menuProductNew .box-205 {
background: url(//wdb-group.ru/images/box205bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-205 .mainFoto .img {
width: 15.7vw;
}
.menuProductNew .box-206 {
background: url(//wdb-group.ru/images/box206bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-206 .mainFoto .img {
width: 6.2vw;
}
.menuProductNew .box .name {
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
.menuProductNew .box:hover .name,
.menuProductNew .box.activeSubmenu .name
{
color: #182431 !important;
background: none !important;
}
.v24Product {
margin: 4.5vw 0px 0px 0px;
}
.v24Product206__baner {
height: calc(100vh - 4.5vw);
margin: 0px 0px 0px 0px 0px;
background-color: #c1c6ca;
}
.v24Product206__baner--left {
width: 58%;
height: 100%;
}
.v24Product206__baner--img {
width: 100%;
height: auto;
}
.v24Product206__baner--right {
width: 42%;
height: 100%;
padding: 0px 2vw 0px 0px;
}
.v24Product206__baner--right .text__19 {
padding: 2vw 4vw 0px 4vw;
}
.v24Product206__baner--right .v24Product__one--img {
margin: 0px 0px 0px 4vw;
}
.v24Product--206 .v24Product__three--text {
padding: 0px 12vw 0px 4.5vw;
}
.v24Product--206 .v24Product__three--box--img--221 {
width: 15vw;
}
.v24Product__baner {
height: calc(100vh - 4.5vw);
margin: 0px 0px 0px 0px 0px;
}
.v24Product__baner--img {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
z-index: 1;
}
.v24Product__baner--inside {
padding: 2.5vw 4vw 2.5vw 4vw;
background-color: #182431;
z-index: 1;
}
.v24Product__baner--name {
color: #fff;
}
.v24Product__one {
height: 42vw;
}
.v24Product__one--left {
height: 100%;
}
.v24Product--204 .v24Product__one--main {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
}
.v24Product__one--main {
float: left;
width: 100%;
height: 100%;
object-fit: contain;
}
.v24Product__one--right {
height: 100%;
padding: 0px 7vw 0px 7vw;
}
.v24Product__one--img {
float: left;
width: 34vw;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px
}
.v24Product__one--more {
margin: 2vw 0px 0px 0px;
}
.v24Product__two {
height: 35vw;
background-color: #cdd2d6;
}
.v24Product__two--left {
height: 100%;
}
.v24Product__two--left {
padding: 0px 0vw 0px 5vw;
}
.v24Product__two--left .mainFoto {
float: left;
width: 100%;
height: 100%;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.v24Product__two--left .mainFoto .img {
height: auto !important;
}
.v24Product--204 .v24Product__two--left .mainFoto .img {
width: 100%;
}
.v24Product--206 .v24Product__two--left .mainFoto .img {
width: auto;
height: 70% !important;
}
.v24Product__two--right {
height: 100%;
padding: 0px 0px 0px 5vw;
}
.v24Product__contact {
height: 35vw;
padding: 0px 15vw;
background-color: #fff;
}
.v24Product__contact--left {
height: 100%;
padding: 0px 4vw 0px 0px;
}
.v24Product__contact--right {
height: 100%;
padding: 0px 0px 0px 4vw;
}
.v24Product__contact--right--name {
width: 100%;
padding: 1vw;
color: #fff;
background-color: #182431;
}
.v24Product__contact--right .fileListBox {
background-color: #fff;
padding: 2vw;
}
.v24Product__contact--right .fileListBox .filesBoxFile {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0.4vw 0px 0.4vw 0px;
font-size: 0.9vw;
line-height: 0.9vw;
font-weight: 400;
color: #000;
text-decoration: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.v24Product__contact--right .fileListBox .filesBoxFile .img {
float: left;
width: 0.8vw;
position: relative;
margin: 0px 1vw 0px 0px;
}
.v24Product__three {
height: 47vw;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.v24Product__three--box--img--214 {
float: left;
width: 4.8vw;
position: relative;
margin: 0px 0px 1.5vw 0px;
}
.v24Product__three--box--img--215 {
float: left;
width: 5.8vw;
position: relative;
margin: 0px 0px 1.5vw 0px;
}
.v24Product__three--box--img--216 {
float: left;
width: 3.1vw;
position: relative;
margin: 2vw 0px 1.5vw 0px;
}
.v24Product__three--box {
height: 47vw;
}
.v24Product__three--text {
padding: 0px 5vw 0px 4.5vw;
}
.v24Product__three--img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
}
.v24Product__four {
}
.v24Product__four  .v24Product__three--text {
padding: 0px 6vw 0px 5vw;
}
.v24Product__five {
height: 35vw;
}
.v24Product__five .mainFotoBackground {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.v24Product__five .mainFotoBackground .img {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.v24Product__five--left {
height: 100%;
padding: 0px 10vw 0px 13vw;
z-index: 5;
}
.v24Product__five--right {
height: 100%;
z-index: 5;
padding: 0px 20vw 0px 5vw;
}
.v24Product__six {
height: 40vw;
margin: -2px 0px 0px 0px;
overflow: hidden;
background-color: #fff;
}
.v24Product--206 .v24Product__six {
height: 36vw;
}
.v24Product__six .mainFotoBackground {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.v24Product__six--left {
width: 60%;
height: 100%;
padding: 0px 0vw 0px 0vw;
z-index: 5;
overflow: hidden;
}
.v24Product__six .mainFotoBackground .img {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.v24Product__six--right {
width: 40%;
height: 100%;
z-index: 5;
padding: 0px 5vw 0px 5vw;
background-color: #fff;
}
.v24Product__six--right .header {
width: 75%;
}
.v24Product__seven {
background-color: #cbcfd2;
}
.v24Product__seven .mainFotoBackground {
float: left;
width: 100%;
position: relative;
z-index: 1;
}
.v24Product__seven--left {
width: 45%;
height: 100%;
padding: 0px 0vw 0px 0vw;
z-index: 5;
overflow: hidden;
}
.v24Product__seven--left .header {
width: 50%;
padding: 7vw 5vw 0px 0px;
}
.v24Product__seven .mainFotoBackground .img {
float: left;
width: 100%;
margin: 0px 0px 4vw 0px;
position: relative;
object-fit: cover;
}
.v24Product__seven--right {
width: 55%;
height: 100%;
z-index: 5;
padding: 0px 0vw 0px 0vw;
}
.v24Product__eight {
padding: 6vw 15vw 6vw 15vw;
}
.v24Product__eight--img {
float: left;
width: 100%;
height: auto;
}
.v24Form {
padding: 6vw 30vw 6vw 30vw;
background-color: #f3f3f3;
}
.v24Form .addMargin {
position: absolute;
left: 0;
top: 0;
}
.v23Product__nine {
padding: 0vw 0.5vw 6vw 0.5vw;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 0.5vw;
grid-row-gap: 0.5vw;
overflow: hidden;
}
.v23Product__nine--box {
height: 15vw;
padding: 0px 0vw 0px 0px;
background-color: #DAE0E0;
border:0px solid #000;
text-decoration: none;
}
.v23Product__nine--box--1 {
background: url(//wdb-group.ru/img/vodonagrevateli/S_banner1.jpg) center no-repeat;
background-size: cover;
}
.v23Product__nine--box--2 {
background: url(//wdb-group.ru/img/vodonagrevateli/S_banner2.jpg) center no-repeat;
background-size: cover;
}
.v23Product__nine--box--3 {
background: url(//wdb-group.ru/img/vodonagrevateli/S_banner3.jpg) center no-repeat;
background-size: cover;
}
.v23Product__nine--box .header {
margin: 0px 1vw 0px 0px;
color: #fff;
}
.v23Product__nine--box .header a {
text-decoration: none;
color: #fff;
font-weight: 600;
}
.v24Product__teen {
height: 44vw;
}
.v24Product__teen--left {
width: 65%;
}
.v24Product__teen--left .mainFoto {
float: left;
width: 100%;
height: 100%;
position: relative;
}
.v24Product__teen--left .mainFoto .img {
float: left;
width: 100%;
height: 100%;
position: relative;
object-fit: cover;
}
.v24Product__teen--right {
width: 35%;
padding: 0px 8vw 0px 5vw;
}
.v24Product__teen--right .header {
width: 70%;
margin: 0px 30% 0px 0px;
}
.v24Product__three--box--img--223 {
float: left;
width: 6.8vw;
}
}
@media screen and (min-width: 0px) and (max-width: 1000px) {
.basket {
float: left;
width: 12vw;
height: 12vw;
margin: 0.1vw 0.5vw 0px 0px;
line-height: 2.5vw;
color: #000000;
font-weight: 600;
font-size: 0.85vw;
text-decoration: none;
text-align: center;
background: #fff;
border: 1px solid #d6d6d6;
border-radius: 8px;
}
.basket .basketIcon {
width: 8vw;
}
.sd__baner {
float: right;
width: 40vw;
margin: -9.1vw 0px 0px 0px;
padding: 4vw;
flex-direction: column !important;
position: absolute;
top: 50%;
right: 6vw;
font-size: 3vw !important;
color: #fff;
text-decoration: none;
z-index: 10;
background: #0160F1;
}
.sd__baner--img {
float: left;
width: 12vw;
position: relative;
margin: 0px 0px 3vw 0px;
}
.sd__baner span {
padding: 2vw;
border: 2px solid #fff;
}
.areaOne {
padding: 8vw 4vw;
}
.areaOne .header {
color: #000;
}
.areaOneItems {
margin: 6vw 0px 0px 0px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 1vw;
grid-row-gap: 1vw;
}
.areaOneItem {
height: 25vw;
color: #141414;
text-decoration: none;
background: #FAFAFA;
}
.areaOneItem:hover {
color: #182431;
}
.areaOneItemImg--1 {
width: 8.3vw;
margin: 0px 3.5vw 0px 3vw;
}
.areaOneItemImg--2 {
width: 8.3vw;
margin: 0px 3.5vw 0px 3vw;
}
.areaOneItemImg--3 {
width: 10vw;
margin: 0px 3.5vw 0px 3vw;
}
.areaOneItemImg--4 {
width: 7vw;
margin: 0px 3.5vw 0px 3vw;
}
.areaTwo {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 4vw;
grid-row-gap: 4vw;
}
.areaTwo .header {
color: #000;
margin: 0px 0px 4vw 0px;
}
.areaTwo .header span {
display: block !important;
}
.areaTwo__box {
padding: 8vw 4vw 8vw 4vw;
background: #FAFAFA;
}
.areaTwo__box .formBox {
margin: 4vw 0px 0px 0px;
}
.areaTwo__box .formSubmit {
float: left;
}
.areaTwo__box .formBox__inside {
margin: 0px 0px 2vw 0px;
}
.areaTwo__contact {
margin: 6vw 0px 0px 0px;
padding: 4vw 4vw 4vw 4vw;
background: #fff;
}
.areaTwo__contact--name {
color: #000;
}
.areaTwo__contact--header {
margin: 0px 0px 3vw 0px;
color: #E57917;
}
.areaTwo__contact--text {
color: #141414;
line-height: 6vw !important;
}
.areaTwo__contact--text a {
color: #141414 !important;
}
.areaTwo__contact--text a:hover {
color: #E57917 !important;
}
.areaTwo__contact--text .wa {
float: left;
width: 100%;
padding: 0px 0px 0px 4vw;
box-sizing: border-box;
line-height: 8vw;
background: url(//wdb-group.ru/images/iconWA.png) center left no-repeat;
background-size: 3vw;
}
.areaTwo__contact--li {
float: right;
width: 8vw;
position: absolute;
top: 4vw;
right: 4vw;
}
.areaThreeNew {
margin: 8vw 0px 0px 0px;
padding: 0vw 0vw;
overflow: hidden;
}
.areaThree {
padding: 12vw 4vw;
}
.areaThree .header {
color: #000;
width: 70% !important;
margin: 0px 0px 4vw 15%;
}
.areaThree .text__19 {
background: #FAFAFA;
padding: 6vw 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.areaThree .text__19 p {
float: left;
width: 100%;
margin: 1.5vw 0px 1.5vw 0px;
padding: 0px 0px 0px 2vw;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.areaThree .text__19 p em {
font-style: normal;
}
.areaThree .text__19 p:before {
content: ' ';
float: left;
width: 12vw;
height: 8vw;
margin: 0px 1.5vw 0px 0px;
position: relative;
background: url(//wdb-group.ru/images/areaThreeIcon.svg) center no-repeat;
background-size: 10vw;
}
.areaFour {
float: left;
width: 100%;
height: 65vw;
background: url(//wdb-group.ru/images/areaFourBg2025.jpg) top left no-repeat;
background-size: cover;
}
.areaFourMore {
position: absolute !important;
left: 4vw;
bottom: 4vw;
}
.areaFive {
padding: 12vw 4vw 6vw 4vw;
}
.areaFive .header {
width: 90%;
color: #000;
margin: 0px 0px 4vw 0px;
}
.areaFiveList {
margin: 2vw 0px 0px 0px;
}
.areaFiveBox {
margin: 0px 0px 6vw 0px;
background: #FBFBFB;
}
.areaFiveBoxFoto {
width: 100%;
}
.areaFiveBoxFoto .mainFoto {
width: 100%;
}
.areaFiveBoxFoto .mainFoto .img {
width: 100%;
height: 100%;
object-fit: cover;
}
.areaFiveBoxText {
width: 100%;
padding: 4vw 0px 4vw 0vw;
}
.areaFiveBoxText .text__19 ul li {
padding: 0px 0px 0px 6vw;
background: url(//wdb-group.ru/images/areaThreeIcon.png) top 1.8vw left 0.2604166667vw no-repeat;
background-size: 2.7vw;
}
.areaFiveBoxMore {
width: 100%;
}
.areaFiveBoxMore .moreOne {
width: 100%;
padding: 0;
margin: 0.4vw 0px
}
.areaSix {
padding: 12vw 4vw 8vw 4vw;
background: url(//wdb-group.ru/images/areaSixBg.jpg) center left no-repeat;
background-size: cover;
}
.areaSix__inside {
width: 100%;
}
.areaSix__inside .text__19 {
margin: 4vw 0px 6vw 0px;
}
.moreslide {
position: absolute !important;
right: 4vw;
top: 4vw;
z-index: 15;
}
.blogPageOne__content  .textPage {
font-weight: 400 !important;
line-height: 4vw !important;
}
.blogPageOne__content .textPage h1,
.blogPageOne__content .textPage h2,
.blogPageOne__content .textPage h3
{
line-height: 5vw !important;
margin: 0px 0px 2vw 0px !important;
}
.newsPage   .textPage {
font-weight: 400 !important;
line-height: 4vw !important;
}
.newsPage  .textPage h1,
.newsPage  .textPage h2,
.newsPage  .textPage h3
{
line-height: 5vw !important;
margin: 0px 0px 2vw 0px !important;
}
.contact24 {
padding: 4vw 4vw 2vw 4vw;
}
.contact24__list {
display: inline-grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 1px;
}
.contect24__box {
padding: 6vw 3vw;
background-color: #fff;
}
.contect24__box table {
}
.contect24__box table tr td {
height: 12vw !important;
padding: 0px 0px 0px 12vw;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.contect24__box table:nth-child(1) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size: 8.4vw !important;
}
.contect24__box table:nth-child(2) tr td {
background: url(//wdb-group.ru/images/footerContact_3.png) left no-repeat;
background-size: 8.4vw !important;
}
.contactTwo24 {
padding: 6vw 4vw 2vw 4vw;
}
.contactTwo24__left {
}
.contactTwo24__left .header {
color: #182431 !important;
}
.contactTwo24__left .socialLogo {
margin: 0px 0.5vw 0px 0px;
}
.contactTwo24__img {
float: left;
width: 60%;
position: relative;
margin: 4vw 0px 4vw 20%;
}
.contactThree24 {
padding: 0px 4vw;
}
.contactThree24 .moveToForm {
width: 100%;
margin: 2vw 0px 2vw 0px
}
.error404 {
padding:12vw 4vw 12vw 4vw;
}
.error404 .pr117__text {
margin: 2vw 0px 4vw 0px;
}
.pr23 {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0vw 4vw 9vw 4vw;
background-color: #fff;
}
.pr23__left {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr23__met {
float: left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0.7vw 1.5vw 0.7vw 1.5vw;
color: #fff;
font-size: 2vw;
font-weight: 300;
line-height: 2vw;
background-color: #182431;
}
.pr23__header {
float: left;
width: 100%;
position: relative;
margin: 2.2vw 0px 1.5vw -0.2vw;
padding: 0px 0px 0px 2vw;
color: #3d4f59;
font-size: 6vw;
font-weight: 300;
line-height: 6vw;
border-left: 3px solid #182431;
}
.pr23__header span {
color: #182431;
}
.pr23__text {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #3d4f59;
font-size: 3.5vw;
font-weight: 300;
line-height: 4vw;
}
.pr23__right {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr23__images {
float: left;
width: 100%;
position: relative;
margin: 3vw 0px 3vw 0px;
padding: 0px 0px 0px 0px;
}
.pr23__image {
float: left;
height: 23vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr23__image--name {
float: right;
position: absolute;
right: 6vw;
top: 2vw;
color: #3d4f59;
font-size: 2.2vw;
font-weight: 400;
line-height: 3vw;
z-index: 5;
}
.pr23__icons {
float: left;
width: 100%;
color: #3d4f59;
font-size: 3.5vw;
font-weight: 400;
line-height: 4vw;
}
.pr23__icons table {
float: left;
width: 100%;
height: 8.2vw;
position: relative;
margin: 0px 0px 2vw 0px;
}
.pr23__icons table tr td:nth-child(1) {
width: 11vw !important;
}
.pr23__icons table:nth-child(5) {
color: #182431;
}
.pr23__icons table tr td:nth-child(2) {
padding: 0px 0px 0px 2vw;
border-left: 2px solid #182431;
}
.pr23__icons table:nth-child(1) {
width: 100%;
background: url(//wdb-group.ru/images/pr23_icon_1.jpg) center left no-repeat;
background-size: auto 6.9vw;
}
.pr23__icons table:nth-child(2) {
background: url(//wdb-group.ru/images/pr23_icon_2.jpg) center left 1.6vw no-repeat;
background-size: auto 6.9vw;
}
.pr23__icons table:nth-child(3) {
background: url(//wdb-group.ru/images/pr23_icon_3.jpg) center left 1.2vw no-repeat;
background-size: auto 6.9vw;
}
.pr23__icons table:nth-child(4) {
background: url(//wdb-group.ru/images/pr23_icon_4.jpg) center left 1.2vw no-repeat;
background-size: auto 6.7vw;
}
.pr23__icons table:nth-child(5) {
background: url(//wdb-group.ru/images/pr23_icon_5.jpg) center left 1.8vw no-repeat;
background-size: auto 6.9vw;
}
.movieBox {
float: left;
width: 100%;
height: 48vw;
position: relative;
margin: 0px 0px 4vw 0px;
}
.movieBox iframe {
float: left;
width: 100%;
height: 100%;
position: relative;
}
.text__19 {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #191919;
font-size: 4.5vw;
font-weight: 300;
line-height: 5.5625vw;
}
.text__19 strong {
color: #191919;
}
.text__19 a {
color: #182431;
text-decoration: none;
}
.text__19 a:hover {
color: #182431;
text-decoration: underline;
}
.text__19 ul, .text__19 ol {
float: left;
width: 100%;
margin: 0.5208333333vw 0px 0px 0px;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
}
.text__19 ul li {
float: left;
width: 100%;
margin: 0px 0px 1.5208333333vw 0px;
padding: 0px 0px 0px 8.3020833333vw;
position: relative;
list-style: none;
background: url(//wdb-group.ru/img/mainpage_slider/v24listBg.png) top 1vw left 0.2604166667vw no-repeat;
background-size: 4vw;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.text__19 ol li {
float: left;
width: calc(100% - 2.34375vw);
margin: 0px 0px 0.5208333333vw 2.34375vw;
padding: 0px 0px 0px 0px;
position: relative;
}
.v24 {
}
.v24One {
margin: 2vw 0px 0px 0px;
padding: 0px 0px 30vw 0px;
background-position: bottom center !important;
background-size: 100% auto !important;
}
.v23One__inside {
width: 90%;
margin: 5vw 5% 0px 5%;
}
.headerMargin {
margin: 8vw 0px 8vw 0px !important;
}
.v24Two {
margin: 4vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(//wdb-group.ru/img/mainpage_slider/v24TwoBgN3.jpg) center bottom no-repeat;
background-size: 100% auto;
background-attachment: fixed;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.v24Two__box {
padding: 6vw 0px 6vw 0px;
}
.v24Two__box:nth-child(2) {
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.v24Two__box--207 {
border-right: 1px solid rgba(0,0,0,0.05);
}
.v24Two__box--207 .mainFoto .img {
width: 56vw;
}
.v24Two__box--208 .mainFoto .img {
width: 59vw;
}
.v24Two__box--234 .mainFoto .img {
width: 39vw;
}
.v24Two__box .mainFoto {
float: left;
width: 100%;
position: relative;
margin: 12vw 0px 6vw 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.v24Two__box .mainFoto .img {
height: auto !important;
object-fit: contain !important;
}
.v24Two__box--name {
}
.v24Two__box--more {
margin: 2vw 0px 0px 0px;
padding: 0px 4vw 0px 0px;
color: #182431;
background: url(//wdb-group.ru/img/mainpage_slider/v24TwoArrow.svg) center right no-repeat ;
}
.v24Two__box:hover .v24Two__box--more {
padding: 0px 6vw 0px 0px;
}
.documentation .main .filesBoxv24 {
float:left;
width:100%;
position:relative;
margin:5vw 0px 0px 0px;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.documentation .main .filesBoxv24File {
float:left;
width:48%;
height:20vw;
position:relative;
margin:0px 1.8vw 2vw 0px;
padding:0.5vw 0px 0.5vw 0px;
font-size:3vw;
line-height:4vw;
font-weight:600;
color:#000;
text-decoration:none;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
background:#fff;
}
.documentation .main .filesBoxv24File:nth-child(1) {
background: url(//wdb-group.ru/images/filev24_1.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(2) {
background: url(//wdb-group.ru/images/filev24_2.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(3) {
background: url(//wdb-group.ru/images/filev24_3.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(4) {
background: url(//wdb-group.ru/images/filev24_4.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(5) {
background: url(//wdb-group.ru/images/filev24_5.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(6) {
background: url(//wdb-group.ru/images/filev24_6.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(2),
.documentation .main .filesBoxv24File:nth-child(4),
.documentation .main .filesBoxv24File:nth-child(6),
.documentation .main .filesBoxv24File:nth-child(8)
{ margin:0px 0px 0px 0px; }
.documentation .main .filesBoxv24File .img {
float:left;
width:6.1vw;
position:relative;
margin:0px 0px 4vw 0px;
}
.documentation .main .filesBoxv24File:hover {
color:#182431;
}
.menuProductNew {
float:left;
width:100%;
height:0;
position:relative;
margin:0px 0px 0px 0px;
padding:0vw 0vw 0vw 0vw;
background:#fafafa;
overflow:hidden;
z-index:15;
opacity:0;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.activeMenuProduct {
height: auto;
opacity:1;
}
.activeMenuProductTwo {
height: auto;
opacity:1;
}
.activeMenuProductThree {
height: auto;
opacity:1;
}
.menuProductNew .box {
float: left;
width: 100%;
position: relative;
}
.menuProductNew .box:nth-child(2) {
border-left: 1px solid rgba(0,0,0,0.05);
border-right: 1px solid rgba(0,0,0,0.05);
}
.menuProductNew .box .mainFoto {
float: left;
width: 100%;
height: 25vw !important;
margin: 3.5vw 0px 1.5vw 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.menuProductNew .box .mainFoto .img {
height: auto !important;
object-fit: contain !important;
}
.menuProductNew .box-23 {
background: url(//wdb-group.ru/images/box204bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-23 .mainFoto .img {
width: 23.5vw;
}
.menuProductNew .box-24 {
background: url(//wdb-group.ru/images/box205bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-24 .mainFoto .img {
width: 23.7vw;
}
.menuProductNew .box-235 {
background: url(//wdb-group.ru/images/box206bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-235 .mainFoto .img {
width: 20.2vw;
}
.menuProductNew .box-25 {
background: url(//wdb-group.ru/images/box204bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-25 .mainFoto .img {
width: 35.5vw;
}
.menuProductNew .box-117 {
background: url(//wdb-group.ru/images/box205bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-117 .mainFoto .img {
width: 35.7vw;
}
.menuProductNew .box-26 {
background: url(//wdb-group.ru/images/box206bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-26 .mainFoto .img {
width: 35.2vw;
}
.menuProductNew .box-204 {
background: url(//wdb-group.ru/images/box204bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-204 .mainFoto .img {
width: 40.5vw;
}
.menuProductNew .box-205 {
background: url(//wdb-group.ru/images/box205bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-205 .mainFoto .img {
width: 40.7vw;
}
.menuProductNew .box-206 {
background: url(//wdb-group.ru/images/box206bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-206 .mainFoto .img {
width: 21.2vw;
}
.menuProductNew .box .name {
color: #000000;
margin: 0px 0px 6vw 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
.menuProductNew .box:hover .name,
.menuProductNew .box.activeSubmenu .name
{
color: #182431 !important;
background: none !important;
}
.v24Product {
margin: 0vw 0px 0px 0px;
}
.v24Product206__baner {
margin: 0px 0px 0px 0px 0px;
background-color: #c1c6ca;
}
.v24Product206__baner--left {
width: 100%;
padding: 12vw 0px 6vw 0px;
}
.v24Product206__baner--img {
width: 100%;
height: auto;
}
.v24Product206__baner--right {
width: 100%;
padding: 0px 4vw 12vw 0px;
}
.v24Product206__baner--right .text__19 {
padding: 2vw 4vw 0px 4vw;
}
.v24Product206__baner--right .v24Product__one--img {
margin: 0px 0px 0px 4vw;
}
.v24Product--206 .v24Product__three--text {
padding: 12vw 4vw 12vw 4vw;
}
.v24Product--206 .v24Product__three--box--img--221 {
width: 35vw;
}
.v24Product--206 .v24Product__two {
}
.v24Product__baner {
height: 45vw;
margin: 0px 0px 0px 0px;
}
.v24Product__baner--img {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
z-index: 1;
}
.v24Product__baner--inside {
padding: 2.5vw 4vw 2.5vw 4vw;
background-color: #182431;
z-index: 5;
}
.v24Product__baner--name {
color: #fff;
}
.v24Product__baner--name.fs-60 {
font-size: 8vw !important;
}
.v24Product__one {
}
.v24Product__one--left {
width: 100%;
padding: 0vw 0px 0px 0px;
}
.v24Product--204 .v24Product__one--main {
float: left;
width: 100%;
position: relative;
}
.v24Product__one--main {
float: left;
width: 100%;
height: 100%;
object-fit: contain;
}
.v24Product__one--right {
padding: 8vw 4vw 8vw 4vw;
}
.v24Product__one--img {
float: left;
width: 100%;
max-width: 90vw;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px
}
.v24Product__one--more {
margin: 2vw 0px 0px 0px;
}
.v24Product__two {
background-color: #cdd2d6;
}
.v24Product__two--left {
}
.v24Product__two--left {
padding: 18vw 4vw 8px 4vw;
}
.v24Product__two--left .mainFoto {
float: left;
width: 100%;
height: 100%;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.v24Product__two--left .mainFoto .img {
float: left;
width: 100%;
height: auto !important;
}
.v24Product--204 .v24Product__two--left .mainFoto .img {
width: 100%;
}
.v24Product--206 .v24Product__two--left .mainFoto .img {
width: 80%;
}
.v24Product__two--right {
padding: 12vw 4vw 6vw 4vw;
}
.v24Product__contact {
padding: 0px 4vw;
background-color: #fff;
}
.v24Product__contact--left {
padding: 6vw 0vw 0px 0px;
}
.v24Product__contact--right {
padding: 2vw 0px 6vw 0vw;
}
.v24Product__contact--right--name {
width: 100%;
padding: 2vw 4vw;
color: #fff;
background-color: #182431;
}
.v24Product__contact--right .fileListBox {
background-color: #fff;
padding: 4vw;
}
.v24Product__contact--right .fileListBox .filesBoxFile {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 2vw 0px 2vw 0px;
font-size: 3.5vw;
line-height: 4vw;
font-weight: 400;
color: #000;
text-decoration: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.v24Product__contact--right .fileListBox .filesBoxFile .img {
float: left;
width: 3vw;
position: relative;
margin: 0px 2vw 0px 0px;
}
.v24Product__three {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.v24Product__three--box--img--214 {
float: left;
width: 15.8vw;
position: relative;
margin: 0px 0px 6vw 0px;
}
.v24Product__three--box--img--215 {
float: left;
width: 16.8vw;
position: relative;
margin: 0px 0px 6vw 0px;
}
.v24Product__three--box--img--216 {
float: left;
width: 14.1vw;
position: relative;
margin: 2vw 0px 6vw 0px;
}
.v24Product__three--box {
}
.v24Product__three--text {
padding: 12vw 4vw 12vw 4vw;
}
.v24Product__three--img {
float: left;
width: 100%;
height: 55vw;
object-fit: cover;
}
.v24Product__four {
}
.v24Product__four  .v24Product__three--text {
padding: 12vw 4vw 12vw 4vw;
}
.v24Product__five {
padding: 12vw 0vw 12vw 0vw;
}
.v24Product__five .mainFotoBackground {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.v24Product__five .mainFotoBackground .img {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.v24Product__five--left {
padding: 0px 4vw 8vw 4vw;
z-index: 5;
}
.v24Product__five--right {
z-index: 5;
padding: 0px 12vw 0px 4vw;
}
.v24Product__six {
margin: 0px 0px 0px 0px;
overflow: hidden;
background-color: #fff;
}
.v24Product__six .mainFotoBackground {
float: left;
width: 100%;
position: relative;
z-index: 1;
}
.v24Product__six--left {
width: 100%;
padding: 0px 0vw 0px 0vw;
z-index: 5;
overflow: hidden;
}
.v24Product__six .mainFotoBackground .img {
float: left;
width: 100%;
height: 100%;
position: relative;
object-fit: cover;
}
.v24Product__six--right {
width: 100%;
z-index: 5;
padding: 12vw 4vw 12vw 4vw;
}
.v24Product__six--right .header {
width: 60%;
}
.v24Product__seven {
background-color: #cbcfd2;
}
.v24Product__seven .mainFotoBackground {
float: left;
width: 100%;
position: relative;
z-index: 1;
}
.v24Product__seven--left {
width: 100%;
padding: 0px 0vw 0px 0vw;
z-index: 5;
overflow: hidden;
}
.v24Product__seven--left .header {
width: 100%;
padding: 12vw 4vw 0px 4vw;
}
.v24Product__seven .mainFotoBackground .img {
float: left;
width: 100%;
margin: 0px 0px 4vw 0px;
position: relative;
object-fit: cover;
}
.v24Product__seven--right {
width: 100%;
z-index: 5;
padding: 0px 0vw 0px 0vw;
}
.v24Product__eight {
padding: 12vw 4vw 12vw 4vw;
}
.v24Product__eight--img {
float: left;
width: 100%;
height: auto;
}
.v24Form {
padding: 0vw 4vw 6vw 4vw;
}
.v23Product__nine {
padding: 0vw 2vw 6vw 2vw;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 1vw;
grid-row-gap: 1vw;
overflow: hidden;
}
.v23Product__nine--box {
height: 45vw;
padding: 0px 0vw 0px 0px;
background-color: #DAE0E0;
border:0px solid #000;
text-decoration: none;
justify-content: flex-end !important;
}
.v23Product__nine--box--1 {
background: url(//wdb-group.ru/img/vodonagrevateli/S_banner3.jpg) center no-repeat;
background-size: cover;
}
.v23Product__nine--box--2 {
background: url(//wdb-group.ru/img/vodonagrevateli/S_banner3.jpg) center no-repeat;
background-size: cover;
}
.v23Product__nine--box--3 {
background: url(//wdb-group.ru/img/vodonagrevateli/S_banner3.jpg) center no-repeat;
background-size: cover;
}
.v23Product__nine--box .header {
width: 50% !important;
margin: 0px 4vw 0px 0px;
color: #fff;
font-size: 6vw !important;
}
.v23Product__nine--box .header a {
text-decoration: none;
color: #fff;
font-weight: 600;
}
.v23Product__nine--box--1 .header {
width: 40% !important;
}
.v23Product__nine--box--2 .header {
width: 40% !important;
}
.v24Product__teen {
}
.v24Product__teen--left {
width: 100%;
}
.v24Product__teen--left .mainFoto {
float: left;
width: 100%;
position: relative;
}
.v24Product__teen--left .mainFoto .img {
float: left;
width: 100%;
height: 100%;
position: relative;
object-fit: cover;
}
.v24Product__teen--right {
width: 100%;
padding: 12vw 4vw 12vw 4vw;
}
.v24Product__teen--right .header {
width: 100%;
margin: 0px 0% 0px 0px;
}
.v24Product__three--box--img--223 {
float: left;
width: 16.8vw;
}
}
.f__mt {
}
.bi {
box-sizing: border-box;
}
.animate__100 {
transition: all 0.1s ease-in-out;
}
.animate__200 {
transition: all 0.2s ease-in-out;
}
.animate__300 {
transition: all 0.3s ease-in-out;
}
.animate__400 {
transition: all 0.4s ease-in-out;
}
.animate__500 {
transition: all 0.5s ease-in-out;
}
.d-c-c {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.d-c-b {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.d-c-s {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.d-c-e {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
align-content: center;
}
.d-s-c {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
}
.d-s-s {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
}
.d-s-b {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
}
.d-s-e {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-start;
align-content: flex-start;
}
.d-e-c {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
align-content: flex-end;
}
.d-e-s {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-end;
align-content: flex-end;
}
.d-e-e {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-end;
align-content: flex-end;
}
.pointer {
cursor: pointer !important;
}
.nopointer {
pointer-events: none !important;
}
.m-0 {
margin: 0 !important;
}
.p-0 {
padding: 0 !important;
}
.text-white {
color: #fff !important;
}
.text-black {
color: #000 !important;
}
.w-100 {
width: 100% !important;
}
.w-75 {
width: 75% !important;
}
.w-60 {
width: 60% !important;
}
.w-50 {
width: 50% !important;
}
.w-40 {
width: 40% !important;
}
.w-25 {
width: 25% !important;
}
.w-0 {
width: 0% !important;
}
.h-100 {
height: 100% !important;
}
.h-75 {
height: 75% !important;
}
.h-50 {
height: 50% !important;
}
.h-25 {
height: 25% !important;
}
.h-0 {
height: 0% !important;
}
.f-l {
float: left !important;
}
.f-r {
float: right !important;
}
.default-color-1 {
color: #df2157 !important;
}
.default-color-2 {
color: #df2157 !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-left {
text-align: left !important;
}
.text-center {
text-align: center !important;
}
.text-right {
text-align: right !important;
}
.fw-100 {
font-weight: 100 !important;
}
.fw-200 {
font-weight: 200 !important;
}
.fw-300 {
font-weight: 300 !important;
}
.fw-400 {
font-weight: 400 !important;
}
.fw-500 {
font-weight: 500 !important;
}
.fw-600 {
font-weight: 600 !important;
}
.fw-700 {
font-weight: 700 !important;
}
.fw-800 {
font-weight: 800 !important;
}
.fw-900 {
font-weight: 900 !important;
}
.position-relative {
position: relative !important;
}
.p-r {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.p-a {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.p-f {
position: fixed !important;
}
@media screen and (min-width: 1001px) and (max-width: 10000px) {
.block {
display: block;
}
.fs-0 {
font-size: 0vw !important;
}
.fs-10 {
font-size: 0.5208333333vw !important;
}
.fs-15 {
font-size: 0.78125vw !important;
}
.fs-16 {
font-size: 0.8333333333vw !important;
}
.fs-17 {
font-size: 0.8854166667vw !important;
}
.fs-18 {
font-size: 0.9375vw !important;
}
.fs-19 {
font-size: 0.9895833333vw !important;
}
.fs-20 {
font-size: 1.0416666667vw !important;
}
.fs-25 {
font-size: 1.3020833333vw !important;
}
.fs-30 {
font-size: 1.5625vw !important;
}
.fs-35 {
font-size: 1.8229166667vw !important;
}
.fs-40 {
font-size: 2.0833333333vw !important;
}
.fs-45 {
font-size: 2.34375vw !important;
}
.fs-50 {
font-size: 2.6041666667vw !important;
}
.fs-60 {
font-size: 3.125vw !important;
}
.fs-70 {
font-size: 3.6458333333vw !important;
}
.fs-80 {
font-size: 4.1666666667vw !important;
}
.fs-90 {
font-size: 4.6875vw !important;
}
.fs-100 {
font-size: 5.2083333333vw !important;
}
.lh-0 {
line-height: 0vw !important;
}
.lh-10 {
line-height: 0.5208333333vw !important;
}
.lh-15 {
line-height: 0.78125vw !important;
}
.lh-16 {
line-height: 0.8333333333vw !important;
}
.lh-17 {
line-height: 0.8854166667vw !important;
}
.lh-18 {
line-height: 0.9375vw !important;
}
.lh-19 {
line-height: 0.9895833333vw !important;
}
.lh-20 {
line-height: 1.0416666667vw !important;
}
.lh-25 {
line-height: 1.3020833333vw !important;
}
.lh-30 {
line-height: 1.5625vw !important;
}
.lh-35 {
line-height: 1.8229166667vw !important;
}
.lh-40 {
line-height: 2.0833333333vw !important;
}
.lh-45 {
line-height: 2.34375vw !important;
}
.lh-50 {
line-height: 2.6041666667vw !important;
}
.lh-60 {
line-height: 3.125vw !important;
}
.lh-70 {
line-height: 3.6458333333vw !important;
}
.lh-80 {
line-height: 4.1666666667vw !important;
}
.lh-90 {
line-height: 4.6875vw !important;
}
.lh-100 {
line-height: 5.2083333333vw !important;
}
.mt-0 {
margin-top: 0vw !important;
}
.mt-10 {
margin-top: 0.5208333333vw !important;
}
.mt-20 {
margin-top: 1.0416666667vw !important;
}
.mt-30 {
margin-top: 1.5625vw !important;
}
.mt-40 {
margin-top: 2.0833333333vw !important;
}
.mt-50 {
margin-top: 2.6041666667vw !important;
}
.mt-60 {
margin-top: 3.125vw !important;
}
.mt-70 {
margin-top: 3.6458333333vw !important;
}
.mt-80 {
margin-top: 4.1666666667vw !important;
}
.mt-90 {
margin-top: 4.6875vw !important;
}
.mt-100 {
margin-top: 5.2083333333vw !important;
}
.mr-0 {
margin-right: 0vw !important;
}
.mr-10 {
margin-right: 0.5208333333vw !important;
}
.mr-20 {
margin-right: 1.0416666667vw !important;
}
.mr-30 {
margin-right: 1.5625vw !important;
}
.mr-40 {
margin-right: 2.0833333333vw !important;
}
.mr-50 {
margin-right: 2.6041666667vw !important;
}
.mr-60 {
margin-right: 3.125vw !important;
}
.mr-70 {
margin-right: 3.6458333333vw !important;
}
.mr-80 {
margin-right: 4.1666666667vw !important;
}
.mr-90 {
margin-right: 4.6875vw !important;
}
.mr-100 {
margin-right: 5.2083333333vw !important;
}
.mb-0 {
margin-bottom: 0vw !important;
}
.mb-10 {
margin-bottom: 0.5208333333vw !important;
}
.mb-20 {
margin-bottom: 1.0416666667vw !important;
}
.mb-30 {
margin-bottom: 1.5625vw !important;
}
.mb-40 {
margin-bottom: 2.0833333333vw !important;
}
.mb-50 {
margin-bottom: 2.6041666667vw !important;
}
.mb-60 {
margin-bottom: 3.125vw !important;
}
.mb-70 {
margin-bottom: 3.6458333333vw !important;
}
.mb-80 {
margin-bottom: 4.1666666667vw !important;
}
.mb-90 {
margin-bottom: 4.6875vw !important;
}
.mb-100 {
margin-bottom: 5.2083333333vw !important;
}
.ml-0 {
margin-left: 0vw !important;
}
.ml-10 {
margin-left: 0.5208333333vw !important;
}
.ml-20 {
margin-left: 1.0416666667vw !important;
}
.ml-30 {
margin-left: 1.5625vw !important;
}
.ml-40 {
margin-left: 2.0833333333vw !important;
}
.ml-50 {
margin-left: 2.6041666667vw !important;
}
.ml-60 {
margin-left: 3.125vw !important;
}
.ml-70 {
margin-left: 3.6458333333vw !important;
}
.ml-80 {
margin-left: 4.1666666667vw !important;
}
.ml-90 {
margin-left: 4.6875vw !important;
}
.ml-100 {
margin-left: 5.2083333333vw !important;
}
.pt-0 {
padding-top: 0vw !important;
}
.pt-10 {
padding-top: 0.5208333333vw !important;
}
.pt-20 {
padding-top: 1.0416666667vw !important;
}
.pt-30 {
padding-top: 1.5625vw !important;
}
.pt-40 {
padding-top: 2.0833333333vw !important;
}
.pt-50 {
padding-top: 2.6041666667vw !important;
}
.pt-60 {
padding-top: 3.125vw !important;
}
.pt-70 {
padding-top: 3.6458333333vw !important;
}
.pt-80 {
padding-top: 4.1666666667vw !important;
}
.pt-90 {
padding-top: 4.6875vw !important;
}
.pt-100 {
padding-top: 5.2083333333vw !important;
}
.pr-0 {
padding-right: 0vw !important;
}
.pr-10 {
padding-right: 0.5208333333vw !important;
}
.pr-20 {
padding-right: 1.0416666667vw !important;
}
.pr-30 {
padding-right: 1.5625vw !important;
}
.pr-40 {
padding-right: 2.0833333333vw !important;
}
.pr-50 {
padding-right: 2.6041666667vw !important;
}
.pr-60 {
padding-right: 3.125vw !important;
}
.pr-70 {
padding-right: 3.6458333333vw !important;
}
.pr-80 {
padding-right: 4.1666666667vw !important;
}
.pr-90 {
padding-right: 4.6875vw !important;
}
.pr-100 {
padding-right: 5.2083333333vw !important;
}
.pb-0 {
padding-bottom: 0vw !important;
}
.pb-10 {
padding-bottom: 0.5208333333vw !important;
}
.pb-20 {
padding-bottom: 1.0416666667vw !important;
}
.pb-30 {
padding-bottom: 1.5625vw !important;
}
.pb-40 {
padding-bottom: 2.0833333333vw !important;
}
.pb-50 {
padding-bottom: 2.6041666667vw !important;
}
.pb-60 {
padding-bottom: 3.125vw !important;
}
.pb-70 {
padding-bottom: 3.6458333333vw !important;
}
.pb-80 {
padding-bottom: 4.1666666667vw !important;
}
.pb-90 {
padding-bottom: 4.6875vw !important;
}
.pb-100 {
padding-bottom: 5.2083333333vw !important;
}
.pl-0 {
padding-left: 0vw !important;
}
.pl-10 {
padding-left: 0.5208333333vw !important;
}
.pl-20 {
padding-left: 1.0416666667vw !important;
}
.pl-30 {
padding-left: 1.5625vw !important;
}
.pl-40 {
padding-left: 2.0833333333vw !important;
}
.pl-50 {
padding-left: 2.6041666667vw !important;
}
.pl-60 {
padding-left: 3.125vw !important;
}
.pl-70 {
padding-left: 3.6458333333vw !important;
}
.pl-80 {
padding-left: 4.1666666667vw !important;
}
.pl-90 {
padding-left: 4.6875vw !important;
}
.pl-100 {
padding-left: 5.2083333333vw !important;
}
.t-0 {
top: 0vw !important;
}
.t-10 {
top: 0.5208333333vw !important;
}
.t-20 {
top: 1.0416666667vw !important;
}
.t-30 {
top: 1.5625vw !important;
}
.t-40 {
top: 2.0833333333vw !important;
}
.t-50 {
top: 2.6041666667vw !important;
}
.t-60 {
top: 3.125vw !important;
}
.t-70 {
top: 3.6458333333vw !important;
}
.t-80 {
top: 4.1666666667vw !important;
}
.t-90 {
top: 4.6875vw !important;
}
.t-100 {
top: 5.2083333333vw !important;
}
.r-0 {
right: 0vw !important;
}
.r-10 {
right: 0.5208333333vw !important;
}
.r-20 {
right: 1.0416666667vw !important;
}
.r-30 {
right: 1.5625vw !important;
}
.r-40 {
right: 2.0833333333vw !important;
}
.r-50 {
right: 2.6041666667vw !important;
}
.r-60 {
right: 3.125vw !important;
}
.r-70 {
right: 3.6458333333vw !important;
}
.r-80 {
right: 4.1666666667vw !important;
}
.r-90 {
right: 4.6875vw !important;
}
.r-100 {
right: 5.2083333333vw !important;
}
.b-0 {
bottom: 0vw !important;
}
.b-10 {
bottom: 0.5208333333vw !important;
}
.b-20 {
bottom: 1.0416666667vw !important;
}
.b-30 {
bottom: 1.5625vw !important;
}
.b-40 {
bottom: 2.0833333333vw !important;
}
.b-50 {
bottom: 2.6041666667vw !important;
}
.b-60 {
bottom: 3.125vw !important;
}
.b-70 {
bottom: 3.6458333333vw !important;
}
.b-80 {
bottom: 4.1666666667vw !important;
}
.b-90 {
bottom: 4.6875vw !important;
}
.b-100 {
bottom: 5.2083333333vw !important;
}
.l-0 {
left: 0vw !important;
}
.l-10 {
left: 0.5208333333vw !important;
}
.l-20 {
left: 1.0416666667vw !important;
}
.l-30 {
left: 1.5625vw !important;
}
.l-40 {
left: 2.0833333333vw !important;
}
.l-50 {
left: 2.6041666667vw !important;
}
.l-60 {
left: 3.125vw !important;
}
.l-70 {
left: 3.6458333333vw !important;
}
.l-80 {
left: 4.1666666667vw !important;
}
.l-90 {
left: 4.6875vw !important;
}
.l-100 {
left: 5.2083333333vw !important;
}
}
@media screen and (min-width: 0px) and (max-width: 1000px) {
.w-100 {
width: 100% !important;
}
.w-75 {
width: 100% !important;
}
.w-60 {
width: 100% !important;
}
.w-50 {
width: 100% !important;
}
.w-40 {
width: 100% !important;
}
.w-25 {
width: 100% !important;
}
.w-0 {
width: 0% !important;
}
.h-100 {
height: auto !important;
}
.h-75 {
height: auto !important;
}
.h-50 {
height: auto !important;
}
.h-25 {
height: auto !important;
}
.h-0 {
height: 0% !important;
}
.fs-0 {
font-size: 0vw !important;
}
.fs-10 {
font-size: 2.5vw !important;
}
.fs-15 {
font-size: 3.75vw !important;
}
.fs-16 {
font-size: 4vw !important;
}
.fs-17 {
font-size: 4.25vw !important;
}
.fs-18 {
font-size: 4.5vw !important;
}
.fs-19 {
font-size: 4.75vw !important;
}
.fs-20 {
font-size: 4vw !important;
}
.fs-25 {
font-size: 4.25vw !important;
}
.fs-30 {
font-size: 7.5vw !important;
}
.fs-35 {
font-size: 8.75vw !important;
}
.fs-40 {
font-size: 6vw !important;
}
.fs-45 {
font-size: 6.25vw !important;
}
.fs-50 {
font-size: 6vw !important;
}
.fs-60 {
font-size: 12vw !important;
}
.fs-70 {
font-size: 8.5vw !important;
}
.fs-80 {
font-size: 20vw !important;
}
.fs-90 {
font-size: 22.5vw !important;
}
.fs-100 {
font-size: 12vw !important;
}
.lh-0 {
line-height: 0vw !important;
}
.lh-10 {
line-height: 2.5vw !important;
}
.lh-15 {
line-height: 3.75vw !important;
}
.lh-16 {
line-height: 4vw !important;
}
.lh-17 {
line-height: 4.25vw !important;
}
.lh-18 {
line-height: 4.5vw !important;
}
.lh-19 {
line-height: 4.75vw !important;
}
.lh-20 {
line-height: 5vw !important;
}
.lh-25 {
line-height: 6.25vw !important;
}
.lh-30 {
line-height: 7.5vw !important;
}
.lh-35 {
line-height: 8.75vw !important;
}
.lh-40 {
line-height: 6vw !important;
}
.lh-45 {
line-height: 11.25vw !important;
}
.lh-50 {
line-height: 8.5vw !important;
}
.lh-60 {
line-height: 15vw !important;
}
.lh-70 {
line-height: 10.5vw !important;
}
.lh-80 {
line-height: 20vw !important;
}
.lh-90 {
line-height: 22.5vw !important;
}
.lh-100 {
line-height: 15vw !important;
}
.mt-0 {
margin-top: 0vw !important;
}
.mt-10 {
margin-top: 2.5vw !important;
}
.mt-20 {
margin-top: 5vw !important;
}
.mt-30 {
margin-top: 2.5vw !important;
}
.mt-40 {
margin-top: 10vw !important;
}
.mt-50 {
margin-top: 12.5vw !important;
}
.mt-60 {
margin-top: 15vw !important;
}
.mt-70 {
margin-top: 17.5vw !important;
}
.mt-80 {
margin-top: 20vw !important;
}
.mt-90 {
margin-top: 22.5vw !important;
}
.mt-100 {
margin-top: 25vw !important;
}
.mr-0 {
margin-right: 0vw !important;
}
.mr-10 {
margin-right: 2.5vw !important;
}
.mr-20 {
margin-right: 5vw !important;
}
.mr-30 {
margin-right: 7.5vw !important;
}
.mr-40 {
margin-right: 10vw !important;
}
.mr-50 {
margin-right: 12.5vw !important;
}
.mr-60 {
margin-right: 15vw !important;
}
.mr-70 {
margin-right: 17.5vw !important;
}
.mr-80 {
margin-right: 20vw !important;
}
.mr-90 {
margin-right: 22.5vw !important;
}
.mr-100 {
margin-right: 25vw !important;
}
.mb-0 {
margin-bottom: 0vw !important;
}
.mb-10 {
margin-bottom: 2.5vw !important;
}
.mb-20 {
margin-bottom: 3vw !important;
}
.mb-30 {
margin-bottom: 6vw !important;
}
.mb-40 {
margin-bottom: 10vw !important;
}
.mb-50 {
margin-bottom: 12.5vw !important;
}
.mb-60 {
margin-bottom: 15vw !important;
}
.mb-70 {
margin-bottom: 17.5vw !important;
}
.mb-80 {
margin-bottom: 20vw !important;
}
.mb-90 {
margin-bottom: 22.5vw !important;
}
.mb-100 {
margin-bottom: 25vw !important;
}
.ml-0 {
margin-left: 0vw !important;
}
.ml-10 {
margin-left: 2.5vw !important;
}
.ml-20 {
margin-left: 5vw !important;
}
.ml-30 {
margin-left: 7.5vw !important;
}
.ml-40 {
margin-left: 10vw !important;
}
.ml-50 {
margin-left: 12.5vw !important;
}
.ml-60 {
margin-left: 15vw !important;
}
.ml-70 {
margin-left: 17.5vw !important;
}
.ml-80 {
margin-left: 20vw !important;
}
.ml-90 {
margin-left: 22.5vw !important;
}
.ml-100 {
margin-left: 25vw !important;
}
.pt-0 {
padding-top: 0vw !important;
}
.pt-10 {
padding-top: 2.5vw !important;
}
.pt-20 {
padding-top: 5vw !important;
}
.pt-30 {
padding-top: 7.5vw !important;
}
.pt-40 {
padding-top: 10vw !important;
}
.pt-50 {
padding-top: 12.5vw !important;
}
.pt-60 {
padding-top: 15vw !important;
}
.pt-70 {
padding-top: 17.5vw !important;
}
.pt-80 {
padding-top: 20vw !important;
}
.pt-90 {
padding-top: 22.5vw !important;
}
.pt-100 {
padding-top: 25vw !important;
}
.pr-0 {
padding-right: 0vw !important;
}
.pr-10 {
padding-right: 2.5vw !important;
}
.pr-20 {
padding-right: 5vw !important;
}
.pr-30 {
padding-right: 7.5vw !important;
}
.pr-40 {
padding-right: 10vw !important;
}
.pr-50 {
padding-right: 12.5vw !important;
}
.pr-60 {
padding-right: 15vw !important;
}
.pr-70 {
padding-right: 17.5vw !important;
}
.pr-80 {
padding-right: 20vw !important;
}
.pr-90 {
padding-right: 22.5vw !important;
}
.pr-100 {
padding-right: 25vw !important;
}
.pb-0 {
padding-bottom: 0vw !important;
}
.pb-10 {
padding-bottom: 2.5vw !important;
}
.pb-20 {
padding-bottom: 5vw !important;
}
.pb-30 {
padding-bottom: 7.5vw !important;
}
.pb-40 {
padding-bottom: 10vw !important;
}
.pb-50 {
padding-bottom: 12.5vw !important;
}
.pb-60 {
padding-bottom: 15vw !important;
}
.pb-70 {
padding-bottom: 17.5vw !important;
}
.pb-80 {
padding-bottom: 20vw !important;
}
.pb-90 {
padding-bottom: 22.5vw !important;
}
.pb-100 {
padding-bottom: 25vw !important;
}
.pl-0 {
padding-left: 0vw !important;
}
.pl-10 {
padding-left: 2.5vw !important;
}
.pl-20 {
padding-left: 5vw !important;
}
.pl-30 {
padding-left: 7.5vw !important;
}
.pl-40 {
padding-left: 10vw !important;
}
.pl-50 {
padding-left: 12.5vw !important;
}
.pl-60 {
padding-left: 15vw !important;
}
.pl-70 {
padding-left: 17.5vw !important;
}
.pl-80 {
padding-left: 20vw !important;
}
.pl-90 {
padding-left: 22.5vw !important;
}
.pl-100 {
padding-left: 25vw !important;
}
.t-0 {
top: 0vw !important;
}
.t-10 {
top: 2.5vw !important;
}
.t-20 {
top: 5vw !important;
}
.t-30 {
top: 7.5vw !important;
}
.t-40 {
top: 10vw !important;
}
.t-50 {
top: 12.5vw !important;
}
.t-60 {
top: 15vw !important;
}
.t-70 {
top: 17.5vw !important;
}
.t-80 {
top: 20vw !important;
}
.t-90 {
top: 22.5vw !important;
}
.t-100 {
top: 25vw !important;
}
.r-0 {
right: 0vw !important;
}
.r-10 {
right: 2.5vw !important;
}
.r-20 {
right: 5vw !important;
}
.r-30 {
right: 7.5vw !important;
}
.r-40 {
right: 10vw !important;
}
.r-50 {
right: 12.5vw !important;
}
.r-60 {
right: 15vw !important;
}
.r-70 {
right: 17.5vw !important;
}
.r-80 {
right: 20vw !important;
}
.r-90 {
right: 22.5vw !important;
}
.r-100 {
right: 25vw !important;
}
.b-0 {
bottom: 0vw !important;
}
.b-10 {
bottom: 2.5vw !important;
}
.b-20 {
bottom: 5vw !important;
}
.b-30 {
bottom: 7.5vw !important;
}
.b-40 {
bottom: 10vw !important;
}
.b-50 {
bottom: 12.5vw !important;
}
.b-60 {
bottom: 15vw !important;
}
.b-70 {
bottom: 17.5vw !important;
}
.b-80 {
bottom: 20vw !important;
}
.b-90 {
bottom: 22.5vw !important;
}
.b-100 {
bottom: 25vw !important;
}
.l-0 {
left: 0vw !important;
}
.l-10 {
left: 2.5vw !important;
}
.l-20 {
left: 5vw !important;
}
.l-30 {
left: 7.5vw !important;
}
.l-40 {
left: 10vw !important;
}
.l-50 {
left: 12.5vw !important;
}
.l-60 {
left: 15vw !important;
}
.l-70 {
left: 17.5vw !important;
}
.l-80 {
left: 20vw !important;
}
.l-90 {
left: 22.5vw !important;
}
.l-100 {
left: 25vw !important;
}
} @media screen and (min-width: 651px) and (max-width: 1000px) {
.noPhone { display:none !important; }
.metBox { display:none !important; }
.blogPage {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 6vw 8vw 3vw 5vw;
}
.category {
float: left;
width: 100%;
position: relative;
margin: 2vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.category__header {
float: left;
width: 100%;
margin: 0px 0px 1.5vw 0px;
padding: 0vw 0vw 0vw 0vw;
color: #414a4d;
font-size: 1.9vw;
font-weight: 700;
line-height: 1.9vw;
text-decoration: none;
}
.category__name {
float: left;
margin: 0px 1.5vw 0px 0px;
padding: 1.1vw 1.2vw 1.1vw 1.2vw;
color: #fff;
font-size: 1.2vw;
font-weight: 400;
line-height: 1.2vw;
text-decoration: none;
background-color: #182431;
}
.category__name:hover,
.menu__active
{
background-color: #414a4d;
}
.search {
float: left;
width: 100%;
position: relative;
margin: 2vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.searchBox {
float: left;
width: 100%;
position: relative;
margin: 0vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.searchBox__input {
float: left;
width: 90%;
height: 6vw;
position: relative;
margin: 0vw 0px 0px 0px;
padding: 0px 2vw 0px 2vw;
color: #000;
font-size: 1.2vw;
font-weight: 400;
line-height: 1.2vw;
border: 1px solid rgba(0,0,0,0.2);
}
.searchBox__submit {
float: left;
width: 10%;
height: 6vw;
position: relative;
margin: 0vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #182431;
background: #182431 url(//wdb-group.ru/images/wrapperSearch.svg) center no-repeat;
background-size: 2vw;
cursor: pointer;
}
.dir {
float:left;
width:100%;
position:relative;
padding:1.2vw 0px 1.2vw 0px;
background-color: rgba(0,0,0,0.05);
border-bottom: 1px solid rgba(255,255,255,0.05);
z-index: 1;
}
.dir__li {
float:left;
position:relative;
}
.dir__li:first-child {
margin: 0px 0px 0px 2vw;
}
.dir__href {
float: left;
position: relative;
color: #000;
font-size: 1.2vw;
font-weight: 400;
line-height: 1.2vw;
text-decoration: none;
}
.dir__href:hover {
color: #182431;
}
.dir__arrow {
float: left;
width: 0.2vw;
position: relative;
margin: 0px 0.8vw
}
.blogPageOne {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 5vw 4vw 4.5vw 4vw !important;
}
.blogPageOne__foto {
float: left;
width: 100%;
position: relative;
margin: 1vw 0px 0px 0px;
padding: 1vw;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
background-color: rgba(0,0,0,0.05);
}
.blogPageOne__foto .mainFoto {
float: left;
width: 100% !important;
}
.blogPageOne__foto .mainFoto .img {
float: left;
width: 100% !important;
height: auto;
object-fit: cover;
}
.blogPageOne__content {
float: left;
width: 100%;
position: relative;
margin: 1vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#tocDiv {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 20px 0px;
color: #000;
}
#tocList {
float: left;
width: 100%;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 10px;
color: #000;
}
#tocList li {
margin: 0px 0px 8px 20px;
padding: 0px 0px 0px 0px;
line-height: 20px;
}
#tocList li ul {
margin: 0px 0px 0px 0px;
}
#tocList li ul li {
margin: 5px 0px 0px 0px;
padding: 3px 0px 0px 20px;
}
#tocList a {
color: #000;
}
.blogPageOne .newsBox__name {
} 
.blogPageOne .newsBox__data {
width: auto !important;
margin: 0.5vw 0px 0px 0px;
padding: 0px 1vw;
}
.blogPageOne .textPage {
padding: 2vw 0px 1vw 0px !important;
}
.blogPage.news {
padding: 0vw 4vw 4.5vw 4vw !important;
}
.blogPage__error {
float: left;
width: 100%;
margin: 0px 0.5vw 0px 0px;
padding: 2vw;
color: #fff;
font-size: 1.2vw;
font-weight: 400;
line-height: 1.2vw;
text-decoration: none;
background-color: #182431;
}
.blogPageOne__autor {
float:left;
width:100%;
position:relative;
margin: 1vw 0px 4vw 0px;
padding:1.2vw 2vw 1.2vw 2vw;
background-color: rgba(0,0,0,0.05);
border-bottom: 1px solid rgba(255,255,255,0.05);
z-index: 1;
}
.blogPageOne__autorName {
float: left;
position: relative;
color: #000;
font-size: 2vw;
font-weight: 400;
line-height: 2vw;
text-decoration: none;
}
.blogPageOne__autorName a {
text-decoration: none;
color: #000;
}
.blogPageOne__autorName a:hover {
color: #182431;
}
.pagination {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 4vw 0px;
padding: 0px 0px 0px 0px;
}
.pagination--page {
width: 4vw;
height: 4vw;
margin: 0px 0.2vw 0px 0.2vw;
color: #ffffff;
font-size: 2vw;
line-height: 2vw;
font-weight: 400;
text-decoration: none;
background-color: #182431 ;
}
.pagination--page.current {
background-color: #000;
}
.file--221 { margin-top: 4vw !important; }
.yms {
float: right;
position: absolute;
top: 4vw;
right: 8vw;
z-index: 20;
text-decoration: none;
color: #000000;
font-size: 2vw;
font-weight: 700;
line-height: 2vw;
letter-spacing: -0.22px;
text-decoration: none;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.yms--img {
float: left;
width: 6vw !important;
position: relative;
margin: 0px 0px 1vw 0px;
}
.news {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding: 4.5vw 3.15vw 0px 3.15vw;
position:relative;
}
.news .headerOne {
text-align: center;
}
.newsList {
float: left;
width: 100%;
position: relative;
margin: 4.5vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 1.3vw;
grid-row-gap: 1.3vw;
}
.news--all.newsBox__data {
float: left;
width:100%;
margin: 6vw 0px 0px 0px;
}
.newsBox {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.newsBox__left {
float: left;
width: 50%;
height: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.newsBox__left .mainFoto {
float:left;
width:100%;
height:100%;
position:relative;
z-index:1;
}
.newsBox__left .mainFoto .img
{
float:left;
width:100%;
height:100%;
object-fit: cover;
}
.newsBox__right {
float: left;
width: 50%;
height: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 2.5vw 3vw 0px 3vw;
}
.newsBox__data {
float: left;
height: 4vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 2vw 0px 2vw;
color: #ffffff;
font-size: 1.6vw;
font-weight: 400;
line-height: 3vw;
letter-spacing: -0.22px;
text-align: center;
text-decoration: none;
background: #182431;
}
.newsBox__name {
float: left;
width: 100%;
position: relative;
margin: 2vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000000;
font-size: 3vw;
font-weight: 700;
line-height: 4vw;
letter-spacing: -0.22px;
text-decoration: none;
}
.newsBox__category {
float: left;
width: 100%;
position: relative;
margin: 1vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #182431;
font-size: 2vw;
font-weight: 500;
line-height: 3vw;
letter-spacing: -0.22px;
text-decoration: none;
}
.newsBox__text {
float: left;
width: 100%;
position: relative;
margin: 3vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000000;
font-size: 2vw;
font-weight: 400;
line-height: 3vw;
letter-spacing: -0.22px;
text-decoration: none;
}
.newsPage {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 8vw 8vw 8vw 5vw;
}
.newsPage__left {
float: left;
width: 40%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.newsPage__left .mainFoto {
width: 100%;
}
.newsPage__left .mainFoto .img{
width: 100%;
height: 100%;
object-fit: cover;
}
.newsPage__right {
float: left;
width: 60%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 3vw 0px 0px 3vw;
}
.newsPage__right .textPage {
padding: 1vw 0px 2vw 0px;
}
.pr117 {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:9vw 5vw 9vw 5vw;
background-color: #fff;
}
.pr117__left {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr117__met {
float: left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0.7vw 1.5vw 0.7vw 1.5vw;
color: #fff;
font-size: 2vw;
font-weight: 300;
line-height: 2vw;
background-color: #182431;
}
.pr117__header {
float: left;
width: 100%;
position: relative;
margin: 2.2vw 0px 1.5vw -0.2vw;
padding: 0px 0px 0px 0px;
color: #3d4f59;
font-size: 4vw;
font-weight: 300;
line-height: 4vw;
}
.pr117__header span {
color: #182431;
}
.pr117__text {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #3d4f59;
font-size: 2.5vw;
font-weight: 300;
line-height: 3vw;
}
.pr117__right {
float: left;
width: 100%;
position: relative;
margin: 4vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr117__icons {
color: #3d4f59;
font-size: 2vw;
font-weight: 400;
line-height: 2.3vw;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 4vw;
grid-row-gap: 4vw;
}
.pr117__icons table {
float: left;
width: 100%;
height: 3.7vw;
position: relative;
}
.pr117__icons table tr td:nth-child(1) {
width: 5.5vw !important;
}
.pr117__icons table:nth-child(5) {
color: #182431;
}
.pr117__icons table tr td:nth-child(2) {
padding: 0px 0px 0px 0.8vw;
border-left: 2px solid #182431;
}
.pr117__icons table:nth-child(1) {
background: url(//wdb-group.ru/img/guard-one/pr117_1.jpg) center left no-repeat;
background-size: 4.9vw;
}
.pr117__icons table:nth-child(2) {
background: url(//wdb-group.ru/img/guard-one/pr117_2.jpg) center left 0.6vw no-repeat;
background-size: 4.9vw;
}
.pr117__icons table:nth-child(3) {
background: url(//wdb-group.ru/img/guard-one/pr117_3.jpg) center left no-repeat;
background-size: 4.9vw;
}
.pr117__icons table:nth-child(4) {
background: url(//wdb-group.ru/img/guard-one/pr117_4.jpg) center left no-repeat;
background-size: 4.9vw;
}
.pr117__icons table:nth-child(5) {
background: url(//wdb-group.ru/img/guard-one/pr117_5.jpg) center left 0.5vw no-repeat;
background-size: 4.9vw;
}
.pr117__two {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 6vw 5vw 6vw 5vw;
background-color: #f8f8f8;
}
.pr117__twoBox {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr117__headerTwo {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 3.5vw 0px;
padding: 0px 0px 0px 0px;
color: #000;
font-size: 3vw;
font-weight: 700;
line-height: 3vw;
}
.pr117__textTwo {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000;
font-size: 2vw;
font-weight: 300;
line-height: 3.5vw;
}
.pr117__textTwo strong {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0.7vw 0px;
padding: 0px 0px 0px 0px;
color: #182431;
font-size: 2.3vw;
font-weight: 700;
line-height: 2.6vw;
}
.pr117__textTwo table {
float: left;
width: 100%;
position: relative;
}
.pr117__textTwo table:nth-child(1) {
margin: 0px 0px 2.5vw 0px;
}
.twoBox--1 {
margin: 0px 0px 5vw 0px;
}
.twoBox--1 .pr117__textTwo table:nth-child(1) {
background: url(//wdb-group.ru/img/guard-one/pr117icon_1.svg) center left 2vw no-repeat;
background-size: 6.15vw;
}
.twoBox--1 .pr117__textTwo table:nth-child(2) {
background: url(//wdb-group.ru/img/guard-one/pr117icon_2.svg) center left 2vw no-repeat;
background-size: 6.05vw;
}
.twoBox--2 .pr117__textTwo table:nth-child(1) {
background: url(//wdb-group.ru/img/guard-one/pr117icon_3.svg) center left no-repeat;
background-size: 10.55vw;
}
.twoBox--2 .pr117__textTwo table:nth-child(2) {
background: url(//wdb-group.ru/img/guard-one/pr117icon_4.svg) center left 1.8vw no-repeat;
background-size: 6.57vw;
}
.twoBox--1 .pr117__textTwo table tr td {
padding: 0px 0px 0px 13vw;
}
.twoBox--2 .pr117__textTwo table tr td {
padding: 0px 0px 0px 13vw;
}
.pr117__three {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 6vw 5vw 6vw 5vw;
background-color: #fff;
justify-content: flex-start !important;
}
.pr117__headerTwo.text-center {
text-align: left;
}
.pr117__three--img--1 {
float: left;
width: 61vw;
position: relative;
margin: 2vw 0px 0px 0px;
}
.pr117__three--img--2 {
float: left;
width: 100%;
position: relative;
margin: 5vw 0px 0px 0px;
}
.textPage {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:5vw 6vw 5vw 6vw;
position:relative;
color: #000000;
font-size: 2.05vw;
font-weight: 300;
line-height: 2.7vw;
}
.textPage a {
color:#e12e38;
text-decoration:none;
}
.textPage a:hover {
color:#e12e38;
text-decoration:underline;
}
.textPage ul, .textPage ol { 
float:left;
width:100%; 
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.textPage ul li {
float:left;     
width: 100%;
margin:0px 0px 0.1vw 0px;
padding:0px 0px 0px 1.3vw;  
position:relative;              
list-style: none; 
background: url(//wdb-group.ru/images/ul_li_arrow.svg) top 0.4vw left no-repeat;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.textPage ol li {
float:left;     
width: 100%;
margin:0px 0px 0.1vw 1.3vw;
padding:0px 0px 0px 0px;
position:relative;
}
.wrapper {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:4vw 5vw 4vw 5vw;
position:relative;
top:0;
left:0;
background:#fff;
border-bottom:1px solid #f8f8f8;
z-index:30;
display:block !important;
}   
.wrapper .logo {
float:right;
width:30vw;
right:50%;
position:absolute;
margin:0px -15vw 0px 0px;
padding:0px 0px 0px 0px;
}
.wrapper .logo .img {
float:left;
width:100%;
}   
.wrapper .inside {
float:right;
height:100%;
position:relative;
margin:4vw 0px 0px 0px;
padding:0px 0px 0px 0px;
background:#fff;
display:none ;
}
.wrapper .menu {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style: none; 
}
.wrapper .menu__name {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;        
}           
.wrapper .menu__href {
float:left;
width: 100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size:3vw;
font-weight:400;
line-height:6vw;
text-decoration:none;
letter-spacing: 0.75px;
cursor:pointer;
border-bottom: 0px solid #000;
align-items: flex-start;
align-content: flex-start;
justify-content: flex-start;
}
.wrapper .menu__hrefArrow {
float:right;
width:0.45vw;
margin:0px 0px 0px 0.6vw;
padding:0px 0px 0px 0px;
position:relative;
}
.wrapper .menu__href:hover {
color: #e57917;
border-bottom: 0px solid #fc7f01;
}
.wrapper .menu__name.menu__active .menu__href, .wrapper .menu__name .menu__href.menu__active {
color: #e57917;
border-bottom: 0px solid #fc7f01;
}
.wrapper .menu__hr {
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 1.5vw 0px 1.5vw;
}
.wrapper .menu__name:nth-child(2) .menu__hr {
padding:0px 0.9vw 0px 1.5vw;
}
.wrapper .menu__name:last-child .menu__href .menu__hr { 
display:none;
visibility:hidden;
}
.wrapper .other {
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.wrapper .other .other__lang {
float:left;
width:100%;
position:relative;
margin:2vw 0px 0px 0px;
padding:0px 0px 0px 0px;
text-decoration:none;
cursor:pointer;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.wrapper .other .other__lang a {
float:left;
width:4.5vw;
height:4.5vw;
margin:0px 0.2vw 0.2vw 0.2vw;
color: #000000;
font-weight:400;
font-size:2vw;
line-height:4.5vw;
text-decoration:none;
text-align:center;
background:#fff;
border:1px solid #d6d6d6;
border-radius:8px;
}
.wrapper .other .other__lang:hover a {
display:block;
}
.wrapper .other .other__lang a:hover {
color: #e57917;
}
.wrapper .other .other__lang .langArrow {
float:right;
width:0.45vw;
position:absolute;
top:50%;
right:-0.225vw;
margin:-0.15vw 0px 0px 0px;
}
.wrapper .other .other__lang:hover .langArrow {
right:0.2vw;
margin:-0.1vw 0px 0px 0px;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.wrapper .menuPhone { 
float:left;
width:4vw;
margin:1.2vw 0px 0px 0px !important;
cursor:pointer;
position:relative;
}
.wrapper .userIcon {
float:right;
width:4vw;
margin:1vw 0px 0px 0px !important;
cursor:pointer;
position:relative;
}
.wrapper.smallWrapper {
}
.wrapper.smallWrapper .logo {
}
.menuProduct {
float:left;
width:100%;
height:0;
position:relative;
left:0;
top:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:#fafafa;
overflow:hidden;
z-index:15;
opacity:1;
}
.activeMenuProduct {
opacity:1;
height:auto;
padding:4vw 5vw 4vw 5vw;
}
.menuProduct .list {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.menuProduct .list .box {
float:left;
width:49%;
height:25vw;
position:relative;
margin:0px 0px 2vw 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}
.menuProduct .list .box-23 {
background: url(//wdb-group.ru/images/productBox_23.jpg) center no-repeat;
background-size:cover;
}
.menuProduct .list .box-24 {
background: url(//wdb-group.ru/images/productBox_24.jpg) center no-repeat;
background-size:cover;
}
.menuProduct .list .box-25 {
background: url(//wdb-group.ru/images/productBox_25.jpg) center no-repeat;
background-size:cover;
}
.menuProduct .list .box-26 {
background: url(//wdb-group.ru/images/productBox_26.jpg) center no-repeat;
background-size:cover;
}
.menuProduct .list .box-117 {
background: url(//wdb-group.ru/images/productBox_117.jpg) center no-repeat;
background-size:cover;
}
.menuProduct .list .box .mainFoto {
float:left;
width:100%;
height:20vw;
position:relative;
margin:0px 0px 0px 0px;
}
.menuProduct .list .box .mainFoto .img {
float:left;
width:calc(100% - 10vw);
height:calc(100% - 10vw);
margin:5vw 5vw 5vw 5vw;
object-fit: scale-down; 
}
.menuProduct .list .box .name {
float:left;
width:100%;
height:5vw;
position:relative;
color: #fff;            
font-size: 2vw;
font-weight: 400;
line-height: 5vw;
letter-spacing: -0.22px;
text-align:center;
text-decoration:none;       
background:#182431;     
}
.menuProduct .list .box:hover .name, .activeSubmenu .name {
color: #ffffff !important;
background:#182431;
}
.menuProduct .list .box-117 .name:before {
content: 'NEW';
color: #fff;
font-weight: 700;
margin: 0px 0.2vw 0px 0px;
}
.metBox {
float:right;
width:3.25vw;
position:absolute;
top:50%;
right:0;
margin:-10vw 0px 0px 0px;
z-index:5;
}
.metBox .metIcon {
float:left;
width:100%;
position:relative;
margin:0px 0px 0.5vw 0px;
padding:0px 0px 0px 0px;
}
.addMargin {
float:left;
width:100%;
height:0;
margin:0px 0px 0px 0px;
position:relative;
}
.slideShow {
float:left;
width:100%;
height: 60vw;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.slideShow .slideShow-owl {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.slideShow .slideShow-owl .owl-item {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.slideShow .slideShow-owl .owl-nav { 
display:none !important;
}   
.slideShow .slideShow-owl .owl-dots { 
display:none !important;
}   
.slideShow .scrollDown {
display:none !important;
}
.video {
float:left;
position:absolute;
left:0;
top:0;
width:100%;
min-width:100%;
height:100%;        
min-height:100%;        
z-index: 1;
object-fit: cover;  
}
.moreOne {
float:left;
height:6vw;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 4vw 0px 4vw;
color: #ffffff;
font-size: 2vw;
font-weight: 600;
line-height: 2vw;
text-transform: uppercase;
text-decoration: none;
background: #182431;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
cursor:pointer;
}
.moreOne .moreOneArrow {
float:right;
width:2vw !important;
position:relative;
margin:0px 0px 0px 2vw;
padding:0px 0px 0px 0px;
}
.moreOne:before {
content: ' ';
float:left;
width:0;
height:0;
position:absolute;
top:-1px;
left:-1px;
opacity:0;
border-left:2px solid #000;
border-top:2px solid #000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.moreOne:hover:before {
width:100%;
height:2.65vw;
opacity:1;
}
.moreOne:after {
content: ' ';
float:right;
width:0;
height:0;
position:absolute;
bottom:-1px;
right:-1px;
opacity:0;
border-right:2px solid #000;
border-bottom:2px solid #000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.moreOne:hover:after {
width:100%;
height:2.65vw;
opacity:1;
}
.headerOne {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #414a4d;
font-size: 4vw;
font-weight: 700;
line-height: 4vw;
}
.homeOne {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 0px 5vw;
overflow:hidden;
}
.homeOne .header {
text-align:center;
margin:0px 0px 5.2vw 0px;
}
.homeOne .list {
float:left;
width:100%;
position:relative;
margin:4vw 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.homeOne .list .box {
float:left;
width:49%;
position:relative;
margin:0px 0px 2vw 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}
.homeOne .list .box .mainFoto {
float:left;
width:100%;
height:25vw;
position:relative;
}
.homeOne .list .box .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.homeOne .list .box .name {
float:left;
width:100%;
height:6vw;
position:relative;
color: #ffffff;
font-size: 2.5vw;
font-weight: 400;
line-height: 6vw;
letter-spacing: -0.22px;
text-align:center;
text-decoration:none;
background:#182431;
}
.homeTwo {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
overflow:hidden;
}
.homeTwo .box {
float:left;
width:100%; 
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 8vw 5vw;
}
.homeTwo .box:nth-child(even) {
background: #f8f8f8;
}
.homeTwo .box .left {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.homeTwo .box .left .text {
float:left;
width:100%;
position:relative;
margin:4vw 0px 4vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 3vw;
font-weight: 400;
line-height: 4vw;
letter-spacing: 0.36px;
}
.homeTwo .box .right, .homeTwo .box .right .iframe {
float:left;
width:100%;
height:40vw;
position:relative;
margin:4vw 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.homeTwo .box .right .iframe {
width:100%;
}
.homeThree {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 4vw 5vw;
}
.homeThree .headerMain {
float:left;
height:8vw;
margin:0px 0px 4vw 0px;
padding:0px 6vw 0px 6vw;
position:relative;
color: #ffffff;
font-size: 4vw;
line-height: 4vw;
font-weight: 700;
background:#182431;
z-index:2;
}
.homeThree .box {
float:left;
width:100%;
height:55vw;
position:relative;
margin:0px 0px 0.5vw 0px;
padding:0px 0px 0px 0px;
z-index:1;
}
.homeThree .box .inside {
float:left;
position:absolute;
left:5vw;
bottom:5vw;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;        
z-index:2;
}
.homeThree .box .inside .header {
float:left;
position:relative;
color: #ffffff;
font-size: 4vw;
line-height: 5vw;
font-weight: 600;
}
.homeThree .box .inside .hr {
float:left;
position:relative;
margin:0px 2.5vw 0px 2.5vw;
color: #182431;
font-size: 4vw;
line-height: 4vw;
font-weight: 600;
}
.homeThree .box .mainFoto {
float:left;
width:100%;
height:100%;
position:relative;
z-index:1;
}
.homeThree .box .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.baner {
float:left;
width:100%;
height:60vw;
position:relative;
overflow:hidden;
}   
.slideShow .baner { height:100%; }
.baner .inside {
float:left;
width:100%;
position:absolute;
left:0;
bottom:0;
margin:0px 0px 0px 0px;
padding:3vw 5vw 2vw 5vw;
z-index:3;
background:#182431;
}   
.contactBaner  {
height:40vw;
}
.contactBaner .inside {
display:none;
}
.baner .inside .text {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#fff;
font-size:0vw;
line-height:0vw;
font-weight:400;
position:relative;
}       
.baner .inside .text p { font-size:0; }
.baner .inside .text p em {
display:block !important;
float:left;
width:100%;
position:relative;
margin:0px 0px 1vw -0.3vw;
padding:0px 0px 0px 0px;
font-size:3vw;
line-height:4vw;
font-weight:700;
font-style:normal;
}
.baner.contactBaner .inside .text a {
float:left;
width:100%;
margin:2vw 0px 2vw 0px;
padding:0px 0px 0px 4.5vw;
position:relative;
color: #ffffff;
font-size: 1.85vw;
font-weight: 700;
text-decoration:none;
background: url(//wdb-group.ru/images/contactBanerIcon_1.svg) left no-repeat;
background-size:3.5vw auto;
}
.baner.contactBaner .inside .text strong {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 4.5vw;
position:relative;          
text-decoration:none;       
font-style:normal;
font-weight:500;
}
.baner.contactBaner .inside .text strong.addIcon {
background: url(//wdb-group.ru/images/contactBanerIcon_2.svg) left no-repeat;
background-size:3.5vw auto;
}
.baner .inside .text .moreOne {
display:none;
}
.baner .otherBox {
display:none !important;
visibility:hidden !important;
}
.baner .otherBoxTwo {
display:none !important;
visibility:hidden !important;
}
.baner .mainFoto {
float:left;
width:150%;
height:100%;
position:absolute;
top:0;
left:-40%;
}
.baner.product-23 .mainFoto {
width:170%;
left:-62%;
}
.baner.product-24 .mainFoto {
width:130%;
left:-20%;
top:-5%;
}
.baner.product-25 .mainFoto {
width:170%;
left:-58%;
}
.baner.product-26 .mainFoto {
width:170%;
left:-42%;
}
.baner .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.baner .scrollDown {
display:none;
}
.company {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 4vw 5vw;
}
.company .header {
margin:0px 0px 6vw 0px;
text-align:center;
}
.company .mapBox {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.company .mapBox .img {
float:left;
width:100%;
}
.company .inside {
float:left;
width:100%;
position:relative;
margin:8vw 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.company .inside .companyLogo {
float:left;
width:30vw;
margin:0px 0px 3vw 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.company .inside .text {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #000000;
font-size: 3vw;
font-weight: 400;
line-height: 4vw;
}
.company .inside .text ul, .company .inside .text ol { 
float:left;
width:100%; 
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.company .inside .text ul li {
float:left;     
width: 100%;
margin:0px 0px 0.2vw 0px;
padding:0px 0px 0px 4vw;    
position:relative;  
color: #182431;
font-weight:900;
list-style: none; 
text-transform: uppercase;
background: url(//wdb-group.ru/images/company_ul_li_arrow.png) top 1vw left no-repeat;
background-size:2vw auto !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.company .inside .text ol li {
float:left;     
width: 100%;
margin:0px 0px 0.1vw 1.3vw;
padding:0px 0px 0px 0px;
position:relative;
}
.sectionOne {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
}
.sectionOne.bgOne { background: url(//wdb-group.ru/images/offerSectionBg_1.jpg) center no-repeat;background-size:cover; }
.sectionOne.addLastMargin {
margin:0px 0px 3vw 0px;
}
.sectionOne .box {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 8vw 5vw;
}
.sectionOne .box:nth-child(even) {
background: #f8f8f8;
}   
.sectionOne .box .left {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 2vw 0px;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.sectionOne .box .left .text {
float:left;
width:100%;
position:relative;
margin:4vw 0px 4vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 2.5vw;
font-weight: 400;
line-height: 3.5vw;
letter-spacing: 0.36px;
}
.sectionOne .box .right, .sectionOne .box .right .iframe {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}   
.sectionOne .box .right .iframe {
width:100%;
height:45vw;
}
.sectionOne .box .right .mainFoto {
float:left;
width:100%;
height:100%;
position:relative;
}
.sectionOne .box .right.addWidth .mainFoto {
width:100%;
height:auto;
}
.sectionOne .box .right.noHeight .mainFoto {
width:auto;
height:auto;
}
.sectionOne .box .right.addHeightOne .mainFoto {
width:auto;
height:auto;
}
.sectionOne .box .right .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.sectionTwo {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
}
.sectionTwo .box {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 8vw 5vw;
background: #f8f8f8;
}
.sectionTwo .box .left {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 10vw 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.sectionTwo .box .left .text {
float:left;
width:100%;
position:relative;
margin:4vw 0px 8vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 2.5vw;
font-weight: 400;
line-height: 3.5vw;
letter-spacing: 0.36px;
}
.sectionTwo .box .right {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.sectionTwo .box .right .mainFoto {
float:left;
width:100%;
height:100%;
position:relative;
}
.sectionTwo .box .right .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.sectionThree {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
}
.sectionThree.productOwl .owl-item {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.sectionThree .box {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 8vw 5vw;
background: #fff;
}
.sectionThree .box .left {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0vw;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
z-index:2;
}
.sectionThree .box .left.toRight {
float:right;
margin:0px 0px 0px 0px;
}
.sectionThree .box .header {
line-height:8.5vw;
}
.sectionThree .box .header.smallWidth {
width:90%;
}
.sectionThree .box .left .text {
float:left;
width:60%;
position:relative;
margin:2vw 0px 2vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 2.5vw;
font-weight: 400;
line-height: 3.5vw;
letter-spacing: 0.36px;
}
.sectionThree .box .left .text ul, .sectionThree .box .left .text ol { 
float:left;
width:100%; 
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.sectionThree .box .left .text ul li {
float:left;     
width: 100%;
margin:0px 0px 0.5vw 0px;
padding:0px 0px 0px 4vw;    
position:relative;  
color: #000000;
font-weight:400;
list-style: none; 
background: url(//wdb-group.ru/images/company_ul_li_arrow.png) top 1.1vw left no-repeat;
background-size:2vw auto !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.sectionThree .box .left .text ol li {
float:left;     
width: 100%;
margin:0px 0px 0.1vw 1.3vw;
padding:0px 0px 0px 0px;
position:relative;
}
.sectionThree .box .mainFoto {
float:left;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:1;
}
.sectionThree .box .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.sectionThree .owl-nav { 
display:none !important;
}
.wr {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:6vw 8vw 6vw 8vw;
background: #f8f8f8;
}
.wr__left {
float:left;
width:100%;
position:relative;
margin:0px 0px 8vw 0px;
padding:0px 0px 0px 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.wr__left .text {
float:left;
width:100%;
position:relative;
margin:4vw 0px 4vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 3vw;
font-weight: 400;
line-height: 4vw;
letter-spacing: 0.36px;
}
.wr__qr {
float: left;
width: 16vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.wr__right {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.wr__model {
float: left;
width: 100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.sectionFour {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 8vw 5vw;
}
.sectionFour.noTopPadding {
padding-top:0;
}
.sectionFour .header {
margin:0px 0px 4vw 0px;
text-align:center;
}
.sectionFour .text {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#fff;
font-size:4vw;
line-height:5vw;
font-weight:400;
}
.sectionFour .mainFoto {
float:left;
width:100%;
position:relative;
}
.sectionFour .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.sectionFour .galleryFoto {
float:left;
width:100%;
position:relative;
margin:2vw 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.sectionFour .galleryFoto .box {
float:left;
width: 100%;
height:auto;
position:relative;
margin:0px 0px 1vw 0px;
}
.sectionFour .galleryFoto .box .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.documentation {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.documentation .main {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 8vw 5vw;
background:#f5f5f5;
}
.documentation .main .header {
text-align:center;
}
.documentation .main .filesBox {
float:left;
width:100%;
position:relative;
margin:5vw 0px 0px 0px;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.documentation .main .filesBoxFile {
float:left;
width:100%;
height:25vw;
position:relative;
margin:0px 0px 1vw 0px;
padding:0.5vw 0px 0.5vw 0px;
font-size:3vw;
line-height:3vw;
font-weight:600;
color:#000;
text-decoration:none;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
background:#fff;
}
.documentation .main .filesBoxFile .img {
float:left;
width:8vw;
position:relative;
margin:0px 0px 2vw 0px;
}
.documentation .main .filesBoxFile:hover {
color:#182431;
}
.documentation .list {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 0px 5vw;
}
.documentation .list .box {
float:left;
width:100%;         
margin:0px 0px 8vw 0px;
padding:0px 0px 0px 0px;
position:relative;
}       
.documentation .list .box .left {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.documentation .list .box .left.boxDocumentation-28 {
background: url(//wdb-group.ru/images/boxDocumentation_28.jpg) center no-repeat;
background-size:cover;
}
.documentation .list .box .left.boxDocumentation-29 {
background: url(//wdb-group.ru/images/boxDocumentation_29.jpg) center no-repeat;
background-size:cover;
}
.documentation .list .box .left.boxDocumentation-30 {
background: url(//wdb-group.ru/images/boxDocumentation_30.jpg) center no-repeat;
background-size:cover;
}
.documentation .list .box .left.boxDocumentation-31 {
background: url(//wdb-group.ru/images/boxDocumentation_31.jpg) center no-repeat;
background-size:cover;
}
.documentation .list .box .left .mainFoto {
display:none;
}
.documentation .list .box .left .mainFoto .img {
display:none;
}
.documentation .list .box .left .name {
float:left;
width:100%;
height:8vw;
position:relative;
color: #ffffff;
background:#182431;                 
font-size: 4vw;
font-weight: 500;
line-height: 8vw;
letter-spacing: -0.22px;
text-align:center;
text-decoration:none;               
}
.documentation .list .box .right {
float:left;
width:100%;
height:100%;
margin:0.5vw 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
border:1px solid #e2e3e4;
border-left:1px solid #e2e3e4;
}
.documentation .list .box .right .submenu {
float:left;
width:100%;
position:relative;
}
.documentation .list .box .right .submenu .name {
float:left;
width:100%;
height:6vw;
position:relative;
color: #000000;
font-size: 3vw;
font-weight: 700;
line-height: 3vw;
letter-spacing: 0.4px;
border-bottom:1px solid #e2e3e4;
background:#fbfbfb;
cursor:pointer;
}
.documentation .list .box .right .submenu .name:hover, .documentation .list .box .right .submenu .name.activeSubmenu {
color:#fff;
background:#182431;
}
.documentation .list .box .right .fileList {
float:left;
width:100%;
position:relative;
overflow:hidden;
background:#fbfbfb;
}
.documentation .list .box .right .fileList .fileListBox {
display:none;
float:left;
width:100%;
height:100%;
position:relative;
left:0;
top:0;
margin:0px 0px 0px 0px;
padding:2vw 3vw 2vw 3vw;
}
.documentation .list .box .right .fileList .fileListBox .filesBox {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.documentation .list .box .right .fileList .fileListBox.box50 .filesBox {
width:100%;
}
.documentation .list .box .right .fileList .fileListBox .filesBoxFile {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:1vw 0px 1vw 0px;
font-size:2.5vw;
line-height:3vw;
font-weight:400;
color:#000;
text-decoration:none;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.documentation .list .box .right .fileList .fileListBox .filesBoxFile .img {
float:left;
width:3vw;
position:relative;
margin:0px 1vw 0px 0px;
}
.documentation .list .box .right .fileList .fileListBox .filesBoxFile:hover {
color:#182431;
}
.application {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 7vw 0px;
}
.application__baner {
float:left;
width:100%;
height:45vw;
position:relative;
}
.application__baner .header {
float:left;
position:absolute;
top:6vw;
left:0;
margin:0px 0px 0px 0px;
padding:4vw 8.2vw 4vw 4.2vw;
color: #ffffff;
font-size: 5vw;
line-height: 5vw;
font-weight: 700;
z-index:3;
background:#182431;
}
.application__baner .mainFoto {
float:left;
width:100%;
position:relative;
z-index:2;
}
.application__baner .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.applicationIframe {
float:left;
width:100%;
height:600px;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}
.applicationIframe .inside {
float:left;
width:100%;
height:600px;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.notification {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 8vw 5vw;
background: url(//wdb-group.ru/images/notificationBg.jpg) top no-repeat;
background-size:100%;
}
.notification .header {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 4vw 0px;
padding: 0px 0px 0px 0px;
color: #000000;
font-size: 6vw;
line-height: 6vw;
font-weight: 900;
}
.contact {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 12vw 0px;
}
.contact .left {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 0px 5vw;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:flex-start;
}
.contact .left .text {
float:left;
width:100%;
position:relative;
color: #000000;
font-size: 2.5vw;
font-weight: 400;
line-height: 3vw;
}
.contact .left .text h2 {
float:left;
width:100%;
position:relative;
margin:0px 0px 2vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 4vw;
line-height: 4vw;
font-weight: 900;
}
.contact .left .text h3 {
float:left;
width:100%;
position:relative;
margin:0px 0px 2vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 4vw;
line-height: 4vw;
font-weight: 900;
}
.contact .left .text a {
text-decoration:none;
color: #182431;
}
.contact .left .text a[href^="tel:"] {
color: #000000;
text-decoration: none;
}
.contact .left .text a[href^="tel:"]:hover {
color: #182431;
text-decoration: none;
}
.contact .left .text table {
float:left;
width:100% !important;
height:8vw !important;
margin:0px 0px 2vw 0px;
padding:0px 0px 0px 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.contact .left .text table tr {
height:8vw !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.contact .left .text table tr td {
height:8vw !important;
padding:0px 0px 0px 8vw;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.contact .left .text table:nth-of-type(1) tr td {
background: url(//wdb-group.ru/images/footerContact_1.png) left no-repeat;
background-size:6vw !important;
}
.contact .left .text table:nth-of-type(2) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size:6vw !important;
}
.contact .left .text table:nth-of-type(3) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size:6vw !important;
}
.contact .left .text table:nth-of-type(3) tr td.mailIcon {
background: url(//wdb-group.ru/images/footerContact_3.png) left no-repeat !important;
background-size:2.6vw !important;
}
.contact .left .text table:nth-of-type(4) tr td {
background: url(//wdb-group.ru/images/footerContact_3.png) left no-repeat;
background-size:6vw !important;
}
.contact .left .text table:nth-of-type(5) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size:6vw !important;
}
.contact .left .text table:nth-of-type(6) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size:6vw !important;
}
.contact .left .text table:nth-of-type(7) tr td {
background: url(//wdb-group.ru/images/footerContact_3.png) left no-repeat;
background-size:6vw !important;
}
.contact .left .text table:nth-of-type(8) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size:6vw !important;
}
.contact .left .text table:nth-of-type(9) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size:6vw !important;
}
.contact .left .text table:nth-of-type(10) tr td {
background: url(//wdb-group.ru/images/footerContact_3.png) left no-repeat;
background-size:6vw !important;
}
.contact  .right {
float:left;
width:100%;
position:relative;
margin:6vw 0px 0px 0px;
padding:8vw 5vw 0px 5vw;
background: url(//wdb-group.ru/images/contactRight.jpg) center no-repeat;
background-size:cover;
}
.contact .right .header {
float:left;
width:100%;
position:relative;
margin:0px 0px 4vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 4vw;
line-height: 4vw;
font-weight: 900;
}
.moveToForm {
float:left;
width:90%;
position:relative;
margin:5vw 0px 0px 0px;
padding:0px 5% 0px 5%;
background:#0160F1;
}
.moveToForm .moveOne {
float:left;
width:100%;
height:100%;
position:relative;
color: #ffffff;
font-size: 3vw;
line-height:6vw;
font-weight: 700;
text-align:left;
}
.moveToForm .moveTwo {
float:left;
width:100%;
height:100%;
position:relative;
color: #ffffff;
font-size: 3vw;
line-height:6vw;
font-weight: 700;
text-align:left;
text-decoration:none;
}
.moveToForm .moveToArrow {
float:right;
position:relative;
margin:-2vw 2vw 0px 2vw;
}
.googleMap {
float:left;
width:100%;
height:35vw;
position:relative;
margin:0px 0px 3vw 0px;
}
.googleMap .mapaBox {
float:left;
width:100%;
height:100%;
position:relative;
}
.contentMap {
float:left;
position:relative;
padding:0.8vw;
}
.contentMap__name {
float:left;
width:100%;
position:relative;
margin:0px 0px 0.5vw 0px;
color: #383436;
font-size: 1.1vw;
font-weight: 800;
line-height: 1.1vw;
text-align:left;
letter-spacing: 1px;
}
.contentMap__text {
float:left;
width:100%;
position:relative;
color: #383436;
font-size: 0.9vw;
font-weight: 400;
line-height: 1.3vw;
text-align:left;
letter-spacing: 1px;
}
.gm-ui-hover-effect {
top:3px !important;
right:3px !important;
}
.formBox { 
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 90px 0px;
}
.formBox__inside { 
float:left;
width:100%;
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.formBox__inputBox { 
float:left;
width:100%;
margin:0px 0px 2vw 0px; 
}
.formBox__inputBox.allWidth {
width:100%;
}   
.formInput { 
float:left;
width:100%;
height:8vw;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 2vw;
color: #000;
font-size:14px;
line-height:14px;   
border:1px solid #eaeaea;
background:#ffffff; 
}
.formTextarea  { 
float:left;
width:100%;
min-width:100%;
max-width:100%;
height:20vw;
min-height:20vw;
max-height:20vw;
position:relative;
margin:0px 0px 0px 0px;
padding:2vw 0px 0px 2vw;
color:#000;
font-size:14px;
line-height:14px;
border:1px solid #eaeaea;
background:#ffffff; 
}
.formSubmit  { 
float:left;
width:100%;
height:54px;
background-color: #0160F1;
color: #ffffff;
font-size: 3vw;
font-weight: 700;
line-height: 3vw;
text-transform: uppercase;
border:0px solid #dedede;
position:absolute;
left:0;
bottom:0px;
cursor:pointer; 
border-radius:2px;
}   
.formBox__checkBox {
float:left;
width:100%;
margin:2vw 0px 3vw 0px;
cursor:pointer;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.formBox__checkInput {
float:left;
width:15px;
height:15px;
position:relative;
border:1px solid #eaeaea;   
}
.formBox__checkText {
float:left;
width:calc(100% - 30px);
position:relative;
color: #909090;
font-size:2vw;
line-height:2.5vw;
font-weight:400;
text-align:justify;
}
.formBox__checkText strong {
color:#0160F1;
text-decoration:none;
}
.formInput:focus, .formTextarea:focus, .formSubmit:focus { outline:none; }
.recaptcha {
float:left;
margin:0px 2vw 0px 0px;
position:relative;
}
.formBoxDownload {
float:left;
width:100%;
position:relative;
margin:0.5vw 0px 1vw 0px;
padding:4vw 0px 2vw 0px;
border-top:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
align-content:flex-start;
}
.formBoxDownload .name {
float:left;
width:100%;
position:relative;
margin:0px 0px 2vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 4vw;
line-height:4vw;
font-weight: 700;
}
.formBoxDownload .file {
float:left;
width:100%;
position:relative;
margin:1vw 4vw 1vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 3vw;
line-height:8vw;
font-weight: 700;
text-decoration:none;
justify-content:flex-start;
align-items:flex-start;
align-content:flex-start;
}
.formBoxDownload .file .img {
float:left;
position:relative;
margin:0px 3vw 0px 0px;
padding:0px 0px 0px 0px;
}
.formBoxDownload .file:hover {
color:#0160F1;
}
.formBoxFiles {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:2vw 0px 1vw 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.formBoxFiles .formBoxFile {
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.formBoxFiles .formBoxFile .name {
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 4vw;
line-height:4vw;
font-weight: 700;
}
.formBoxFile .default {
display:none;
}
.formBoxFile .put-file {
float:left;
margin:1vw 0px 1vw 0px;
width:100%;
color: #ffffff;
font-size: 4vw;
font-weight: 600;
line-height: 8vw;
cursor:pointer;
text-align:center;
background:#0160F1;
}
.formBoxFile .upload-change {
display:none;
}
.must {
font-size:4vw;
color: #df0000;
}
.popup {
float:left;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background: rgba(0,0,0,0.9);
z-index:80;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.popup__wrap {
float:left;
width:80%;
position:relative;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.popup__title {
float:left;
width:100%;
position:relative;
color: #fff;
font-size: 1.3vw;
font-weight: 300;
line-height: 1.6vw;
text-align:center;
}
.popup__title a {
color:#fff;
}
.popup__close {
float:left;
height: 3.15vw;
position:relative;
margin:20px 0px 0px 0px;
padding:0px 2vw 0px 2vw;
color: #fefefe;
font-size: 1.1vw;
font-weight: 300;
line-height: 3.15vw;
border:0;
text-align:center;
text-decoration:none;
background:#0160F1;
}
.langSection {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 4vw 0px;
}
.langSection .inside {
float:left; 
height:100%;
position:relative;
margin:4vw 0px 0px 0px;
padding:4vw 4vw 0px 4vw;
color: #010101;
font-size: 2vw;
line-height:4vw;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.28px;
border-top:1px solid #e5e5e5;
}
.langSection .inside a {
text-decoration:none;
color: #010101;
}
.langSection .inside em {
position:relative;
top:-0.1vw;
padding:0px 1vw 0px 1vw;
font-style:normal;
color:#182431;
}
.footer {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 0px 5vw;
background-color: #f8f8f8;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start;
align-content:flex-start;
overflow:hidden;
}
.footer .boxOne {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.footer .boxOne .header {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.footer .boxOne .logo {
float:left;
width:35vw;
position:relative;
margin:0px 0px 4vw 0px;
padding:0px 0px 0px 0px;
}
.social {
float:right;
position:relative;
margin:-3vw 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.social.socialContact {
float: left;
margin:0px 0px 0px 7vw;
}
.socialLogo {
float:left;
height:4.5vw;
position:relative;
margin:0px 0px 0px 1.45vw;
padding:0px 0px 0px 0px;
}
.footer .boxOne .text {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 2.5vw;
font-weight: 400;
line-height: 3.5vw;
letter-spacing: 0.32px;
}
.footer .boxOne .text table {
float:left;
width:100% !important;
height:8vw !important;
margin:0px 0px 2vw 0px;
padding:0px 0px 0px 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.footer .boxOne .text table:nth-child(2) {
float:right;
}
.footer .boxOne .text table tr {
height:8vw !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.footer .boxOne .text table tr td {
height:6vw !important;
padding:0px 0px 0px 8vw;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.footer .boxOne .text table:nth-child(1) tr td {
background: url(//wdb-group.ru/images/footerContact_1.png) left no-repeat;
background-size:6vw !important;
}
.footer .boxOne .text table:nth-child(2) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size:6vw !important;
}
.footer .boxOne .text table:nth-child(3) tr td {
background: url(//wdb-group.ru/images/footerContact_3.png) left no-repeat;
background-size:6vw !important;
}
.footer .boxOne .text table:nth-child(4) tr td {
background: url(//wdb-group.ru/images/footerContact_3.png) left no-repeat;
background-size:6vw !important;
}
.footer .boxOne a {
color: #182431;
text-decoration:none;
}
.footer .boxOne a[href^="tel:"] {
color: #000000;
text-decoration: none;
}
.footer .boxOne a[href^="tel:"]:hover {
color: #182431;
text-decoration: none;
}
.footer .boxTwo {
float:left;
width:100%;
position:relative;
margin:30vw 0px 6vw 0px;
padding:0px 0px 0px 0px;
}
.footer .boxTwo .header {
float:left;
width:100%;
height:6vw;
position:relative;
margin:0px 0px 1.8vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 4vw;
line-height:4vw;
font-weight: 900;
}
.menuBox {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.menuBox .menuBox__link {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 3vw;
font-weight: 400;
line-height: 5vw;
letter-spacing: 0.32px;
text-decoration:none;
}
.menuBox__link.menu__active, .menuBox__link:hover {
color:#182431;
}
.footer .boxThree {
float:left;
width:100%;
position:absolute;
left:5vw;
top:62vw;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.footer .boxThree .header {
float:left;
width:100%;
height:6vw;
position:relative;
margin:0px 0px 3vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 4vw;
line-height:4vw;
font-weight: 900;
}
.footer .boxThree .text {
float:left;
width:100%;
position:relative;
color: #000000;
font-size: 3vw;
font-weight: 400;
line-height: 5vw;
letter-spacing: 0.32px;
}
.footer .boxThree .text a {
float:left;
width:100%;
height:6vw;
position:relative;
margin:0px 0px 1vw 0px;
padding:0px 0px 0px 8vw;
color: #000000;
font-size: 3vw;
line-height:3vw;
font-weight: 400;
text-decoration:none;
background: url(//wdb-group.ru/images/footerContact_2.png) left center no-repeat;
background-size: 6vw !important;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.footer .boxThree .text p {
width:90%;      
}
.footer .boxThree .text em {
font-style:normal;
color:#182431;
}
}
@media screen and (min-width: 0px) and (max-width: 650px) {
.noPhone { display:none !important; }
.metBox { display:none !important; }
.blogPage {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 6vw 4vw 3vw 4vw;
}
.category {
float: left;
width: 100%;
position: relative;
margin: 4vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.category__header {
float: left;
width: 100%;
margin: 0px 0px 2vw 0px;
padding: 0vw 0vw 0vw 0vw;
color: #414a4d;
font-size: 4vw;
font-weight: 700;
line-height: 4vw;
text-decoration: none;
}
.category__name {
float: left;
margin: 0px 1vw 0px 0px;
padding: 2vw 3vw 2vw 3vw;
color: #fff;
font-size: 3vw;
font-weight: 400;
line-height: 3vw;
text-decoration: none;
background-color: #182431;
}
.category__name:hover,
.menu__active
{
background-color: #414a4d;
}
.search {
float: left;
width: 100%;
position: relative;
margin: 2vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.searchBox {
float: left;
width: 100%;
position: relative;
margin: 0vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.searchBox__input {
float: left;
width: 90%;
height: 10vw;
position: relative;
margin: 0vw 0px 0px 0px;
padding: 0px 2vw 0px 2vw;
color: #000;
font-size: 3vw;
font-weight: 400;
line-height: 3vw;
border: 1px solid rgba(0,0,0,0.2);
}
.searchBox__submit {
float: left;
width: 10%;
height: 10vw;
position: relative;
margin: 0vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #182431;
background: #182431 url(//wdb-group.ru/images/wrapperSearch.svg) center no-repeat;
background-size: 4vw;
cursor: pointer;
}
.dir {
float:left;
width:100%;
position:relative;
padding:2vw 0px 2vw 0px;
background-color: rgba(0,0,0,0.05);
border-bottom: 1px solid rgba(255,255,255,0.05);
z-index: 1;
}
.dir__li {
float:left;
width: 100%;
position:relative;
margin: 0px 0px 0px 4vw;
}
.dir__li:first-child {
}
.dir__href {
float: left;
width: 100%;
position: relative;
color: #000;
font-size: 3vw;
font-weight: 400;
line-height: 3vw;
text-decoration: none;
}
.dir__href:hover {
color: #182431;
}
.dir__arrow {
float: left;
width: 2vw;
position: relative;
margin: 1vw 0.8vw
}
.blogPageOne {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 5vw 4vw 4.5vw 4vw !important;
}
.blogPageOne__foto {
float: left;
width: 100%;
position: relative;
margin: 1vw 0px 0px 0px;
padding: 1vw;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
background-color: rgba(0,0,0,0.05);
}
.blogPageOne__foto .mainFoto {
float: left;
width: 100% !important;
}
.blogPageOne__foto .mainFoto .img {
float: left;
width: 100% !important;
height: auto;
object-fit: cover;
}
.blogPageOne__content {
float: left;
width: 100%;
position: relative;
margin: 1vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#tocDiv {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 20px 0px;
color: #000;
}
#tocList {
float: left;
width: 100%;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 10px;
color: #000;
}
#tocList li {
margin: 0px 0px 8px 20px;
padding: 0px 0px 0px 0px;
line-height: 20px;
}
#tocList li ul {
margin: 0px 0px 0px 0px;
}
#tocList li ul li {
margin: 5px 0px 0px 0px;
padding: 3px 0px 0px 20px;
}
#tocList a {
color: #000;
}
.blogPageOne .newsBox__name {
} 
.blogPageOne .newsBox__data {
width: auto !important;
margin: 0.5vw 0px 0px 0px;
padding: 0px 1vw;
}
.blogPageOne .textPage {
padding: 2vw 0px 1vw 0px !important;
}
.blogPage.news {
padding: 0vw 4vw 4.5vw 4vw !important;
}
.blogPage__error {
float: left;
width: 100%;
margin: 0px 0.5vw 0px 0px;
padding: 2vw;
color: #fff;
font-size: 1.2vw;
font-weight: 400;
line-height: 1.2vw;
text-decoration: none;
background-color: #182431;
}
.blogPageOne__autor {
float:left;
width:100%;
position:relative;
margin: 1vw 0px 4vw 0px;
padding:1.2vw 2vw 1.2vw 2vw;
background-color: rgba(0,0,0,0.05);
border-bottom: 1px solid rgba(255,255,255,0.05);
z-index: 1;
}
.blogPageOne__autorName {
float: left;
position: relative;
color: #000;
font-size: 3vw;
font-weight: 400;
line-height: 3vw;
text-decoration: none;
}
.pagination {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 4vw 0px;
padding: 0px 0px 0px 0px;
}
.pagination--page {
width: 6vw;
height: 6vw;
margin: 0px 0.2vw 0px 0.2vw;
color: #ffffff;
font-size: 3vw;
line-height: 3vw;
font-weight: 400;
text-decoration: none;
background-color: #182431 ;
}
.pagination--page.current {
background-color: #000;
}
.yms {
float: right;
position: absolute;
top: 4vw;
right: 8vw;
z-index: 20;
text-decoration: none;
color: #000000;
font-size: 3vw;
font-weight: 700;
line-height: 3vw;
letter-spacing: -0.22px;
text-decoration: none;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.yms--img {
float: left;
width: 8vw !important;
position: relative;
margin: 0px 0px 2vw 0px;
}
.news {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding: 12vw 3.15vw 6vw 3.15vw;
position:relative;
}
.news .headerOne {
text-align: center;
}
.newsList {
float: left;
width: 100%;
position: relative;
margin: 6vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 4vw;
grid-row-gap: 8vw;
}
.news--all.newsBox__data {
float: left;
width:100%;
margin: 6vw 0px 0px 0px;
}
.newsBox {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.newsBox__left {
float: left;
width: 40%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.newsBox__left .mainFoto {
float:left;
width:100%;
position:relative;
z-index:1;
}
.newsBox__left .mainFoto .img
{
float:left;
width:100%;
height:100%;
object-fit: cover;
}
.newsBox__right {
float: left;
width: 60%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 2.5vw 3vw 0px 3vw;
}
.newsBox__data {
float: left;
height: 6vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 4vw 0px 4vw;
color: #ffffff;
font-size: 3vw;
font-weight: 400;
font-size: 3vw;
letter-spacing: -0.22px;
text-align: center;
text-decoration: none;
background: #182431;
}
.newsBox__name {
float: left;
width: 100%;
position: relative;
margin: 3vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000000;
font-size: 4vw;
font-weight: 700;
line-height: 5vw;
letter-spacing: -0.22px;
text-decoration: none;
}
.newsBox__category {
float: left;
width: 100%;
position: relative;
margin: 2vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #182431;
font-size: 3vw;
font-weight: 500;
line-height: 4vw;
letter-spacing: -0.22px;
text-decoration: none;
}
.newsBox__text {
float: left;
width: 100%;
position: relative;
margin: 2vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000000;
font-size: 3vw;
font-weight: 400;
line-height: 4vw;
letter-spacing: -0.22px;
text-decoration: none;
}
.newsPage {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 8vw 4vw 8vw 4vw;
}
.newsPage__left {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.newsPage__left .mainFoto {
width: 100%;
}
.newsPage__left .mainFoto .img{
width: 100%;
height: 100%;
object-fit: cover;
}
.newsPage__right {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 3vw 0px 0px 0vw;
}
.newsPage__right .textPage {
padding: 1vw 0px 2vw 0px;
}
.pr117 {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:13vw 5vw 13vw 5vw;
background-color: #fff;
}
.pr117__left {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr117__met {
float: left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 1.7vw 2.5vw 1.7vw 2.5vw;
color: #fff;
font-size: 4vw;
font-weight: 300;
line-height: 4vw;
background-color: #182431;
}
.pr117__header {
float: left;
width: 100%;
position: relative;
margin: 4.2vw 0px 2.5vw -0.2vw;
padding: 0px 0px 0px 0px;
color: #3d4f59;
font-size: 8vw;
font-weight: 300;
line-height: 8vw;
}
.pr117__header span {
color: #182431;
}
.pr117__text {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #3d4f59;
font-size: 5vw;
font-weight: 300;
line-height: 6vw;
}
.pr117__right {
float: left;
width: 100%;
position: relative;
margin: 8vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr117__icons {
color: #3d4f59;
font-size: 4vw;
font-weight: 400;
line-height: 4.3vw;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 4vw;
grid-row-gap: 4vw;
}
.pr117__icons table {
float: left;
width: 100%;
height: 10vw;
position: relative;
}
.pr117__icons table tr td:nth-child(1) {
width: 10vw !important;
}
.pr117__icons table:nth-child(5) {
color: #182431;
}
.pr117__icons table tr td:nth-child(2) {
padding: 0px 0px 0px 4vw;
border-left: 2px solid #182431;
}
.pr117__icons table:nth-child(1) {
background: url(//wdb-group.ru/images/pr117_1.jpg) center left no-repeat;
background-size: 8.9vw;
}
.pr117__icons table:nth-child(2) {
background: url(//wdb-group.ru/images/pr117_2.jpg) center left 0vw no-repeat;
background-size: 8.9vw;
}
.pr117__icons table:nth-child(3) {
background: url(//wdb-group.ru/images/pr117_3.jpg) center left no-repeat;
background-size: 8.9vw;
}
.pr117__icons table:nth-child(4) {
background: url(//wdb-group.ru/images/pr117_4.jpg) center left no-repeat;
background-size: 8.9vw;
}
.pr117__icons table:nth-child(5) {
background: url(//wdb-group.ru/images/pr117_5.jpg) center left 0.5vw no-repeat;
background-size: 8.9vw;
}
.pr117__two {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 12vw 2vw 12vw 5vw;
background-color: #f8f8f8;
}
.pr117__twoBox {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr117__headerTwo {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 5vw 0px;
padding: 0px 0px 0px 0px;
color: #000;
font-size: 7vw;
font-weight: 700;
line-height: 8vw;
}
.pr117__textTwo {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000;
font-size: 3.5vw;
font-weight: 400;
line-height: 5vw;
}
.pr117__textTwo strong {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 2vw 0px;
padding: 0px 0px 0px 0px;
color: #182431;
font-size: 5vw;
font-weight: 700;
line-height: 5.6vw;
}
.pr117__textTwo table {
float: left;
width: 100%;
position: relative;
}
.pr117__textTwo table:nth-child(1) {
margin: 0px 0px 8vw 0px;
}
.twoBox--1 {
margin: 0px 0px 12vw 0px;
}
.twoBox--1 .pr117__textTwo table:nth-child(1) {
background: url(//wdb-group.ru/images/pr117icon_1.svg) top left 2vw no-repeat;
background-size: 10.15vw;
}
.twoBox--1 .pr117__textTwo table:nth-child(2) {
background: url(//wdb-group.ru/images/pr117icon_2.svg) top left 2vw no-repeat;
background-size: 10.05vw;
}
.twoBox--2 .pr117__textTwo table:nth-child(1) {
background: url(//wdb-group.ru/images/pr117icon_3.svg) top left no-repeat;
background-size: 14.55vw;
}
.twoBox--2 .pr117__textTwo table:nth-child(2) {
background: url(//wdb-group.ru/images/pr117icon_4.svg) top left 1.8vw no-repeat;
background-size: 10.57vw;
}
.twoBox--1 .pr117__textTwo table tr td {
padding: 12vw 0px 0px 0vw;
}
.twoBox--2 .pr117__textTwo table tr td {
padding: 12vw 0px 0px 0vw;
}
.twoBox--2 .pr117__textTwo table:nth-child(2) tr td {
padding: 20vw 0px 0px 0vw;
}
.pr117__three {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 12vw 5vw 12vw 5vw;
background-color: #fff;
justify-content: flex-start !important;
}
.pr117__headerTwo.text-center {
text-align: left;
}
.pr117__three--img--1 {
float: left;
width: 100%;
position: relative;
margin: 2vw 0px 0px 0px;
}
.pr117__three--img--2 {
float: left;
width: 100%;
position: relative;
margin: 5vw 0px 0px 0px;
}
.textPage {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:5vw 4vw 5vw 4vw;
position:relative;
color: #000000;
font-size: 3vw;
font-weight: 400;
line-height: 4vw;
overflow:hidden;
}
.textPage a {
color:#e12e38;
text-decoration:none;
}
.textPage a:hover {
color:#e12e38;
text-decoration:underline;
}
.textPage ul, .textPage ol { 
float:left;
width:100%; 
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.textPage ul li {
float:left;     
width: 100%;
margin:0px 0px 0.1vw 0px;
padding:0px 0px 0px 2.3vw;  
position:relative;              
list-style: none; 
background: url(//wdb-group.ru/images/ul_li_arrow.svg) top 0.4vw left no-repeat;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.textPage ol li {
float:left;     
width: 100%;
margin:0px 0px 0.1vw 2.3vw;
padding:0px 0px 0px 0px;
position:relative;
}
.wrapper {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:4vw 5vw 6vw 5vw;
position:relative;
top:0;
left:0;
background:#fff;
border-bottom:1px solid #f8f8f8;
z-index:30;
display:block !important;
}   
.wrapper .logo {
float:right;
width:55vw;
right:50%;
position:absolute;
margin:1vw -27.5vw 0px 0px;
padding:0px 0px 0px 0px;
}
.wrapper .logo .img {
float:left;
width:100%;
}   
.wrapper .inside {
float:right;
height:100%;
position:relative;
top:4vw;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:#fff;
display:none ;
}
.wrapper .menu {
float:right;
width: calc(100% - 6vw);
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style: none; 
}
.wrapper .menu__name {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;        
}           
.wrapper .menu__href {
float:left;
width: 100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size:3.5vw;
font-weight:400;
line-height:9vw;
text-decoration:none;
letter-spacing: 0.75px;
cursor:pointer;
border-bottom: 0px solid #000;
align-items: flex-start;
align-content: flex-start;
justify-content: flex-start;
}
.wrapper .menu__hrefArrow {
float:right;
width:0.45vw;
margin:0px 0px 0px 0.6vw;
padding:0px 0px 0px 0px;
position:relative;
}
.wrapper .menu__href:hover {
color: #e57917;
border-bottom: 0px solid #fc7f01;
}
.wrapper .menu__name.menu__active .menu__href, .wrapper .menu__name .menu__href.menu__active {
color: #e57917;
border-bottom: 0px solid #fc7f01;
}
.wrapper .menu__hr {
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 1.5vw 0px 1.5vw;
}
.wrapper .menu__name:nth-child(2) .menu__hr {
padding:0px 0.9vw 0px 1.5vw;
}
.wrapper .menu__name:last-child .menu__href .menu__hr { 
display:none;
visibility:hidden;
}
.wrapper .other {
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.wrapper .other .other__lang {
float:left;
width:100%;
position:relative;
margin:4vw 0px 0px 0px;
padding:0px 0px 0px 0px;
text-decoration:none;
cursor:pointer;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.wrapper .other .other__lang a {
float:left;
width:8vw;
height:6vw;
margin:0px 1vw 1vw 1vw;
color: #000000;
font-weight:400;
font-size:3vw;
line-height:6vw;
text-decoration:none;
text-align:center;
background:#fff;
border:1px solid #d6d6d6;
border-radius:8px;
}
.wrapper .other .other__lang:hover a {
display:block;
}
.wrapper .other .other__lang a:hover {
color: #e57917;
}
.wrapper .other .other__lang .langArrow {
float:right;
width:0.45vw;
position:absolute;
top:50%;
right:-0.225vw;
margin:-0.15vw 0px 0px 0px;
}
.wrapper .other .other__lang:hover .langArrow {
right:0.2vw;
margin:-0.1vw 0px 0px 0px;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.wrapper .menuPhone { 
float:left;
width:6vw;
margin:1.5vw 0px 0px 0px !important;
cursor:pointer;
position:relative;
}
.wrapper .userIcon {
float:right;
width:4.9vw;
margin:1.7vw 0px 0px 0px !important;
cursor:pointer;
position:relative;
}
.wrapper.smallWrapper {
}
.wrapper.smallWrapper .logo {
}
.menuProduct {
float:left;
width:100%;
height:0;
position:relative;
left:0;
top:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:#fafafa;
overflow:hidden;
z-index:15;
opacity:1;
}
.activeMenuProduct {
opacity:1;
height:auto;
padding:6vw 5vw 6vw 5vw;
}
.menuProduct .list {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.menuProduct .list .box {
float:left;
width:49%;
height:35vw;
position:relative;
margin:0px 0px 2vw 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}
.menuProduct .list .box-23 {
background: url(//wdb-group.ru/images/productBox_23.jpg) center no-repeat;
background-size:cover;
}
.menuProduct .list .box-24 {
background: url(//wdb-group.ru/images/productBox_24.jpg) center no-repeat;
background-size:cover;
}
.menuProduct .list .box-25 {
background: url(//wdb-group.ru/images/productBox_25.jpg) center no-repeat;
background-size:cover;
}
.menuProduct .list .box-26 {
background: url(//wdb-group.ru/images/productBox_26.jpg) center no-repeat;
background-size:cover;
}
.menuProduct .list .box-117 {
background: url(//wdb-group.ru/images/productBox_117.jpg) center no-repeat;
background-size:cover;
}
.menuProduct .list .box .mainFoto {
float:left;
width:100%;
height:28vw;
position:relative;
margin:0px 0px 0px 0px;
}
.menuProduct .list .box .mainFoto .img {
float:left;
width:calc(100% - 10vw);
height:calc(100% - 10vw);
margin:5vw 5vw 5vw 5vw;
object-fit: scale-down; 
}
.menuProduct .list .box .name {
float:left;
width:100%;
height:7vw;
position:relative;
color: #fff;            
font-size: 3vw;
font-weight: 400;
line-height: 7vw;
letter-spacing: -0.22px;
text-align:center;
text-decoration:none;   
background:#182431;             
}
.menuProduct .list .box:hover .name, .activeSubmenu .name {
color: #ffffff !important;
background:#182431;
}
.menuProduct .list .box-117 .name:before {
content: 'NEW';
color: #fff;
font-weight: 700;
margin: 0px 0.2vw 0px 0px;
}
.metBox {
float:right;
width:3.25vw;
position:absolute;
top:50%;
right:0;
margin:-10vw 0px 0px 0px;
z-index:5;
}
.metBox .metIcon {
float:left;
width:100%;
position:relative;
margin:0px 0px 0.5vw 0px;
padding:0px 0px 0px 0px;
}
.addMargin {
float:left;
width:100%;
height:0;
margin:0px 0px 0px 0px;
position:relative;
}
.slideShow {
float:left;
width:100%;
height: 90vw;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.slideShow .slideShow-owl {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.slideShow .slideShow-owl .owl-item {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.slideShow .slideShow-owl .owl-nav { 
display:none !important;
}   
.slideShow .slideShow-owl .owl-dots { 
display:none !important;
}   
.slideShow .scrollDown {
display:none !important;
}
.video {
float:left;
position:absolute;
left:0;
top:0;
width:100%;
min-width:100%;
height:100%;        
min-height:100%;        
z-index: 1;
object-fit: cover;  
}
.moreOne {
float:left;
height:10vw;
position:relative;
margin:0px 0px 0px 0xp;
padding:0px 4vw 0px 4vw;
color: #ffffff;
font-size: 3vw;
font-weight: 600;
line-height: 10vw;
text-transform: uppercase;
text-decoration: none;
background: #182431;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
cursor:pointer;
}
.moreOne .moreOneArrow {
float:right;
width:3vw !important;
position:relative;
margin:0px 0px 0px 2vw;
padding:0px 0px 0px 0px;
}
.moreOne:before {
content: ' ';
float:left;
width:0;
height:0;
position:absolute;
top:-1px;
left:-1px;
opacity:0;
border-left:2px solid #000;
border-top:2px solid #000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.moreOne:hover:before {
width:100%;
height:2.65vw;
opacity:1;
}
.moreOne:after {
content: ' ';
float:right;
width:0;
height:0;
position:absolute;
bottom:-1px;
right:-1px;
opacity:0;
border-right:2px solid #000;
border-bottom:2px solid #000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.moreOne:hover:after {
width:100%;
height:2.65vw;
opacity:1;
}
.headerOne {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 7vw;
font-weight: 700;
line-height: 7vw;
}
.homeOne {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 0px 5vw;
overflow:hidden;
}
.homeOne .header {
text-align:center;
margin:0px 0px 5.2vw 0px;
}
.homeOne .list {
float:left;
width:100%;
position:relative;
margin:4vw 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.homeOne .list .box {
float:left;
width:49%;
position:relative;
margin:0px 0px 2vw 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}
.homeOne .list .box .mainFoto {
float:left;
width:100%;
height:25vw;
position:relative;
}
.homeOne .list .box .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.homeOne .list .box .name {
float:left;
width:100%;
height:10vw;
position:relative;
color: #ffffff;
font-size: 2.5vw;
font-weight: 400;
line-height: 10vw;
letter-spacing: -0.22px;
text-align:center;
text-decoration:none;
background:#182431;
}
.homeTwo {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
overflow:hidden;
}
.homeTwo .box {
float:left;
width:100%; 
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 8vw 5vw;
}
.homeTwo .box:nth-child(even) {
background: #f8f8f8;
}
.homeTwo .box .left {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.homeTwo .box .left .text {
float:left;
width:100%;
position:relative;
margin:4vw 0px 4vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 4vw;
font-weight: 400;
line-height: 5vw;
letter-spacing: 0.36px;
}
.homeTwo .box .right, .homeTwo .box .right .iframe {
float:left;
width:100%;
height:50vw;
position:relative;
margin:4vw 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.homeTwo .box .right .iframe {
width:100%;
}
.homeThree {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 4vw 5vw;
}
.homeThree .headerMain {
float:left;
height:12vw;
margin:0px 0px 4vw 0px;
padding:0px 6vw 0px 6vw;
position:relative;
color: #ffffff;
font-size: 6vw;
line-height: 6vw;
font-weight: 700;
background:#182431;
z-index:2;
}
.homeThree .box {
float:left;
width:100%;
height:55vw;
position:relative;
margin:0px 0px 0.5vw 0px;
padding:0px 0px 0px 0px;
z-index:1;
}
.homeThree .box .inside {
float:left;
position:absolute;
left:5vw;
bottom:5vw;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;        
z-index:2;
}
.homeThree .box .inside .header {
float:left;
position:relative;
color: #ffffff;
font-size: 5vw;
line-height: 6vw;
font-weight: 600;
}
.homeThree .box .inside .hr {
float:left;
position:relative;
margin:0px 2.5vw 0px 2.5vw;
color: #182431;
font-size: 5vw;
line-height: 5vw;
font-weight: 600;
}
.homeThree .box .mainFoto {
float:left;
width:100%;
height:100%;
position:relative;
z-index:1;
}
.homeThree .box .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.baner {
float:left;
width:100%;
height:100vw;
position:relative;
overflow:hidden;
}   
.slideShow .baner { height:100%; }
.baner .inside {
float:left;
width:100%;
position:absolute;
left:0;
bottom:0;
margin:0px 0px 0px 0px;
padding:3vw 5vw 2vw 5vw;
z-index:3;
background:#182431;
}   
.contactBaner  {
height:40vw;
}
.contactBaner .inside {
display:none;
}
.baner .inside .text {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#fff;
font-size:0vw;
line-height:0vw;
font-weight:400;
position:relative;
}       
.baner .inside .text p { font-size:0; }
.baner .inside .text p em {
display:block !important;
float:left;
width:100%;
position:relative;
margin:0px 0px 1vw -0.3vw;
padding:0px 0px 0px 0px;
font-size:5vw;
line-height:6vw;
font-weight:700;
font-style:normal;
}
.baner.contactBaner .inside .text a {
float:left;
width:100%;
margin:2vw 0px 2vw 0px;
padding:0px 0px 0px 4.5vw;
position:relative;
color: #ffffff;
font-size: 1.85vw;
font-weight: 700;
text-decoration:none;
background: url(//wdb-group.ru/images/contactBanerIcon_1.svg) left no-repeat;
background-size:3.5vw auto;
}
.baner.contactBaner .inside .text strong {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 4.5vw;
position:relative;          
text-decoration:none;       
font-style:normal;
font-weight:500;
}
.baner.contactBaner .inside .text strong.addIcon {
background: url(//wdb-group.ru/images/contactBanerIcon_2.svg) left no-repeat;
background-size:3.5vw auto;
}
.baner .inside .text .moreOne {
display:none;
}
.baner .otherBox {
display:none !important;
visibility:hidden !important;
}
.baner .otherBoxTwo {
display:none !important;
visibility:hidden !important;
}
.baner .mainFoto {
float:left;
width:150%;
height:100%;
position:absolute;
top:0;
left:-40%;
}
.baner.product-23 .mainFoto {
width:170%;
left:-67%;
}
.baner.product-24 .mainFoto {
width:130%;
left:-23%;
top:-5%;
}
.baner.product-25 .mainFoto {
width:170%;
left:-62%;
}
.baner.product-26 .mainFoto {
width:170%;
left:-42%;
}
.baner .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.baner .scrollDown {
display:none;
}
.company {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 8vw 5vw;
}
.company .header {
margin:0px 0px 6vw 0px;
text-align:center;
}
.company .mapBox {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.company .mapBox .img {
float:left;
width:100%;
}
.company .inside {
float:left;
width:100%;
position:relative;
margin:8vw 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.company .inside .companyLogo {
float:left;
width:50vw;
margin:0px 0px 6vw 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.company .inside .text {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #000000;
font-size: 4vw;
font-weight: 400;
line-height: 5vw;
}
.company .inside .text ul, .company .inside .text ol { 
float:left;
width:100%; 
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.company .inside .text ul li {
float:left;     
width: 100%;
margin:0px 0px 0.2vw 0px;
padding:0px 0px 0px 6vw;    
position:relative;  
color: #182431;
font-weight:900;
list-style: none; 
text-transform: uppercase;
background: url(//wdb-group.ru/images/company_ul_li_arrow.png) top 1.2vw left no-repeat;
background-size:3vw auto !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.company .inside .text ol li {
float:left;     
width: 100%;
margin:0px 0px 0.1vw 1.3vw;
padding:0px 0px 0px 0px;
position:relative;
}
.sectionOne {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
}
.sectionOne.bgOne { background: url(//wdb-group.ru/images/offerSectionBg_1.jpg) center no-repeat;background-size:cover; }
.sectionOne.addLastMargin {
margin:0px 0px 3vw 0px;
}
.sectionOne .box {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 8vw 5vw;
}
.sectionOne .box:nth-child(even) {
background: #f8f8f8;
}   
.sectionOne .box .left {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 2vw 0px;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.sectionOne .box .left .text {
float:left;
width:100%;
position:relative;
margin:4vw 0px 4vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 4vw;
font-weight: 400;
line-height: 5vw;
letter-spacing: 0.36px;
}
.sectionOne .box .right, .sectionOne .box .right .iframe {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}   
.sectionOne .box .right .iframe {
width:100%;
height:45vw;
}
.sectionOne .box .right .mainFoto {
float:left;
width:100%;
height:100%;
position:relative;
}
.sectionOne .box .right.addWidth .mainFoto {
width:100%;
height:auto;
}
.sectionOne .box .right.noHeight .mainFoto {
width:auto;
height:auto;
}
.sectionOne .box .right.addHeightOne .mainFoto {
width:auto;
height:auto;
}
.sectionOne .box .right .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.sectionTwo {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
}
.sectionTwo .box {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 8vw 5vw;
background: #f8f8f8;
}
.sectionTwo .box .left {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 10vw 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.sectionTwo .box .left .text {
float:left;
width:100%;
position:relative;
margin:4vw 0px 8vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 4vw;
font-weight: 400;
line-height: 5vw;
letter-spacing: 0.36px;
}
.sectionTwo .box .right {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.sectionTwo .box .right .mainFoto {
float:left;
width:100%;
height:100%;
position:relative;
}
.sectionTwo .box .right .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.sectionThree {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
}
.sectionThree.productOwl .owl-item {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.sectionThree .box {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 8vw 5vw;
background: #fff;
}
.sectionThree .box .left {
float:left;
width:100%;
height:100%;
position:relative;
margin:0px 0px 0px 0vw;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
z-index:2;
}
.sectionThree .box .left.toRight {
float:right;
margin:0px 0px 0px 0px;
}
.sectionThree .box .header {
line-height:8.5vw;
}
.sectionThree .box .header.smallWidth {
width:90%;
}
.sectionThree .box .left .text {
float:left;
width:100%;
position:relative;
margin:2vw 0px 2vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 4vw;
font-weight: 400;
line-height: 5vw;
letter-spacing: 0.36px;
}
.sectionThree .box .left .text ul, .sectionThree .box .left .text ol { 
float:left;
width:100%; 
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.sectionThree .box .left .text ul li {
float:left;     
width: 100%;
margin:0px 0px 0.5vw 0px;
padding:0px 0px 0px 4vw;    
position:relative;  
color: #000000;
font-weight:400;
list-style: none; 
background: url(//wdb-group.ru/images/company_ul_li_arrow.png) top 1.1vw left no-repeat;
background-size:3vw auto !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.sectionThree .box .left .text ol li {
float:left;     
width: 100%;
margin:0px 0px 0.1vw 1.3vw;
padding:0px 0px 0px 0px;
position:relative;
}
.sectionThree .box .mainFoto {
float:left;
width:100%;
height:45vw;
position:relative;
margin:4vw 0px 0px 0px;
left:0;
top:0;
z-index:1;
}
.sectionThree .box .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.sectionThree .owl-nav { 
display:none !important;
}
.wr {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 4vw 8vw 4vw;
background: #f8f8f8;
}
.wr__left {
float:left;
width:100%;
position:relative;
margin:0px 0px 8vw 0px;
padding:0px 0px 0px 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.wr__left .text {
float:left;
width:100%;
position:relative;
margin:4vw 0px 4vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 3vw;
font-weight: 400;
line-height: 4vw;
letter-spacing: 0.36px;
overflow: hidden !important;
}
.wr__qr {
float: left;
width: 16vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.wr__right {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.wr__model {
float: left;
width: 100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.sectionFour {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 8vw 5vw;
}
.sectionFour.noTopPadding {
padding-top:0;
}
.sectionFour .header {
margin:0px 0px 4vw 0px;
text-align:center;
}
.sectionFour .text {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#fff;
font-size:4vw;
line-height:5vw;
font-weight:400;
}
.sectionFour .mainFoto {
float:left;
width:100%;
position:relative;
}
.sectionFour .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.sectionFour .galleryFoto {
float:left;
width:100%;
position:relative;
margin:2vw 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.sectionFour .galleryFoto .box {
float:left;
width: 100%;
height:auto;
position:relative;
margin:0px 0px 1vw 0px;
}
.sectionFour .galleryFoto .box .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.documentation {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.documentation .main {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 8vw 5vw;
background:#f5f5f5;
}
.documentation .main .header {
text-align:center;
}
.documentation .main .filesBox {
float:left;
width:100%;
position:relative;
margin:5vw 0px 0px 0px;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.documentation .main .filesBoxFile {
float:left;
width:100%;
height:25vw;
position:relative;
margin:0px 0px 1vw 0px;
padding:0.5vw 0px 0.5vw 0px;
font-size:4vw;
line-height:4vw;
font-weight:600;
color:#000;
text-decoration:none;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
background:#fff;
}
.documentation .main .filesBoxFile .img {
float:left;
width:8vw;
position:relative;
margin:0px 0px 2vw 0px;
}
.documentation .main .filesBoxFile:hover {
color:#182431;
}
.documentation .list {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 0px 5vw;
}
.documentation .list .box {
float:left;
width:100%;         
margin:0px 0px 8vw 0px;
padding:0px 0px 0px 0px;
position:relative;
}       
.documentation .list .box .left {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.documentation .list .box .left.boxDocumentation-28 {
background: url(//wdb-group.ru/images/boxDocumentation_28.jpg) center no-repeat;
background-size:cover;
}
.documentation .list .box .left.boxDocumentation-29 {
background: url(//wdb-group.ru/images/boxDocumentation_29.jpg) center no-repeat;
background-size:cover;
}
.documentation .list .box .left.boxDocumentation-30 {
background: url(//wdb-group.ru/images/boxDocumentation_30.jpg) center no-repeat;
background-size:cover;
}
.documentation .list .box .left.boxDocumentation-31 {
background: url(//wdb-group.ru/images/boxDocumentation_31.jpg) center no-repeat;
background-size:cover;
}
.documentation .list .box .left .mainFoto {
display:none;
}
.documentation .list .box .left .mainFoto .img {
display:none;
}
.documentation .list .box .left .name {
float:left;
width:100%;
height:10vw;
position:relative;
color: #ffffff;
background:#182431;                 
font-size: 5vw;
font-weight: 500;
line-height: 10vw;
letter-spacing: -0.22px;
text-align:center;
text-decoration:none;               
}
.documentation .list .box .right {
float:left;
width:100%;
height:100%;
margin:0.5vw 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
border:1px solid #e2e3e4;
border-left:1px solid #e2e3e4;
}
.documentation .list .box .right .submenu {
float:left;
width:100%;
position:relative;
}
.documentation .list .box .right .submenu .name {
float:left;
width:100%;
height:8vw;
position:relative;
color: #000000;
font-size: 4vw;
font-weight: 700;
line-height: 4vw;
letter-spacing: 0.4px;
border-bottom:1px solid #e2e3e4;
background:#fbfbfb;
cursor:pointer;
}
.documentation .list .box .right .submenu .name:hover, .documentation .list .box .right .submenu .name.activeSubmenu {
color:#fff;
background:#182431;
}
.documentation .list .box .right .fileList {
float:left;
width:100%;
position:relative;
overflow:hidden;
background:#fbfbfb;
}
.documentation .list .box .right .fileList .fileListBox {
display:none;
float:left;
width:100%;
height:100%;
position:relative;
left:0;
top:0;
margin:0px 0px 0px 0px;
padding:4vw 3vw 4vw 3vw;
}
.documentation .list .box .right .fileList .fileListBox .filesBox {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.documentation .list .box .right .fileList .fileListBox.box50 .filesBox {
width:100%;
}
.documentation .list .box .right .fileList .fileListBox .filesBoxFile {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:1vw 0px 1vw 0px;
font-size:3.5vw;
line-height:4vw;
font-weight:400;
color:#000;
text-decoration:none;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.documentation .list .box .right .fileList .fileListBox .filesBoxFile .img {
float:left;
width:3vw;
position:relative;
margin:0px 1vw 0px 0px;
}
.documentation .list .box .right .fileList .fileListBox .filesBoxFile:hover {
color:#182431;
}
.application {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 7vw 0px;
}
.application__baner {
float:left;
width:100%;
height:45vw;
position:relative;
}
.application__baner .header {
float:left;
position:absolute;
top:6vw;
left:0;
margin:0px 0px 0px 0px;
padding:4vw 8.2vw 4vw 4.2vw;
color: #ffffff;
font-size: 5vw;
line-height: 5vw;
font-weight: 700;
z-index:3;
background:#182431;
}
.application__baner .mainFoto {
float:left;
width:100%;
position:relative;
z-index:2;
}
.application__baner .mainFoto .img {
float:left;
width:100%;
height:100%;
object-fit: cover;  
}
.applicationIframe {
float:left;
width:100%;
height:600px;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}
.applicationIframe .inside {
float:left;
width:100%;
height:600px;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.notification {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 8vw 5vw;
background: url(//wdb-group.ru/images/notificationBg.jpg) top no-repeat;
background-size:100%;
}
.notification .header {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 4vw 0px;
padding: 0px 0px 0px 0px;
color: #000000;
font-size: 6vw;
line-height: 6vw;
font-weight: 900;
}
.contact {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 12vw 0px;
}
.contact .left {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 0px 5vw;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:flex-start;
}
.contact .left .text {
float:left;
width:100%;
position:relative;
color: #000000;
font-size: 4vw;
font-weight: 400;
line-height: 5vw;
}
.contact .left .text h2 {
float:left;
width:100%;
position:relative;
margin:0px 0px 4vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 5vw;
line-height: 5vw;
font-weight: 900;
}
.contact .left .text h3 {
float:left;
width:100%;
position:relative;
margin:0px 0px 4vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 5vw;
line-height: 5vw;
font-weight: 900;
}
.contact .left .text a {
text-decoration:none;
color: #182431;
}
.contact .left .text a[href^="tel:"] {
color: #000000;
text-decoration: none;
}
.contact .left .text a[href^="tel:"]:hover {
color: #182431;
text-decoration: none;
}
.contact .left .text table {
float:left;
width:100% !important;
height:8vw !important;
margin:0px 0px 2vw 0px;
padding:0px 0px 0px 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.contact .left .text table tr {
height:8vw !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.contact .left .text table tr td {
height:8vw !important;
padding:0px 0px 0px 12vw;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.contact .left .text table:nth-of-type(1) tr td {
background: url(//wdb-group.ru/images/footerContact_1.png) left no-repeat;
background-size:8vw !important;
}
.contact .left .text table:nth-of-type(2) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size:8vw !important;
}
.contact .left .text table:nth-of-type(3) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size:8vw !important;
}
.contact .left .text table:nth-of-type(4) tr td {
background: url(//wdb-group.ru/images/footerContact_3.png) left no-repeat;
background-size:8vw !important;
}
.contact .left .text table:nth-of-type(5) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size:8vw !important;
}
.contact .left .text table:nth-of-type(6) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size:8vw !important;
}
.contact .left .text table:nth-of-type(7) tr td {
background: url(//wdb-group.ru/images/footerContact_3.png) left no-repeat;
background-size:8vw !important;
}
.contact .left .text table:nth-of-type(8) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size:8vw !important;
}
.contact .left .text table:nth-of-type(9) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size:8vw !important;
}
.contact .left .text table:nth-of-type(10) tr td {
background: url(//wdb-group.ru/images/footerContact_3.png) left no-repeat;
background-size:8vw !important;
}
.contact  .right {
float:left;
width:100%;
position:relative;
margin:6vw 0px 0px 0px;
padding:8vw 5vw 0px 5vw;
background: url(//wdb-group.ru/images/contactRight.jpg) center no-repeat;
background-size:cover;
}
.contact .right .header {
float:left;
width:100%;
position:relative;
margin:0px 0px 4vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 5vw;
line-height: 5vw;
font-weight: 900;
}
.moveToForm {
float:left;
width:90%;
position:relative;
margin:5vw 0px 0px 0px;
padding:0px 5% 0px 5%;
background:#0160F1;
}
.moveToForm .moveOne {
float:left;
width:100%;
height:100%;
position:relative;
color: #ffffff;
font-size: 4vw;
line-height:8vw;
font-weight: 700;
text-align:left;
}
.moveToForm .moveTwo {
float:left;
width:100%;
height:100%;
position:relative;
color: #ffffff;
font-size: 4vw;
line-height:8vw;
font-weight: 700;
text-align:left;
text-decoration:none;
}
.moveToForm .moveToArrow {
float:right;
position:relative;
margin:-2vw 2vw 0px 2vw;
}
.googleMap {
float:left;
width:100%;
height:55vw;
position:relative;
margin:0px 0px 7vw 0px;
}
.googleMap .mapaBox {
float:left;
width:100%;
height:100%;
position:relative;
}
.contentMap {
float:left;
position:relative;
padding:0.8vw;
}
.contentMap__name {
float:left;
width:100%;
position:relative;
margin:0px 0px 0.5vw 0px;
color: #383436;
font-size: 1.1vw;
font-weight: 800;
line-height: 1.1vw;
text-align:left;
letter-spacing: 1px;
}
.contentMap__text {
float:left;
width:100%;
position:relative;
color: #383436;
font-size: 0.9vw;
font-weight: 400;
line-height: 1.3vw;
text-align:left;
letter-spacing: 1px;
}
.gm-ui-hover-effect {
top:3px !important;
right:3px !important;
}
.formBox { 
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 90px 0px;
}
.formBox__inside { 
float:left;
width:100%;
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.formBox__inputBox { 
float:left;
width:100%;
margin:0px 0px 2vw 0px; 
}
.formBox__inputBox.allWidth {
width:100%;
}   
.formInput { 
float:left;
width:100%;
height:8vw;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 2vw;
color: #000;
font-size:14px;
line-height:14px;   
border:1px solid #eaeaea;
background:#ffffff; 
}
.formTextarea  { 
float:left;
width:100%;
min-width:100%;
max-width:100%;
height:20vw;
min-height:20vw;
max-height:20vw;
position:relative;
margin:0px 0px 0px 0px;
padding:2vw 0px 0px 2vw;
color:#000;
font-size:14px;
line-height:14px;
border:1px solid #eaeaea;
background:#ffffff; 
}
.formSubmit  { 
float:left;
width:100%;
height:74px;
background-color: #0160F1;
color: #ffffff;
font-size: 4vw;
font-weight: 700;
line-height: 4vw;
text-transform: uppercase;
border:0px solid #dedede;
position:absolute;
left:0;
bottom:0px;
cursor:pointer; 
border-radius:2px;
}   
.formBox__checkBox {
float:left;
width:100%;
margin:2vw 0px 3vw 0px;
cursor:pointer;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.formBox__checkInput {
float:left;
width:15px;
height:15px;
position:relative;
border:1px solid #eaeaea;   
}
.formBox__checkText {
float:left;
width:calc(100% - 30px);
position:relative;
color: #909090;
font-size:3.5vw;
line-height:4vw;
font-weight:400;
text-align:justify;
}
.formBox__checkText strong {
color:#0160F1;
text-decoration:none;
}
.formInput:focus, .formTextarea:focus, .formSubmit:focus { outline:none; }
.recaptcha {
float:left;
margin:0px 2vw 0px 0px;
position:relative;
}
.formBoxDownload {
float:left;
width:100%;
position:relative;
margin:0.5vw 0px 1vw 0px;
padding:4vw 0px 2vw 0px;
border-top:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
align-content:flex-start;
}
.formBoxDownload .name {
float:left;
width:100%;
position:relative;
margin:0px 0px 2vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 4vw;
line-height:4vw;
font-weight: 700;
}
.formBoxDownload .file {
float:left;
width:100%;
position:relative;
margin:1vw 4vw 1vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 3vw;
line-height:8vw;
font-weight: 700;
text-decoration:none;
justify-content:flex-start;
align-items:flex-start;
align-content:flex-start;
}
.formBoxDownload .file .img {
float:left;
position:relative;
margin:0px 3vw 0px 0px;
padding:0px 0px 0px 0px;
}
.formBoxDownload .file:hover {
color:#0160F1;
}
.formBoxFiles {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:2vw 0px 1vw 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.formBoxFiles .formBoxFile {
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.formBoxFiles .formBoxFile .name {
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 4vw;
line-height:4vw;
font-weight: 700;
}
.formBoxFile .default {
display:none;
}
.formBoxFile .put-file {
float:left;
margin:1vw 0px 1vw 0px;
width:100%;
color: #ffffff;
font-size: 4vw;
font-weight: 600;
line-height: 8vw;
cursor:pointer;
text-align:center;
background:#0160F1;
}
.formBoxFile .upload-change {
display:none;
}
.must {
font-size:4vw;
color: #df0000;
}
.popup {
float:left;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background: rgba(0,0,0,0.9);
z-index:80;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.popup__wrap {
float:left;
width:80%;
position:relative;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.popup__title {
float:left;
width:100%;
position:relative;
color: #fff;
font-size: 1.3vw;
font-weight: 300;
line-height: 1.6vw;
text-align:center;
}
.popup__title a {
color:#fff;
}
.popup__close {
float:left;
height: 3.15vw;
position:relative;
margin:20px 0px 0px 0px;
padding:0px 2vw 0px 2vw;
color: #fefefe;
font-size: 1.1vw;
font-weight: 300;
line-height: 3.15vw;
border:0;
text-align:center;
text-decoration:none;
background:#0160F1;
}
.langSection {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 4vw 0px;
}
.langSection .inside {
float:left; 
height:100%;
position:relative;
margin:4vw 0px 0px 0px;
padding:4vw 8vw 0px 8vw;
color: #010101;
font-size: 4vw;
line-height:8vw;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.28px;
border-top:1px solid #e5e5e5;
}
.langSection .inside a {
text-decoration:none;
color: #010101;
}
.langSection .inside em {
position:relative;
top:-0.3vw;
padding:0px 1vw 0px 1vw;
font-style:normal;
color:#182431;
}
.footer {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:8vw 5vw 8vw 5vw;
background-color: #f8f8f8;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start;
align-content:flex-start;
overflow:hidden;
}
.footer .boxOne {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.footer .boxOne .header {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.footer .boxOne .logo {
float:left;
width:50vw;
position:relative;
margin:0px 0px 4vw 0px;
padding:0px 0px 0px 0px;
}
.social {
float:right;
position:relative;
margin:3vw 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.social.socialContact {
float: left;
margin:0px 0px 0px 10vw;
}
.socialLogo {
float:left;
height:6vw;
position:relative;
margin:0px 0px 0px 1.45vw;
padding:0px 0px 0px 0px;
}
.footer .boxOne .text {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 4vw;
font-weight: 400;
line-height: 5vw;
letter-spacing: 0.32px;
}
.footer .boxOne .text table {
float:left;
width:100% !important;
height:8vw !important;
margin:0px 0px 2vw 0px;
padding:0px 0px 0px 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.footer .boxOne .text table:nth-child(2) {
float:right;
}
.footer .boxOne .text table tr {
height:8vw !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.footer .boxOne .text table tr td {
height:8vw !important;
padding:0px 0px 0px 10vw;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.footer .boxOne .text table:nth-child(1) tr td {
background: url(//wdb-group.ru/images/footerContact_1.png) left no-repeat;
background-size:8vw !important;
}
.footer .boxOne .text table:nth-child(2) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size:8vw !important;
}
.footer .boxOne .text table:nth-child(3) tr td {
background: url(//wdb-group.ru/images/footerContact_3.png) left no-repeat;
background-size:8vw !important;
}
.footer .boxOne .text table:nth-child(4) tr td {
background: url(//wdb-group.ru/images/footerContact_3.png) left no-repeat;
background-size:8vw !important;
}
.footer .boxOne a {
color: #182431;
text-decoration:none;
}
.footer .boxOne a[href^="tel:"] {
color: #000000;
text-decoration: none;
}
.footer .boxOne a[href^="tel:"]:hover {
color: #182431;
text-decoration: none;
}
.footer .boxTwo {
float:left;
width:100%;
position:relative;
margin:40vw 0px 6vw 0px;
padding:0px 0px 0px 0px;
}
.footer .boxTwo .header {
float:left;
width:100%;
height:6vw;
position:relative;
margin:0px 0px 1.8vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 6vw;
line-height:6vw;
font-weight: 900;
}
.menuBox {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.menuBox .menuBox__link {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 4vw;
font-weight: 400;
line-height: 6vw;
letter-spacing: 0.32px;
text-decoration:none;
}
.menuBox__link.menu__active, .menuBox__link:hover {
color:#182431;
}
.footer .boxThree {
float:left;
width:100%;
position:absolute;
left:5vw;
top:74vw;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.footer .boxThree .header {
float:left;
width:100%;
height:6vw;
position:relative;
margin:0px 0px 4vw 0px;
padding:0px 0px 0px 0px;
color: #000000;
font-size: 6vw;
line-height:6vw;
font-weight: 900;
}
.footer .boxThree .text {
float:left;
width:100%;
position:relative;
color: #000000;
font-size: 4vw;
font-weight: 400;
line-height: 6vw;
letter-spacing: 0.32px;
}
.footer .boxThree .text a {
float:left;
width:100%;
height:8vw;
position:relative;
margin:0px 0px 1vw 0px;
padding:0px 0px 0px 10vw;
color: #000000;
font-size: 4vw;
line-height:4vw;
font-weight: 400;
text-decoration:none;
background: url(//wdb-group.ru/images/footerContact_2.png) left center no-repeat;
background-size: 8vw !important;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.footer .boxThree .text p {
width:90%;      
}
.footer .boxThree .text em {
font-style:normal;
color:#182431;
}
}
.areaOneItems a:hover {
color: #0160F1;
}
.areaFiveBoxMore .moreOne:hover, .formSubmit:hover, .areaFourMore:hover, .areaSix .moreOne:hover, .area25One__right .moreOne:hover  {
background: #0160F1;
}
.areaFiveBoxMore .moreOne:hover:before,
.areaSix .moreOne:hover:before,
.areaSix .moreOne:hover:after,
.area25One__right .moreOne:after,
.area25One__right .moreOne:before,
.areaFiveBoxMore .moreOne:hover:after {
display: none !important;
}
.areaFourMore:hover:before,
.areaFourMore:hover:after {
display: none !important;
}
.formSubmit  {
}
@media screen and (min-width: 1001px) and (max-width: 10000px) {
.about {
}
.about__header {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 1vw 0px;
padding: 0px 0px 0px 0px;
color: #3d4f59;
font-size: 3vw;
font-weight: 700;
line-height: 3vw;
}
.aboutOne {
padding: 6vw 8vw 3vw 8vw;
}
.aboutOne__inside {
margin: 4vw 0px 0px 0px;
}
.aboutOne__left {
width: 50%;
height: 100%;
}
.aboutOne__right {
width: 50%;
padding: 0px 0px 0px 6vw;
}
.aboutOne__logo {
width: 18vw;
margin: 0px 0px 1vw 0px;
}
.aboutOne__other {
margin: 2vw 0px 0px 0px !important;
}
.aboutOne__cert {
float: left;
width: 9vw;
position: relative;
}
.aboutTwo {
padding: 2vw 2vw 6vw 2vw;
}
.aboutTwo__list {
margin: 2vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(//wdb-group.ru/images/v24TwoBgN3.jpg) bottom center no-repeat;
background-size: cover;
background-attachment: fixed;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.aboutTwo__box {
height: 24vw;
border-right: 1px solid rgba(0,0,0,0.05);
}
.aboutTwo__box--431 .mainFoto .img {
width: 15vw;
}
.aboutTwo__box--432 .mainFoto .img {
width: 15vw;
}
.aboutTwo__box--433 .mainFoto .img {
width: 19vw;
}
.aboutTwo__box--434 .mainFoto .img {
width: 14vw;
}
.aboutTwo__box--437 .mainFoto .img {
width: 15vw;
}
.aboutTwo__box .mainFoto {
float: left;
width: 100%;
height: 12.15vw;
position: relative;
margin: 0px 0px 1vw 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.v24Two__box .mainFoto .img {
height: auto !important;
object-fit: contain !important;
}
.aboutTwo__box--name {
margin: 0px 0px 1vw 0px;
color: #000;
text-decoration: none;
}
.aboutTwo__box--text {
height: 3.5vw !important;
text-decoration: none;
padding: 0px 4vw !important;
line-height: 1.3vw !important;
}
.aboutTwo__box--more {
margin: 1vw 0px 0px 0px;
padding: 0px 1vw 0px 0px;
color: #EA710E;
text-decoration: none;
background: url(//wdb-group.ru/images/v24TwoArrow.svg) center right no-repeat ;
}
.aboutTwo__box:hover .aboutTwo__box--more {
padding: 0px 1.5vw 0px 0px;
}
.aboutThree {
padding: 0px 2vw !important;
}
.aboutFour {
padding: 6vw 2vw 6vw 2vw;
}
.aboutFour .about__header {
font-size: 2vw !important;
}
.aboutFour__text {
margin: 2vw 0px 0px 0px !important;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 2vw;
grid-row-gap: 2vw;
}
.aboutFour__text iframe {
float: left;
width: 100%;
height: 13vw;
position: relative;
}
.aboutFive {
}
.aboutFive .v23Product__nine {
padding: 0px 2vw !important;
grid-column-gap: 2vw !important;
}
.aboutSix {
padding: 6vw 2vw 4vw 2vw;
}
.aboutSix .news {
padding: 0 !important;
}
.aboutSix .newsList {
margin: 2vw 0px 0px 0px !important;
grid-template-columns: repeat(3, 1fr) !important;
}
.aboutSix .newsBox {
height: 18vw !important;
border: 1px solid rgba(0,0,0,0.05);
}
.aboutSix .newsBox .newsBox__right {
padding: 0px 2vw !important;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.basket {
float: left;
width: 2.5vw;
height: 2.6vw;
margin: 0.1vw 0.5vw 0px 0px;
line-height: 2.5vw;
color: #000000;
font-weight: 600;
font-size: 0.85vw;
text-decoration: none;
text-align: center;
background: #fff;
border: 0px solid #d6d6d6;
border-radius: 8px;
}
.basket .basketIcon {
width: 1.4vw;
}
.ih--text--2 ul {
padding: 0px 0px 0px 1.4vw;
}
.page--355 .baner {
height: 30vw !important;
}
.sd__baner {
float: right;
width: 20vw;
height: 18.2vw;
margin: -9.1vw 0px 0px 0px;
padding: 0px 2vw;
flex-direction: column !important;
position: absolute;
top: 50%;
right: 6vw;
color: #fff;
text-decoration: none;
z-index: 10;
background: #0160F1;
}
.sd__baner--img {
float: left;
width: 5vw;
position: relative;
margin: 0px 0px 1.5vw 0px;
}
.sd__baner span {
padding: 0.5vw;
border: 0px solid #fff;
}
.areaOne {
padding: 5vw 4vw 2vw 4vw;
font-family: "Raleway", Montserrat, sans-serif;
}
.areaOne .header {
color: #000;
}
.areaOneItems {
margin: 2vw 0px 0px 0px;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 1vw;
grid-row-gap: 1vw;
}
.areaOneItem {
height: 12vw;
color: #141414;
text-decoration: none;
background: #FAFAFA;
}
.areaOneItem:hover {
color: #F4792A;
}
.areaOneItemImg--1 {
width: 4.3vw;
margin: 0px 1.5vw 0px 3vw;
}
.areaOneItemImg--2 {
width: 4.3vw;
margin: 0px 1.5vw 0px 3vw;
}
.areaOneItemImg--3 {
width: 6vw;
margin: 0px 1.5vw 0px 3vw;
}
.areaOneItemImg--4 {
width: 3vw;
margin: 0px 1.5vw 0px 3vw;
}
.area25One {
height: 22vw;
margin: 0px 0px 2vw 0px;
padding: 1vw;
background: #FAFAFA;
}
.area25One__left {
width: 30vw;
height: 100%;
}
.area25One__left .mainFoto {
width: 80%;
height: 80%;
}
.area25One__middle {
width: 40vw;
height: 100%;
}
.area25One__middle .text__19 {
}
.area25One__middle .text__19:before {
content: '';
float: left;
width: 2px;
height: 6.3vw;
position: absolute;
left: 0;
top: 0.8vw;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #0160F1;
}
.area25One__middle .text__19 p {
float: left;
width: 100%;
position: relative;
padding: 0px 0px 0px 1vw;
}
.area25One__middle .text__19 p em {
color: #797b7d;
font-weight: 300;
}
.area25One__middle .text__19 p:before {
content: ' ';
float: left;
width: 0.5vw;
height: 2px;
position: absolute;
left: 0;
top: 50%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #0160F1;
}
.area25One__middle .headerOne {
margin: 0px 0px 1vw 0px;
font-size: 1.5vw;
}
.area25One__middle .headerOne span {
color: #0160F1;
}
.area25One__middle .headerOne em {
display: block;
}
.area25One__right {
width: 25vw;
height: 100%;
}
.area25One__right .moreOne {
width: 13vw !important;
height: auto !important;
padding: 1vw !important;
line-height: 1vw !important;
text-align: center;
background:#0160F1;
}
.areaTwo {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 1vw;
grid-row-gap: 1vw;
}
.areaTwo .header {
color: #000;
margin: 0px 0px 1.5vw 0px;
}
.areaTwo .header span {
display: block !important;
}
.areaTwo__box {
height: 38vw;
padding: 0px 5vw 0px 4vw;
background: #FAFAFA;
}
.areaTwo__box .formBox {
margin: 2vw 0px 0px 0px;
}
.areaTwo__box .formSubmit {
float: left;
height: 3.5vw;
margin: 0.5vw 0px 0px 0px;
font-family: "Raleway", Montserrat, sans-serif;
}
.areaTwo__box .formBox__inside {
margin: 0px 0px 0.8vw 0px;
}
.areaTwo__contact {
margin: 1.5vw 0px 0px 0px;
padding: 1.5vw 2vw 1.5vw 2vw;
background: #fff;
}
.areaTwo__contact--name {
color: #000;
}
.areaTwo__contact--header {
margin: 0px 0px 1vw 0px;
color: #E57917;
}
.areaTwo__contact--text {
color: #141414;
}
.areaTwo__contact--text a {
color: #141414 !important;
}
.areaTwo__contact--text a:hover {
color: #E57917 !important;
}
.areaTwo__contact--text .wa {
float: left;
width: 100%;
padding: 0px 0px 0px 1.8vw;
box-sizing: border-box;
line-height: 2vw;
background: url(//wdb-group.ru/images/iconWA.png) center left no-repeat;
background-size: 1.4vw;
}
.areaTwo__contact--li {
float: right;
width: 2vw;
position: absolute;
top: 1.5vw;
right: 2vw;
}
.areaThreeNew {
margin: 4vw 0px 0px 0px;
padding: 0vw 4vw;
overflow: hidden;
}
.areaThreeNew .header {
color: #000;
margin: 0px 0px 3vw 0px;
}
.areaThree {
width: 30%;
height: 35vw;
}
.areaThree .text__19 {
height: 100%;
background: #FAFAFA;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.areaThree .text__19 p {
float: left;
width: 100%;
margin: 2vw 0px 2vw 0px;
padding: 0px 0px 0px 3.5vw;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.areaThree .text__19 p em {
font-style: normal;
display: block !important;
}
.areaThree .text__19 p:before {
content: ' ';
float: left;
width: 3vw;
height: 3vw;
margin: 0px 1.5vw 0px 0px;
position: relative;
background: url(//wdb-group.ru/images/areaThreeIcon.png) center no-repeat;
background-size: 3vw;
}
.areaFour {
float: left;
width: 70%;
height: 35vw;
background: url(//wdb-group.ru/images/areaFourBg2025.jpg) top left no-repeat;
background-size: cover;
}
.areaFourMore {
position: absolute;
left: 3vw;
bottom: 9vw;
background:#0160F1;
}
.areaFive {
padding: 6vw 4vw;
}
.areaFive .header {
color: #000;
margin: 0px 0px 1.5vw 0px;
}
.areaFiveList {
margin: 2vw 0px 0px 0px;
}
.areaFiveBox {
height: 16vw;
margin: 0px 0px 0.6vw 0px;
background: #FBFBFB;
}
.areaFiveBoxFoto {
width: 30vw;
height: 100%;
}
.areaFiveBoxFoto .mainFoto {
width: 100%;
height: 100%;
}
.areaFiveBoxFoto .mainFoto .img {
width: 100%;
height: 100%;
object-fit: cover;
}
.areaFiveBoxText {
width: 40vw;
padding: 0px 0px 0px 5vw;
}
.areaFiveBoxText .text__19 ul li {
padding: 0px 0px 0px 1.5vw;
background: url(//wdb-group.ru/images/areaThreeIcon.png) top 0.3vw left 0.2604166667vw no-repeat;
background-size: 0.7vw;
}
.areaFiveBoxMore {
width: 18vw;
}
.areaFiveBoxMore .moreOne {
width: 15vw;
padding: 0;
margin: 0.4vw 0px
}
.areaSix {
height: 32vw;
padding: 0px 4vw 0px 4vw;
background: url(//wdb-group.ru/images/areaSixBg.jpg) center left no-repeat;
background-size: cover;
}
.areaSix__inside {
width: 36vw;
}
.areaSix__inside .text__19 {
margin: 1.5vw 0px 2vw 0px;
}
.moreslide {
position: absolute;
right: 24vw;
bottom: 2px;
z-index: 15;
}
.blogPageOne__content  .textPage {
font-weight: 400 !important;
line-height: 1.5vw !important;
}
.blogPageOne__content .textPage h1,
.blogPageOne__content .textPage h2,
.blogPageOne__content .textPage h3
{
line-height: 2vw !important;
margin: 0px 0px 0.5vw 0px !important;
}
.newsPage  .textPage {
font-weight: 400 !important;
line-height: 1.5vw !important;
}
.newsPage .textPage h1,
.newsPage .textPage h2,
.newsPage .textPage h3
{
line-height: 2vw !important;
margin: 0px 0px 0.5vw 0px !important;
}
.contact24 {
padding: 4vw 18vw 2vw 18vw;
}
.contact24__list {
display: inline-grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1px;
}
.contect24__box {
height: 15vw;
padding: 0px 3vw;
background-color: #fff;
}
.contect24__box table {
}
.contect24__box table tr td {
height: 3vw !important;
padding: 0px 0px 0px 3vw;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.contect24__box table:nth-child(1) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size: 2.4vw !important;
}
.contect24__box table:nth-child(2) tr td {
background: url(//wdb-group.ru/images/footerContact_3.png) left no-repeat;
background-size: 2.4vw !important;
}
.contactTwo24 {
padding: 2vw 18vw 2vw 18vw;
}
.contactTwo24__left {
}
.contactTwo24__left .header {
color: #EA710E !important;
}
.contactTwo24__left .socialLogo {
margin: 0px 0.5vw 0px 0px;
}
.contactTwo24__img {
float: right;
width: 100%;
position: relative;
top: 0;
right: 0;
}
.contactThree24 {
padding: 0px 13vw;
}
.contactThree24 .moveToForm {
margin: 2vw 0px 2vw 0px
}
.error404 {
height: 80dvh;
padding:0vw 20vw 0vw 20vw;
}
.error404 .pr117__text {
margin: 2vw 0px 2vw 0px;
}
.pr23 {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0vw 12vw 9vw 12vw;
font-family: "Raleway", Montserrat, sans-serif;
background-color: #fff;
}
.pr23__left {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr23__met {
float: left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0.7vw 1.5vw 0.7vw 1.5vw;
color: #fff;
font-size: 1vw;
font-weight: 300;
line-height: 1vw;
background-color: #f4792a;
}
.pr23__header {
float: left;
width: 100%;
position: relative;
margin: 1.2vw 0px 0.5vw -0.2vw;
padding: 0px 0px 0px 1vw;
color: #3d4f59;
font-size: 3vw;
font-weight: 300;
line-height: 3vw;
border-left: 3px solid #f4792a;
}
.pr23__header span {
color: #f4792a;
}
.pr23__text {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #3d4f59;
font-size: 1.5vw;
font-weight: 300;
line-height: 2vw;
}
.pr23__right {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr23__images {
float: left;
width: 100%;
position: relative;
margin: 3vw 0px 3vw 0px;
padding: 0px 0px 0px 0px;
}
.pr23__image {
float: left;
height: 17vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 3;
}
.pr23__image--name {
float: right;
position: absolute;
right: 6vw;
top: 2vw;
color: #3d4f59;
font-size: 0.9vw;
font-weight: 400;
line-height: 1.1vw;
z-index: 5;
}
.pr23__icons {
float: left;
width: 100%;
color: #3d4f59;
font-size: 0.9vw;
font-weight: 400;
line-height: 1.1vw;
}
.pr23__icons table {
float: left;
width: 100%;
height: 4.2vw;
position: relative;
}
.pr23__icons table tr td:nth-child(1) {
width: 5.5vw !important;
}
.pr23__icons table:nth-child(5) {
color: #f58035;
}
.pr23__icons table tr td:nth-child(2) {
padding: 0px 0px 0px 0.6vw;
border-left: 2px solid #f58035;
}
.pr23__icons table:nth-child(1) {
width: 20%;
background: url(//wdb-group.ru/images/pr23_icon_1.jpg) center left no-repeat;
background-size: auto 3.9vw;
}
.pr23__icons table:nth-child(2) {
width: 15%;
background: url(//wdb-group.ru/images/pr23_icon_2.jpg) center left 1.6vw no-repeat;
background-size: auto 3.9vw;
}
.pr23__icons table:nth-child(3) {
width: 15%;
background: url(//wdb-group.ru/images/pr23_icon_3.jpg) center left 1.2vw no-repeat;
background-size: auto 3.9vw;
}
.pr23__icons table:nth-child(4) {
width: 20%;
background: url(//wdb-group.ru/images/pr23_icon_4.jpg) center left 1.2vw no-repeat;
background-size: auto 3.7vw;
}
.pr23__icons table:nth-child(5) {
width: 18%;
background: url(//wdb-group.ru/images/pr23_icon_5.jpg) center left 1.8vw no-repeat;
background-size: auto 3.9vw;
}
.movieBox {
float: left;
width: 39vw;
height: 22vw;
position: relative;
margin: 0px 0px 4vw 0px;
}
.movieBox iframe {
float: left;
width: 100%;
height: 100%;
position: relative;
}
.text__19 {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #191919;
font-size: 0.9895833333vw;
font-weight: 300;
line-height: 1.5625vw;
}
.text__19.text__25 {
font-size: 1.2895833333vw;
font-weight: 300;
line-height: 1.8625vw;
}
.text__19 strong {
color: #191919;
}
.text__19 a {
color: #EA710E;
text-decoration: none;
}
.text__19 a:hover {
color: #EA710E;
text-decoration: underline;
}
.text__19 ul, .text__19 ol {
float: left;
width: 100%;
margin: 0.5208333333vw 0px 0px 0px;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
}
.text__19 ul li {
float: left;
width: 100%;
margin: 0px 0px 0.5208333333vw 0px;
padding: 0px 0px 0px 2.3020833333vw;
position: relative;
list-style: none;
background: url(//wdb-group.ru/images/v24listBg.png) top 0.2vw left 0.2604166667vw no-repeat;
background-size: 1vw;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.text__19 ol li {
float: left;
width: calc(100% - 2.34375vw);
margin: 0px 0px 0.5208333333vw 2.34375vw;
padding: 0px 0px 0px 0px;
position: relative;
}
.v24 {
}
.v24One {
height: 44vw;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.v24One .v24Product__baner--inside {
top: 8vw;
padding: 3.5vw 4vw 3.5vw 4vw;
}
.v23One__inside {
width: 24vw;
margin: 5vw 2vw 0px 0px;
}
.headerMargin {
margin: 4vw 0px 4vw 0px !important;
}
.v24Two {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(//wdb-group.ru/images/v24TwoBgN3.jpg) bottom center no-repeat;
background-size: cover;
background-attachment: fixed;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.v24Two__box {
height: 24vw;
}
.v24Two__box:nth-child(2) {
border-left: 1px solid rgba(0,0,0,0.1);
border-right: 1px solid rgba(0,0,0,0.1);
}
.v24Two__box--207 {
border-right: 1px solid rgba(0,0,0,0.05);
}
.v24Two__box--207 .mainFoto .img {
width: 17vw;
}
.v24Two__box--208 .mainFoto .img {
width: 19vw;
}
.v24Two__box--234 .mainFoto .img {
width: 10vw;
}
.v24Two__box .mainFoto {
float: left;
width: 100%;
height: 13.15vw;
position: relative;
margin: 0px 0px 1.5vw 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.v24Two__box .mainFoto .img {
height: auto !important;
object-fit: contain !important;
}
.v24Two__box--name {
}
.v24Two__box--more {
margin: 1vw 0px 0px 0px;
padding: 0px 1vw 0px 0px;
color: #EA710E;
background: url(//wdb-group.ru/images/v24TwoArrow.svg) center right no-repeat ;
}
.v24Two__box:hover .v24Two__box--more {
padding: 0px 1.5vw 0px 0px;
}
.documentation .main .filesBoxv24 {
float:left;
width:100%;
position:relative;
margin:5vw 0px 0px 0px;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.documentation .main .filesBoxv24File {
float:left;
width:32.5%;
height:12vw;
position:relative;
margin:0px 1% 0.8vw 0px;
padding:0.5vw 0px 0.5vw 0px;
font-size:0.9vw;
line-height:1.05vw;
font-weight:600;
color:#000;
text-decoration:none;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
background:#fff;
}
.documentation .main .filesBoxv24File:nth-child(1) {
background: url(//wdb-group.ru/images/filev24_1.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(2) {
background: url(//wdb-group.ru/images/filev24_2.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(3) {
background: url(//wdb-group.ru/images/filev24_3.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(4) {
background: url(//wdb-group.ru/images/filev24_4.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(5) {
background: url(//wdb-group.ru/images/filev24_5.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(6) {
background: url(//wdb-group.ru/images/filev24_6.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(3),
.documentation .main .filesBoxv24File:nth-child(6),
.documentation .main .filesBoxv24File:nth-child(9)
{ margin:0px 0px 0.8vw 0px; }
.documentation .main .filesBoxv24File .img {
float:left;
width:2.1vw;
position:relative;
margin:0px 0px 1vw 0px;
}
.documentation .main .filesBoxv24File:hover {
color:#f4792a;
}
.menuProductNew {
float:left;
width:100%;
height: 16vw;
position:fixed;
left:0;
top:-20vw;
margin:0px 0px 0px 0px;
padding:0vw 0vw 0vw 0vw;
background:#fafafa;
overflow:hidden;
z-index:15;
opacity:0;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.activeMenuProduct {
top:4.5vw;
opacity:1;
}
.activeMenuProductTwo {
top:4.5vw;
opacity:1;
}
.activeMenuProductThree {
top:4.5vw;
opacity:1;
}
.menuProductNew .box {
float: left;
width: 100%;
height: 100%;
position: relative;
}
.menuProductNew .box:nth-child(2) {
border-left: 1px solid rgba(0,0,0,0.05);
border-right: 1px solid rgba(0,0,0,0.05);
}
.menuProductNew .box .mainFoto {
float: left;
width: 100%;
height: 6vw !important;
margin: 3.5vw 0px 1.5vw 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.menuProductNew .box .mainFoto .img {
height: auto !important;
object-fit: contain !important;
} .menuProductNew .box-23 {
background: url(//wdb-group.ru/images/box204bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-23 .mainFoto .img {
width: 10.1vw;
}
.menuProductNew .box-24 {
background: url(//wdb-group.ru/images/box205bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-24 .mainFoto .img {
width: 10.8vw;
}
.menuProductNew .box-235 {
background: url(//wdb-group.ru/images/box206bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-235 .mainFoto .img {
width: 14.2vw;
} .menuProductNew .box-25 {
background: url(//wdb-group.ru/images/box204bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-25 .mainFoto .img {
width: 15.1vw;
}
.menuProductNew .box-117 {
background: url(//wdb-group.ru/images/box205bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-117 .mainFoto .img {
width: 14.8vw;
}
.menuProductNew .box-26 {
background: url(//wdb-group.ru/images/box206bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-26 .mainFoto .img {
width: 11.2vw;
} .menuProductNew .box-204 {
background: url(//wdb-group.ru/images/box204bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-204 .mainFoto .img {
width: 13.5vw;
}
.menuProductNew .box-205 {
background: url(//wdb-group.ru/images/box205bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-205 .mainFoto .img {
width: 15.7vw;
}
.menuProductNew .box-206 {
background: url(//wdb-group.ru/images/box206bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-206 .mainFoto .img {
width: 6.2vw;
}
.menuProductNew .box .name {
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
.menuProductNew .box:hover .name,
.menuProductNew .box.activeSubmenu .name
{
color: #EA710E !important;
background: none !important;
}
.v24Product {
margin: 4.5vw 0px 0px 0px;
}
.v24Product206__baner {
height: calc(100vh - 4.5vw);
margin: 0px 0px 0px 0px 0px;
background-color: #c1c6ca;
}
.v24Product206__baner--left {
width: 58%;
height: 100%;
}
.v24Product206__baner--img {
width: 100%;
height: auto;
}
.v24Product206__baner--right {
width: 42%;
height: 100%;
padding: 0px 2vw 0px 0px;
}
.v24Product206__baner--right .text__19 {
padding: 2vw 4vw 0px 4vw;
}
.v24Product206__baner--right .v24Product__one--img {
margin: 0px 0px 0px 4vw;
}
.v24Product--206 .v24Product__three--text {
padding: 0px 12vw 0px 4.5vw;
}
.v24Product--206 .v24Product__three--box--img--221 {
width: 15vw;
}
.v24Product__baner {
height: calc(100vh - 4.5vw);
margin: 0px 0px 0px 0px 0px;
}
.v24Product__baner--img {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
z-index: 1;
}
.v24Product__baner--inside {
padding: 2.5vw 4vw 2.5vw 4vw;
background-color: rgba(244, 121, 42, 0.95);
z-index: 5;
}
.v24Product__baner--name {
color: #fff;
}
.v24Product__one {
height: 42vw;
}
.v24Product__one--left {
height: 100%;
}
.v24Product--204 .v24Product__one--main {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
}
.v24Product__one--main {
float: left;
width: 100%;
height: 100%;
object-fit: contain;
}
.v24Product__one--right {
height: 100%;
padding: 0px 7vw 0px 7vw;
}
.v24Product__one--img {
float: left;
width: 34vw;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px
}
.v24Product__one--more {
margin: 2vw 0px 0px 0px;
}
.v24Product__two {
height: 35vw;
background-color: #cdd2d6;
}
.v24Product__two--left {
height: 100%;
}
.v24Product__two--left {
padding: 0px 0vw 0px 5vw;
}
.v24Product__two--left .mainFoto {
float: left;
width: 100%;
height: 100%;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.v24Product__two--left .mainFoto .img {
height: auto !important;
}
.v24Product--204 .v24Product__two--left .mainFoto .img {
width: 100%;
}
.v24Product--206 .v24Product__two--left .mainFoto .img {
width: auto;
height: 70% !important;
}
.v24Product__two--right {
height: 100%;
padding: 0px 0px 0px 5vw;
}
.v24Product__contact {
height: 35vw;
padding: 0px 15vw;
background-color: #fff;
}
.v24Product__contact--left {
height: 100%;
padding: 0px 4vw 0px 0px;
}
.v24Product__contact--right {
height: 100%;
padding: 0px 0px 0px 4vw;
}
.v24Product__contact--right--name {
width: 100%;
padding: 1vw;
color: #fff;
background-color: rgba(244, 121, 42, 0.95);
}
.v24Product__contact--right .fileListBox {
background-color: #fff;
padding: 2vw;
}
.v24Product__contact--right .fileListBox .filesBoxFile {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0.4vw 0px 0.4vw 0px;
font-size: 0.9vw;
line-height: 0.9vw;
font-weight: 400;
color: #000;
text-decoration: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.v24Product__contact--right .fileListBox .filesBoxFile .img {
float: left;
width: 0.8vw;
position: relative;
margin: 0px 1vw 0px 0px;
}
.v24Product__three {
height: 47vw;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.v24Product__three--box--img--214 {
float: left;
width: 4.8vw;
position: relative;
margin: 0px 0px 1.5vw 0px;
}
.v24Product__three--box--img--215 {
float: left;
width: 5.8vw;
position: relative;
margin: 0px 0px 1.5vw 0px;
}
.v24Product__three--box--img--216 {
float: left;
width: 3.1vw;
position: relative;
margin: 2vw 0px 1.5vw 0px;
}
.v24Product__three--box {
height: 47vw;
}
.v24Product__three--text {
padding: 0px 5vw 0px 4.5vw;
}
.v24Product__three--img {
float: left;
width: 100%;
height: 100%;
object-fit: cover;
}
.v24Product__four {
}
.v24Product__four  .v24Product__three--text {
padding: 0px 6vw 0px 5vw;
}
.v24Product__five {
height: 35vw;
}
.v24Product__five .mainFotoBackground {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.v24Product__five .mainFotoBackground .img {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.v24Product__five--left {
height: 100%;
padding: 0px 10vw 0px 13vw;
z-index: 5;
}
.v24Product__five--right {
height: 100%;
z-index: 5;
padding: 0px 20vw 0px 5vw;
}
.v24Product__six {
height: 40vw;
margin: -2px 0px 0px 0px;
overflow: hidden;
background-color: #fff;
}
.v24Product--206 .v24Product__six {
height: 36vw;
}
.v24Product__six .mainFotoBackground {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.v24Product__six--left {
width: 60%;
height: 100%;
padding: 0px 0vw 0px 0vw;
z-index: 5;
overflow: hidden;
}
.v24Product__six .mainFotoBackground .img {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.v24Product__six--right {
width: 40%;
height: 100%;
z-index: 5;
padding: 0px 5vw 0px 5vw;
background-color: #fff;
}
.v24Product__six--right .header {
width: 75%;
}
.v24Product__seven {
background-color: #cbcfd2;
}
.v24Product__seven .mainFotoBackground {
float: left;
width: 100%;
position: relative;
z-index: 1;
}
.v24Product__seven--left {
width: 45%;
height: 100%;
padding: 0px 0vw 0px 0vw;
z-index: 5;
overflow: hidden;
}
.v24Product__seven--left .header {
width: 50%;
padding: 7vw 5vw 0px 0px;
}
.v24Product__seven .mainFotoBackground .img {
float: left;
width: 100%;
margin: 0px 0px 4vw 0px;
position: relative;
object-fit: cover;
}
.v24Product__seven--right {
width: 55%;
height: 100%;
z-index: 5;
padding: 0px 0vw 0px 0vw;
}
.v24Product__eight {
padding: 6vw 15vw 6vw 15vw;
}
.v24Product__eight--img {
float: left;
width: 100%;
height: auto;
}
.v24Form {
padding: 6vw 30vw 6vw 30vw;
background-color: #f3f3f3;
}
.v24Form .addMargin {
position: absolute;
left: 0;
top: 0;
}
.v23Product__nine {
padding: 0vw 0.5vw 6vw 0.5vw;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 0.5vw;
grid-row-gap: 0.5vw;
overflow: hidden;
}
.v23Product__nine--box {
height: 15vw;
padding: 0px 0vw 0px 0px;
background-color: #DAE0E0;
border:0px solid #000;
text-decoration: none;
}
.v23Product__nine--box--1 {
background: url(//wdb-group.ru/images/S_banner1.jpg) center no-repeat;
background-size: cover;
}
.v23Product__nine--box--2 {
background: url(//wdb-group.ru/images/S_banner2.jpg) center no-repeat;
background-size: cover;
}
.v23Product__nine--box--3 {
background: url(//wdb-group.ru/images/S_banner3.jpg) center no-repeat;
background-size: cover;
}
.v23Product__nine--box .header {
margin: 0px 1vw 0px 0px;
color: #fff;
}
.v23Product__nine--box .header a {
text-decoration: none;
color: #fff;
font-weight: 600;
}
.v24Product__teen {
height: 44vw;
}
.v24Product__teen--left {
width: 65%;
}
.v24Product__teen--left .mainFoto {
float: left;
width: 100%;
height: 100%;
position: relative;
}
.v24Product__teen--left .mainFoto .img {
float: left;
width: 100%;
height: 100%;
position: relative;
object-fit: cover;
}
.v24Product__teen--right {
width: 35%;
padding: 0px 8vw 0px 5vw;
}
.v24Product__teen--right .header {
width: 70%;
margin: 0px 30% 0px 0px;
}
.v24Product__three--box--img--223 {
float: left;
width: 6.8vw;
}
}
@media screen and (min-width: 0px) and (max-width: 1000px) {
.about {
}
.about__header {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 4vw 0px;
padding: 0px 0px 0px 0px;
color: #3d4f59;
font-size: 8vw;
font-weight: 700;
line-height: 10vw;
}
.aboutOne {
padding: 10vw 4vw 3vw 4vw;
}
.aboutOne__inside {
margin: 2vw 0px 0px 0px;
}
.aboutOne__left {
width: 100%;
padding: 0px 6vw;
}
.aboutOne__right {
width: 100%;
padding: 8vw 0px 0px 0vw;
}
.aboutOne__logo {
width: 55vw;
margin: 0px 0px 4vw 0px;
}
.aboutOne__other {
margin: 6vw 0px 0px 0px !important;
}
.aboutOne__cert {
float: left;
width: 45vw;
position: relative;
}
.aboutTwo {
padding: 8vw 4vw 16vw 4vw;
}
.aboutTwo__list {
margin: 6vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(//wdb-group.ru/images/v24TwoBgN3.jpg) bottom center no-repeat;
background-size: cover;
background-attachment: fixed;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.aboutTwo__box {
padding: 4vw 0px 8vw 0px;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.aboutTwo__box--431 .mainFoto .img {
width: 45vw;
}
.aboutTwo__box--432 .mainFoto .img {
width: 45vw;
}
.aboutTwo__box--433 .mainFoto .img {
width: 49vw;
}
.aboutTwo__box--434 .mainFoto .img {
width: 40vw;
}
.aboutTwo__box--437 .mainFoto .img {
width: 40vw;
}
.aboutTwo__box .mainFoto {
float: left;
width: 100%;
height: 38vw;
position: relative;
margin: 0px 0px 1vw 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.v24Two__box .mainFoto .img {
height: auto !important;
object-fit: contain !important;
}
.aboutTwo__box--name {
margin: 0px 0px 4vw 0px;
color: #000;
text-decoration: none;
}
.aboutTwo__box--text {
text-decoration: none;
padding: 0px 8vw !important;
}
.aboutTwo__box--more {
margin: 4vw 0px 0px 0px;
padding: 0px 2vw 0px 0px;
color: #EA710E;
text-decoration: none;
background: url(//wdb-group.ru/images/v24TwoArrow.svg) center right no-repeat ;
}
.aboutTwo__box:hover .aboutTwo__box--more {
padding: 0px 1.5vw 0px 0px;
}
.aboutThree {
padding: 0px 4vw !important;
}
.aboutFour {
padding: 12vw 4vw 12vw 4vw;
}
.aboutFour__text {
margin: 2vw 0px 0px 0px !important;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 2vw;
grid-row-gap: 2vw;
}
.aboutFour__text iframe {
float: left;
width: 100%;
height: 26vw;
position: relative;
}
.aboutFive {
}
.aboutFive .v23Product__nine {
padding: 0px 4vw !important;
grid-column-gap: 2vw !important;
}
.aboutSix {
padding: 12vw 4vw 8vw 4vw;
}
.aboutSix .news {
padding: 0 !important;
}
.aboutSix .newsList {
margin: 6vw 0px 0px 0px !important;
}
.aboutSix .newsBox {
border: 1px solid rgba(0,0,0,0.05);
}
.aboutSix .newsBox .newsBox__right {
padding: 0px 2vw !important;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.basket {
float: left;
width: 12vw;
height: 12vw;
margin: 0.1vw 0.5vw 0px 0px;
line-height: 2.5vw;
color: #000000;
font-weight: 600;
font-size: 0.85vw;
text-decoration: none;
text-align: center;
background: #fff;
border: 1px solid #d6d6d6;
border-radius: 8px;
}
.basket .basketIcon {
width: 8vw;
}
.sd__baner {
float: right;
width: 40vw;
margin: -9.1vw 0px 0px 0px;
padding: 4vw;
flex-direction: column !important;
position: absolute;
top: 50%;
right: 6vw;
font-size: 3vw !important;
color: #fff;
text-decoration: none;
z-index: 10;
background: #0160F1;
}
.sd__baner--img {
float: left;
width: 12vw;
position: relative;
margin: 0px 0px 3vw 0px;
}
.sd__baner span {
padding: 2vw;
border: 2px solid #fff;
}
.areaOne {
padding: 8vw 4vw;
font-family: "Raleway", Montserrat, sans-serif;
}
.areaOne .header {
color: #000;
}
.areaOneItems {
margin: 6vw 0px 0px 0px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 1vw;
grid-row-gap: 1vw;
}
.areaOneItem {
height: 25vw;
color: #141414;
text-decoration: none;
background: #FAFAFA;
}
.areaOneItem:hover {
color: #F4792A;
}
.areaOneItemImg--1 {
width: 8.3vw;
margin: 0px 3.5vw 0px 3vw;
}
.areaOneItemImg--2 {
width: 8.3vw;
margin: 0px 3.5vw 0px 3vw;
}
.areaOneItemImg--3 {
width: 10vw;
margin: 0px 3.5vw 0px 3vw;
}
.areaOneItemImg--4 {
width: 7vw;
margin: 0px 3.5vw 0px 3vw;
}
.area25One {
margin: 0px 0px 4vw 0px;
padding: 1vw 0px 8vw 0px;
background: #FAFAFA;
}
.area25One__left {
width: 100%;
}
.area25One__left .mainFoto {
width: 90%;
height: 90%;
}
.area25One__left .mainFoto .img {
width: 100%;
height: 100%;
position: relative;
object-fit: contain;
}
.area25One__middle {
width: 100%;
margin: -8vw 0px 0px 0px;
padding: 0px 6vw 4vw 6vw;
}
.area25One__middle .text__19 {
margin: 4vw 0px 0px 0px;
}
.area25One__middle .text__19 p {
float: left;
width: 100%;
position: relative;
padding: 0px 0px 0px 6vw;
}
.area25One__middle .text__19 p em {
color: #797b7d;
font-weight: 300;
}
.area25One__middle .text__19 p:before {
content: ' ';
float: left;
width: 3vw;
height: 2px;
position: absolute;
left: 0;
top: 50%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #0160F1;
}
.area25One__middle .headerOne {
margin: 0px 0px 1vw 0px;
font-size: 5vw;
}
.area25One__middle .headerOne span {
color: #0160F1;
}
.area25One__right {
width: 100%;
margin: 4vw 0px 0px 0px;
}
.area25One__right .moreOne {
height: auto !important;
text-align: center;
}
.areaTwo {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 4vw;
grid-row-gap: 4vw;
}
.areaTwo .header {
color: #000;
margin: 0px 0px 4vw 0px;
}
.areaTwo .header span {
display: block !important;
}
.areaTwo__box {
padding: 8vw 4vw 8vw 4vw;
background: #FAFAFA;
}
.areaTwo__box .formBox {
margin: 4vw 0px 0px 0px;
}
.areaTwo__box .formSubmit {
float: left;
font-family: "Raleway", Montserrat, sans-serif;
}
.areaTwo__box .formBox__inside {
margin: 0px 0px 2vw 0px;
}
.areaTwo__contact {
margin: 6vw 0px 0px 0px;
padding: 4vw 4vw 4vw 4vw;
background: #fff;
}
.areaTwo__contact--name {
color: #000;
}
.areaTwo__contact--header {
margin: 0px 0px 3vw 0px;
color: #E57917;
}
.areaTwo__contact--text {
color: #141414;
line-height: 6vw !important;
}
.areaTwo__contact--text a {
color: #141414 !important;
}
.areaTwo__contact--text a:hover {
color: #E57917 !important;
}
.areaTwo__contact--text .wa {
float: left;
width: 100%;
padding: 0px 0px 0px 4vw;
box-sizing: border-box;
line-height: 8vw;
background: url(//wdb-group.ru/images/iconWA.png) center left no-repeat;
background-size: 3vw;
}
.areaTwo__contact--li {
float: right;
width: 8vw;
position: absolute;
top: 4vw;
right: 4vw;
}
.areaThreeNew {
margin: 8vw 0px 0px 0px;
padding: 0vw 0vw;
overflow: hidden;
}
.areaThree {
padding: 12vw 4vw;
}
.areaThree .header {
color: #000;
width: 70% !important;
margin: 0px 0px 4vw 15%;
}
.areaThree .text__19 {
background: #FAFAFA;
padding: 6vw 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.areaThree .text__19 p {
float: left;
width: 100%;
margin: 1.5vw 0px 1.5vw 0px;
padding: 0px 0px 0px 2vw;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.areaThree .text__19 p em {
font-style: normal;
}
.areaThree .text__19 p:before {
content: ' ';
float: left;
width: 12vw;
height: 8vw;
margin: 0px 1.5vw 0px 0px;
position: relative;
background: url(//wdb-group.ru/images/areaThreeIcon.png) center no-repeat;
background-size: 10vw;
}
.areaFour {
float: left;
width: 100%;
height: 65vw;
background: url(//wdb-group.ru/images/areaFourBg2025.jpg) top left no-repeat;
background-size: cover;
}
.areaFourMore {
position: absolute !important;
left: 4vw;
bottom: 4vw;
}
.areaFive {
padding: 12vw 4vw 6vw 4vw;
}
.areaFive .header {
width: 90%;
color: #000;
margin: 0px 0px 4vw 0px;
}
.areaFiveList {
margin: 2vw 0px 0px 0px;
}
.areaFiveBox {
margin: 0px 0px 6vw 0px;
background: #FBFBFB;
}
.areaFiveBoxFoto {
width: 100%;
}
.areaFiveBoxFoto .mainFoto {
width: 100%;
}
.areaFiveBoxFoto .mainFoto .img {
width: 100%;
height: 100%;
object-fit: cover;
}
.areaFiveBoxText {
width: 100%;
padding: 4vw 0px 4vw 0vw;
}
.areaFiveBoxText .text__19 ul li {
padding: 0px 0px 0px 6vw;
background: url(//wdb-group.ru/images/areaThreeIcon.png) top 1.8vw left 0.2604166667vw no-repeat;
background-size: 2.7vw;
}
.areaFiveBoxMore {
width: 100%;
}
.areaFiveBoxMore .moreOne {
width: 100%;
padding: 0;
margin: 0.4vw 0px;
background:#0160F2;
}
.areaSix {
padding: 12vw 4vw 8vw 4vw;
background: url(//wdb-group.ru/images/areaSixBg.jpg) center left no-repeat;
background-size: cover;
}
.areaSix__inside {
width: 100%;
}
.areaSix__inside .text__19 {
margin: 4vw 0px 6vw 0px;
}
.moreslide {
position: absolute !important;
right: 4vw;
top: 4vw;
z-index: 15;
}
.blogPageOne__content  .textPage {
font-weight: 400 !important;
line-height: 4vw !important;
}
.blogPageOne__content .textPage h1,
.blogPageOne__content .textPage h2,
.blogPageOne__content .textPage h3
{
line-height: 5vw !important;
margin: 0px 0px 2vw 0px !important;
}
.newsPage   .textPage {
font-weight: 400 !important;
line-height: 4vw !important;
}
.newsPage  .textPage h1,
.newsPage  .textPage h2,
.newsPage  .textPage h3
{
line-height: 5vw !important;
margin: 0px 0px 2vw 0px !important;
}
.contact24 {
padding: 4vw 4vw 2vw 4vw;
}
.contact24__list {
display: inline-grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 1px;
}
.contect24__box {
padding: 6vw 3vw;
background-color: #fff;
}
.contect24__box table {
}
.contect24__box table tr td {
height: 12vw !important;
padding: 0px 0px 0px 12vw;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.contect24__box table:nth-child(1) tr td {
background: url(//wdb-group.ru/images/footerContact_2.png) left no-repeat;
background-size: 8.4vw !important;
}
.contect24__box table:nth-child(2) tr td {
background: url(//wdb-group.ru/images/footerContact_3.png) left no-repeat;
background-size: 8.4vw !important;
}
.contactTwo24 {
padding: 6vw 4vw 2vw 4vw;
}
.contactTwo24__left {
}
.contactTwo24__left .header {
color: #EA710E !important;
}
.contactTwo24__left .socialLogo {
margin: 0px 0.5vw 0px 0px;
}
.contactTwo24__img {
float: left;
width: 60%;
position: relative;
margin: 4vw 0px 4vw 20%;
}
.contactThree24 {
padding: 0px 4vw;
}
.contactThree24 .moveToForm {
width: 100%;
margin: 2vw 0px 2vw 0px
}
.error404 {
padding:12vw 4vw 12vw 4vw;
}
.error404 .pr117__text {
margin: 2vw 0px 4vw 0px;
}
.pr23 {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0vw 4vw 9vw 4vw;
font-family: "Raleway", Montserrat, sans-serif;
background-color: #fff;
}
.pr23__left {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr23__met {
float: left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0.7vw 1.5vw 0.7vw 1.5vw;
color: #fff;
font-size: 2vw;
font-weight: 300;
line-height: 2vw;
background-color: #f4792a;
}
.pr23__header {
float: left;
width: 100%;
position: relative;
margin: 2.2vw 0px 1.5vw -0.2vw;
padding: 0px 0px 0px 2vw;
color: #3d4f59;
font-size: 6vw;
font-weight: 300;
line-height: 6vw;
border-left: 3px solid #f4792a;
}
.pr23__header span {
color: #f4792a;
}
.pr23__text {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #3d4f59;
font-size: 3.5vw;
font-weight: 300;
line-height: 4vw;
}
.pr23__right {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr23__images {
float: left;
width: 100%;
position: relative;
margin: 3vw 0px 3vw 0px;
padding: 0px 0px 0px 0px;
}
.pr23__image {
float: left;
height: 23vw;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.pr23__image--name {
float: right;
position: absolute;
right: 6vw;
top: 2vw;
color: #3d4f59;
font-size: 2.2vw;
font-weight: 400;
line-height: 3vw;
z-index: 5;
}
.pr23__icons {
float: left;
width: 100%;
color: #3d4f59;
font-size: 3.5vw;
font-weight: 400;
line-height: 4vw;
}
.pr23__icons table {
float: left;
width: 100%;
height: 8.2vw;
position: relative;
margin: 0px 0px 2vw 0px;
}
.pr23__icons table tr td:nth-child(1) {
width: 11vw !important;
}
.pr23__icons table:nth-child(5) {
color: #f58035;
}
.pr23__icons table tr td:nth-child(2) {
padding: 0px 0px 0px 2vw;
border-left: 2px solid #f58035;
}
.pr23__icons table:nth-child(1) {
width: 100%;
background: url(//wdb-group.ru/images/pr23_icon_1.jpg) center left no-repeat;
background-size: auto 6.9vw;
}
.pr23__icons table:nth-child(2) {
background: url(//wdb-group.ru/images/pr23_icon_2.jpg) center left 1.6vw no-repeat;
background-size: auto 6.9vw;
}
.pr23__icons table:nth-child(3) {
background: url(//wdb-group.ru/images/pr23_icon_3.jpg) center left 1.2vw no-repeat;
background-size: auto 6.9vw;
}
.pr23__icons table:nth-child(4) {
background: url(//wdb-group.ru/images/pr23_icon_4.jpg) center left 1.2vw no-repeat;
background-size: auto 6.7vw;
}
.pr23__icons table:nth-child(5) {
background: url(//wdb-group.ru/images/pr23_icon_5.jpg) center left 1.8vw no-repeat;
background-size: auto 6.9vw;
}
.movieBox {
float: left;
width: 100%;
height: 48vw;
position: relative;
margin: 0px 0px 4vw 0px;
}
.movieBox iframe {
float: left;
width: 100%;
height: 100%;
position: relative;
}
.text__19 {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #191919;
font-size: 4.5vw;
font-weight: 300;
line-height: 5.5625vw;
}
.text__19 strong {
color: #191919;
}
.text__19 a {
color: #EA710E;
text-decoration: none;
}
.text__19 a:hover {
color: #EA710E;
text-decoration: underline;
}
.text__19 ul, .text__19 ol {
float: left;
width: 100%;
margin: 0.5208333333vw 0px 0px 0px;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
}
.text__19 ul li {
float: left;
width: 100%;
margin: 0px 0px 1.5208333333vw 0px;
padding: 0px 0px 0px 8.3020833333vw;
position: relative;
list-style: none;
background: url(//wdb-group.ru/images/v24listBg.png) top 1vw left 0.2604166667vw no-repeat;
background-size: 4vw;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.text__19 ol li {
float: left;
width: calc(100% - 2.34375vw);
margin: 0px 0px 0.5208333333vw 2.34375vw;
padding: 0px 0px 0px 0px;
position: relative;
}
.v24 {
}
.v24One {
margin: 2vw 0px 0px 0px;
padding: 0px 0px 30vw 0px;
background-position: bottom center !important;
background-size: 100% auto !important;
}
.v23One__inside {
width: 90%;
margin: 5vw 5% 0px 5%;
}
.headerMargin {
margin: 8vw 0px 8vw 0px !important;
}
.v24Two {
margin: 4vw 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(//wdb-group.ru/images/v24TwoBgN3.jpg) center bottom no-repeat;
background-size: 100% auto;
background-attachment: fixed;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.v24Two__box {
padding: 6vw 0px 6vw 0px;
}
.v24Two__box:nth-child(2) {
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.v24Two__box--207 {
border-right: 1px solid rgba(0,0,0,0.05);
}
.v24Two__box--207 .mainFoto .img {
width: 56vw;
}
.v24Two__box--208 .mainFoto .img {
width: 59vw;
}
.v24Two__box--234 .mainFoto .img {
width: 39vw;
}
.v24Two__box .mainFoto {
float: left;
width: 100%;
position: relative;
margin: 12vw 0px 6vw 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.v24Two__box .mainFoto .img {
height: auto !important;
object-fit: contain !important;
}
.v24Two__box--name {
}
.v24Two__box--more {
margin: 2vw 0px 0px 0px;
padding: 0px 4vw 0px 0px;
color: #EA710E;
background: url(//wdb-group.ru/images/v24TwoArrow.svg) center right no-repeat ;
}
.v24Two__box:hover .v24Two__box--more {
padding: 0px 6vw 0px 0px;
}
.documentation .main .filesBoxv24 {
float:left;
width:100%;
position:relative;
margin:5vw 0px 0px 0px;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.documentation .main .filesBoxv24File {
float:left;
width:48%;
height:20vw;
position:relative;
margin:0px 1.8vw 2vw 0px;
padding:0.5vw 0px 0.5vw 0px;
font-size:3vw;
line-height:4vw;
font-weight:600;
color:#000;
text-decoration:none;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
background:#fff;
}
.documentation .main .filesBoxv24File:nth-child(1) {
background: url(//wdb-group.ru/images/filev24_1.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(2) {
background: url(//wdb-group.ru/images/filev24_2.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(3) {
background: url(//wdb-group.ru/images/filev24_3.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(4) {
background: url(//wdb-group.ru/images/filev24_4.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(5) {
background: url(//wdb-group.ru/images/filev24_5.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(6) {
background: url(//wdb-group.ru/images/filev24_6.png) center no-repeat;
background-size: cover;
}
.documentation .main .filesBoxv24File:nth-child(2),
.documentation .main .filesBoxv24File:nth-child(4),
.documentation .main .filesBoxv24File:nth-child(6),
.documentation .main .filesBoxv24File:nth-child(8)
{ margin:0px 0px 0px 0px; }
.documentation .main .filesBoxv24File .img {
float:left;
width:6.1vw;
position:relative;
margin:0px 0px 4vw 0px;
}
.documentation .main .filesBoxv24File:hover {
color:#f4792a;
}
.menuProductNew {
float:left;
width:100%;
height:0;
position:relative;
margin:0px 0px 0px 0px;
padding:0vw 0vw 0vw 0vw;
background:#fafafa;
overflow:hidden;
z-index:15;
opacity:0;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.activeMenuProduct {
height: auto;
opacity:1;
}
.activeMenuProductTwo {
height: auto;
opacity:1;
}
.activeMenuProductThree {
height: auto;
opacity:1;
}
.menuProductNew .box {
float: left;
width: 100%;
position: relative;
}
.menuProductNew .box:nth-child(2) {
border-left: 1px solid rgba(0,0,0,0.05);
border-right: 1px solid rgba(0,0,0,0.05);
}
.menuProductNew .box .mainFoto {
float: left;
width: 100%;
height: 25vw !important;
margin: 3.5vw 0px 1.5vw 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.menuProductNew .box .mainFoto .img {
height: auto !important;
object-fit: contain !important;
}
.menuProductNew .box-23 {
background: url(//wdb-group.ru/images/box204bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-23 .mainFoto .img {
width: 23.5vw;
}
.menuProductNew .box-24 {
background: url(//wdb-group.ru/images/box205bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-24 .mainFoto .img {
width: 23.7vw;
}
.menuProductNew .box-235 {
background: url(//wdb-group.ru/images/box206bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-235 .mainFoto .img {
width: 20.2vw;
}
.menuProductNew .box-25 {
background: url(//wdb-group.ru/images/box204bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-25 .mainFoto .img {
width: 35.5vw;
}
.menuProductNew .box-117 {
background: url(//wdb-group.ru/images/box205bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-117 .mainFoto .img {
width: 35.7vw;
}
.menuProductNew .box-26 {
background: url(//wdb-group.ru/images/box206bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-26 .mainFoto .img {
width: 35.2vw;
}
.menuProductNew .box-204 {
background: url(//wdb-group.ru/images/box204bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-204 .mainFoto .img {
width: 40.5vw;
}
.menuProductNew .box-205 {
background: url(//wdb-group.ru/images/box205bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-205 .mainFoto .img {
width: 40.7vw;
}
.menuProductNew .box-206 {
background: url(//wdb-group.ru/images/box206bg.png) center no-repeat;
background-size: cover !important;
}
.menuProductNew .box-206 .mainFoto .img {
width: 21.2vw;
}
.menuProductNew .box .name {
color: #000000;
margin: 0px 0px 6vw 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
.menuProductNew .box:hover .name,
.menuProductNew .box.activeSubmenu .name
{
color: #EA710E !important;
background: none !important;
}
.v24Product {
margin: 0vw 0px 0px 0px;
}
.v24Product206__baner {
margin: 0px 0px 0px 0px 0px;
background-color: #c1c6ca;
}
.v24Product206__baner--left {
width: 100%;
padding: 12vw 0px 6vw 0px;
}
.v24Product206__baner--img {
width: 100%;
height: auto;
}
.v24Product206__baner--right {
width: 100%;
padding: 0px 4vw 12vw 0px;
}
.v24Product206__baner--right .text__19 {
padding: 2vw 4vw 0px 4vw;
}
.v24Product206__baner--right .v24Product__one--img {
margin: 0px 0px 0px 4vw;
}
.v24Product--206 .v24Product__three--text {
padding: 12vw 4vw 12vw 4vw;
}
.v24Product--206 .v24Product__three--box--img--221 {
width: 35vw;
}
.v24Product--206 .v24Product__two {
}
.v24Product__baner {
height: 45vw;
margin: 0px 0px 0px 0px;
}
.v24Product__baner--img {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
z-index: 1;
}
.v24Product__baner--inside {
padding: 2.5vw 4vw 2.5vw 4vw;
background-color: rgba(244, 121, 42, 0.95);
z-index: 5;
}
.v24Product__baner--name {
color: #fff;
}
.v24Product__baner--name.fs-60 {
font-size: 8vw !important;
}
.v24Product__one {
}
.v24Product__one--left {
width: 100%;
padding: 0vw 0px 0px 0px;
}
.v24Product--204 .v24Product__one--main {
float: left;
width: 100%;
position: relative;
}
.v24Product__one--main {
float: left;
width: 100%;
height: 100%;
object-fit: contain;
}
.v24Product__one--right {
padding: 8vw 4vw 8vw 4vw;
}
.v24Product__one--img {
float: left;
width: 100%;
max-width: 90vw;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px
}
.v24Product__one--more {
margin: 2vw 0px 0px 0px;
}
.v24Product__two {
background-color: #cdd2d6;
}
.v24Product__two--left {
}
.v24Product__two--left {
padding: 18vw 4vw 8px 4vw;
}
.v24Product__two--left .mainFoto {
float: left;
width: 100%;
height: 100%;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.v24Product__two--left .mainFoto .img {
float: left;
width: 100%;
height: auto !important;
}
.v24Product--204 .v24Product__two--left .mainFoto .img {
width: 100%;
}
.v24Product--206 .v24Product__two--left .mainFoto .img {
width: 80%;
}
.v24Product__two--right {
padding: 12vw 4vw 6vw 4vw;
}
.v24Product__contact {
padding: 0px 4vw;
background-color: #fff;
}
.v24Product__contact--left {
padding: 6vw 0vw 0px 0px;
}
.v24Product__contact--right {
padding: 2vw 0px 6vw 0vw;
}
.v24Product__contact--right--name {
width: 100%;
padding: 2vw 4vw;
color: #fff;
background-color: rgba(244, 121, 42, 0.95);
}
.v24Product__contact--right .fileListBox {
background-color: #fff;
padding: 4vw;
}
.v24Product__contact--right .fileListBox .filesBoxFile {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 2vw 0px 2vw 0px;
font-size: 3.5vw;
line-height: 4vw;
font-weight: 400;
color: #000;
text-decoration: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.v24Product__contact--right .fileListBox .filesBoxFile .img {
float: left;
width: 3vw;
position: relative;
margin: 0px 2vw 0px 0px;
}
.v24Product__three {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.v24Product__three--box--img--214 {
float: left;
width: 15.8vw;
position: relative;
margin: 0px 0px 6vw 0px;
}
.v24Product__three--box--img--215 {
float: left;
width: 16.8vw;
position: relative;
margin: 0px 0px 6vw 0px;
}
.v24Product__three--box--img--216 {
float: left;
width: 14.1vw;
position: relative;
margin: 2vw 0px 6vw 0px;
}
.v24Product__three--box {
}
.v24Product__three--text {
padding: 12vw 4vw 12vw 4vw;
}
.v24Product__three--img {
float: left;
width: 100%;
height: 55vw;
object-fit: cover;
}
.v24Product__four {
}
.v24Product__four  .v24Product__three--text {
padding: 12vw 4vw 12vw 4vw;
}
.v24Product__five {
padding: 12vw 0vw 12vw 0vw;
}
.v24Product__five .mainFotoBackground {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.v24Product__five .mainFotoBackground .img {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.v24Product__five--left {
padding: 0px 4vw 8vw 4vw;
z-index: 5;
}
.v24Product__five--right {
z-index: 5;
padding: 0px 12vw 0px 4vw;
}
.v24Product__six {
margin: 0px 0px 0px 0px;
overflow: hidden;
background-color: #fff;
}
.v24Product__six .mainFotoBackground {
float: left;
width: 100%;
position: relative;
z-index: 1;
}
.v24Product__six--left {
width: 100%;
padding: 0px 0vw 0px 0vw;
z-index: 5;
overflow: hidden;
}
.v24Product__six .mainFotoBackground .img {
float: left;
width: 100%;
height: 100%;
position: relative;
object-fit: cover;
}
.v24Product__six--right {
width: 100%;
z-index: 5;
padding: 12vw 4vw 12vw 4vw;
}
.v24Product__six--right .header {
width: 60%;
}
.v24Product__seven {
background-color: #cbcfd2;
}
.v24Product__seven .mainFotoBackground {
float: left;
width: 100%;
position: relative;
z-index: 1;
}
.v24Product__seven--left {
width: 100%;
padding: 0px 0vw 0px 0vw;
z-index: 5;
overflow: hidden;
}
.v24Product__seven--left .header {
width: 100%;
padding: 12vw 4vw 0px 4vw;
}
.v24Product__seven .mainFotoBackground .img {
float: left;
width: 100%;
margin: 0px 0px 4vw 0px;
position: relative;
object-fit: cover;
}
.v24Product__seven--right {
width: 100%;
z-index: 5;
padding: 0px 0vw 0px 0vw;
}
.v24Product__eight {
padding: 12vw 4vw 12vw 4vw;
}
.v24Product__eight--img {
float: left;
width: 100%;
height: auto;
}
.v24Form {
padding: 0vw 4vw 6vw 4vw;
}
.v23Product__nine {
padding: 0vw 2vw 6vw 2vw;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 1vw;
grid-row-gap: 1vw;
overflow: hidden;
}
.v23Product__nine--box {
height: 45vw;
padding: 0px 0vw 0px 0px;
background-color: #DAE0E0;
border:0px solid #000;
text-decoration: none;
justify-content: flex-end !important;
}
.v23Product__nine--box--1 {
background: url(//wdb-group.ru/images/S_banner1.jpg) center no-repeat;
background-size: cover;
}
.v23Product__nine--box--2 {
background: url(//wdb-group.ru/images/S_banner2.jpg) center no-repeat;
background-size: cover;
}
.v23Product__nine--box--3 {
background: url(//wdb-group.ru/images/S_banner3.jpg) center no-repeat;
background-size: cover;
}
.v23Product__nine--box .header {
width: 50% !important;
margin: 0px 4vw 0px 0px;
color: #fff;
font-size: 6vw !important;
}
.v23Product__nine--box .header a {
text-decoration: none;
color: #fff;
font-weight: 600;
}
.v23Product__nine--box--1 .header {
width: 40% !important;
}
.v23Product__nine--box--2 .header {
width: 40% !important;
}
.v24Product__teen {
}
.v24Product__teen--left {
width: 100%;
}
.v24Product__teen--left .mainFoto {
float: left;
width: 100%;
position: relative;
}
.v24Product__teen--left .mainFoto .img {
float: left;
width: 100%;
height: 100%;
position: relative;
object-fit: cover;
}
.v24Product__teen--right {
width: 100%;
padding: 12vw 4vw 12vw 4vw;
}
.v24Product__teen--right .header {
width: 100%;
margin: 0px 0% 0px 0px;
}
.v24Product__three--box--img--223 {
float: left;
width: 16.8vw;
}
}
.f__mt {
font-family: "Raleway", Montserrat, sans-serif;
}
.bi {
box-sizing: border-box;
}
.animate__100 {
transition: all 0.1s ease-in-out;
}
.animate__200 {
transition: all 0.2s ease-in-out;
}
.animate__300 {
transition: all 0.3s ease-in-out;
}
.animate__400 {
transition: all 0.4s ease-in-out;
}
.animate__500 {
transition: all 0.5s ease-in-out;
}
.d-c-c {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.d-c-b {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.d-c-s {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.d-c-e {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
align-content: center;
}
.d-s-c {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
}
.d-s-s {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
}
.d-s-b {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
}
.d-s-e {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-start;
align-content: flex-start;
}
.d-e-c {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
align-content: flex-end;
}
.d-e-s {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-end;
align-content: flex-end;
}
.d-e-e {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-end;
align-content: flex-end;
}
.pointer {
cursor: pointer !important;
}
.nopointer {
pointer-events: none !important;
}
.m-0 {
margin: 0 !important;
}
.p-0 {
padding: 0 !important;
}
.text-white {
color: #fff !important;
}
.text-black {
color: #000 !important;
}
.w-100 {
width: 100% !important;
}
.w-75 {
width: 75% !important;
}
.w-60 {
width: 60% !important;
}
.w-50 {
width: 50% !important;
}
.w-40 {
width: 40% !important;
}
.w-25 {
width: 25% !important;
}
.w-0 {
width: 0% !important;
}
.h-100 {
height: 100% !important;
}
.h-75 {
height: 75% !important;
}
.h-50 {
height: 50% !important;
}
.h-25 {
height: 25% !important;
}
.h-0 {
height: 0% !important;
}
.f-l {
float: left !important;
}
.f-r {
float: right !important;
}
.default-color-1 {
color: #df2157 !important;
}
.default-color-2 {
color: #df2157 !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-left {
text-align: left !important;
}
.text-center {
text-align: center !important;
}
.text-right {
text-align: right !important;
}
.fw-100 {
font-weight: 100 !important;
}
.fw-200 {
font-weight: 200 !important;
}
.fw-300 {
font-weight: 300 !important;
}
.fw-400 {
font-weight: 400 !important;
}
.fw-500 {
font-weight: 500 !important;
}
.fw-600 {
font-weight: 600 !important;
}
.fw-700 {
font-weight: 700 !important;
}
.fw-800 {
font-weight: 800 !important;
}
.fw-900 {
font-weight: 900 !important;
}
.position-relative {
position: relative !important;
}
.p-r {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.p-a {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.p-f {
position: fixed !important;
}
@media screen and (min-width: 1001px) and (max-width: 10000px) {
.block {
display: block;
}
.fs-0 {
font-size: 0vw !important;
}
.fs-10 {
font-size: 0.5208333333vw !important;
}
.fs-15 {
font-size: 0.78125vw !important;
}
.fs-16 {
font-size: 0.8333333333vw !important;
}
.fs-17 {
font-size: 0.8854166667vw !important;
}
.fs-18 {
font-size: 0.9375vw !important;
}
.fs-19 {
font-size: 0.9895833333vw !important;
}
.fs-20 {
font-size: 1.0416666667vw !important;
}
.fs-25 {
font-size: 1.3020833333vw !important;
}
.fs-30 {
font-size: 1.5625vw !important;
}
.fs-35 {
font-size: 1.8229166667vw !important;
}
.fs-40 {
font-size: 2.0833333333vw !important;
}
.fs-45 {
font-size: 2.34375vw !important;
}
.fs-50 {
font-size: 2.6041666667vw !important;
}
.fs-60 {
font-size: 3.125vw !important;
}
.fs-70 {
font-size: 3.6458333333vw !important;
}
.fs-80 {
font-size: 4.1666666667vw !important;
}
.fs-90 {
font-size: 4.6875vw !important;
}
.fs-100 {
font-size: 5.2083333333vw !important;
}
.lh-0 {
line-height: 0vw !important;
}
.lh-10 {
line-height: 0.5208333333vw !important;
}
.lh-15 {
line-height: 0.78125vw !important;
}
.lh-16 {
line-height: 0.8333333333vw !important;
}
.lh-17 {
line-height: 0.8854166667vw !important;
}
.lh-18 {
line-height: 0.9375vw !important;
}
.lh-19 {
line-height: 0.9895833333vw !important;
}
.lh-20 {
line-height: 1.0416666667vw !important;
}
.lh-25 {
line-height: 1.3020833333vw !important;
}
.lh-30 {
line-height: 1.5625vw !important;
}
.lh-35 {
line-height: 1.8229166667vw !important;
}
.lh-40 {
line-height: 2.0833333333vw !important;
}
.lh-45 {
line-height: 2.34375vw !important;
}
.lh-50 {
line-height: 2.6041666667vw !important;
}
.lh-60 {
line-height: 3.125vw !important;
}
.lh-70 {
line-height: 3.6458333333vw !important;
}
.lh-80 {
line-height: 4.1666666667vw !important;
}
.lh-90 {
line-height: 4.6875vw !important;
}
.lh-100 {
line-height: 5.2083333333vw !important;
}
.mt-0 {
margin-top: 0vw !important;
}
.mt-10 {
margin-top: 0.5208333333vw !important;
}
.mt-20 {
margin-top: 1.0416666667vw !important;
}
.mt-30 {
margin-top: 1.5625vw !important;
}
.mt-40 {
margin-top: 2.0833333333vw !important;
}
.mt-50 {
margin-top: 2.6041666667vw !important;
}
.mt-60 {
margin-top: 3.125vw !important;
}
.mt-70 {
margin-top: 3.6458333333vw !important;
}
.mt-80 {
margin-top: 4.1666666667vw !important;
}
.mt-90 {
margin-top: 4.6875vw !important;
}
.mt-100 {
margin-top: 5.2083333333vw !important;
}
.mr-0 {
margin-right: 0vw !important;
}
.mr-10 {
margin-right: 0.5208333333vw !important;
}
.mr-20 {
margin-right: 1.0416666667vw !important;
}
.mr-30 {
margin-right: 1.5625vw !important;
}
.mr-40 {
margin-right: 2.0833333333vw !important;
}
.mr-50 {
margin-right: 2.6041666667vw !important;
}
.mr-60 {
margin-right: 3.125vw !important;
}
.mr-70 {
margin-right: 3.6458333333vw !important;
}
.mr-80 {
margin-right: 4.1666666667vw !important;
}
.mr-90 {
margin-right: 4.6875vw !important;
}
.mr-100 {
margin-right: 5.2083333333vw !important;
}
.mb-0 {
margin-bottom: 0vw !important;
}
.mb-10 {
margin-bottom: 0.5208333333vw !important;
}
.mb-20 {
margin-bottom: 1.0416666667vw !important;
}
.mb-30 {
margin-bottom: 1.5625vw !important;
}
.mb-40 {
margin-bottom: 2.0833333333vw !important;
}
.mb-50 {
margin-bottom: 2.6041666667vw !important;
}
.mb-60 {
margin-bottom: 3.125vw !important;
}
.mb-70 {
margin-bottom: 3.6458333333vw !important;
}
.mb-80 {
margin-bottom: 4.1666666667vw !important;
}
.mb-90 {
margin-bottom: 4.6875vw !important;
}
.mb-100 {
margin-bottom: 5.2083333333vw !important;
}
.ml-0 {
margin-left: 0vw !important;
}
.ml-10 {
margin-left: 0.5208333333vw !important;
}
.ml-20 {
margin-left: 1.0416666667vw !important;
}
.ml-30 {
margin-left: 1.5625vw !important;
}
.ml-40 {
margin-left: 2.0833333333vw !important;
}
.ml-50 {
margin-left: 2.6041666667vw !important;
}
.ml-60 {
margin-left: 3.125vw !important;
}
.ml-70 {
margin-left: 3.6458333333vw !important;
}
.ml-80 {
margin-left: 4.1666666667vw !important;
}
.ml-90 {
margin-left: 4.6875vw !important;
}
.ml-100 {
margin-left: 5.2083333333vw !important;
}
.pt-0 {
padding-top: 0vw !important;
}
.pt-10 {
padding-top: 0.5208333333vw !important;
}
.pt-20 {
padding-top: 1.0416666667vw !important;
}
.pt-30 {
padding-top: 1.5625vw !important;
}
.pt-40 {
padding-top: 2.0833333333vw !important;
}
.pt-50 {
padding-top: 2.6041666667vw !important;
}
.pt-60 {
padding-top: 3.125vw !important;
}
.pt-70 {
padding-top: 3.6458333333vw !important;
}
.pt-80 {
padding-top: 4.1666666667vw !important;
}
.pt-90 {
padding-top: 4.6875vw !important;
}
.pt-100 {
padding-top: 5.2083333333vw !important;
}
.pr-0 {
padding-right: 0vw !important;
}
.pr-10 {
padding-right: 0.5208333333vw !important;
}
.pr-20 {
padding-right: 1.0416666667vw !important;
}
.pr-30 {
padding-right: 1.5625vw !important;
}
.pr-40 {
padding-right: 2.0833333333vw !important;
}
.pr-50 {
padding-right: 2.6041666667vw !important;
}
.pr-60 {
padding-right: 3.125vw !important;
}
.pr-70 {
padding-right: 3.6458333333vw !important;
}
.pr-80 {
padding-right: 4.1666666667vw !important;
}
.pr-90 {
padding-right: 4.6875vw !important;
}
.pr-100 {
padding-right: 5.2083333333vw !important;
}
.pb-0 {
padding-bottom: 0vw !important;
}
.pb-10 {
padding-bottom: 0.5208333333vw !important;
}
.pb-20 {
padding-bottom: 1.0416666667vw !important;
}
.pb-30 {
padding-bottom: 1.5625vw !important;
}
.pb-40 {
padding-bottom: 2.0833333333vw !important;
}
.pb-50 {
padding-bottom: 2.6041666667vw !important;
}
.pb-60 {
padding-bottom: 3.125vw !important;
}
.pb-70 {
padding-bottom: 3.6458333333vw !important;
}
.pb-80 {
padding-bottom: 4.1666666667vw !important;
}
.pb-90 {
padding-bottom: 4.6875vw !important;
}
.pb-100 {
padding-bottom: 5.2083333333vw !important;
}
.pl-0 {
padding-left: 0vw !important;
}
.pl-10 {
padding-left: 0.5208333333vw !important;
}
.pl-20 {
padding-left: 1.0416666667vw !important;
}
.pl-30 {
padding-left: 1.5625vw !important;
}
.pl-40 {
padding-left: 2.0833333333vw !important;
}
.pl-50 {
padding-left: 2.6041666667vw !important;
}
.pl-60 {
padding-left: 3.125vw !important;
}
.pl-70 {
padding-left: 3.6458333333vw !important;
}
.pl-80 {
padding-left: 4.1666666667vw !important;
}
.pl-90 {
padding-left: 4.6875vw !important;
}
.pl-100 {
padding-left: 5.2083333333vw !important;
}
.t-0 {
top: 0vw !important;
}
.t-10 {
top: 0.5208333333vw !important;
}
.t-20 {
top: 1.0416666667vw !important;
}
.t-30 {
top: 1.5625vw !important;
}
.t-40 {
top: 2.0833333333vw !important;
}
.t-50 {
top: 2.6041666667vw !important;
}
.t-60 {
top: 3.125vw !important;
}
.t-70 {
top: 3.6458333333vw !important;
}
.t-80 {
top: 4.1666666667vw !important;
}
.t-90 {
top: 4.6875vw !important;
}
.t-100 {
top: 5.2083333333vw !important;
}
.r-0 {
right: 0vw !important;
}
.r-10 {
right: 0.5208333333vw !important;
}
.r-20 {
right: 1.0416666667vw !important;
}
.r-30 {
right: 1.5625vw !important;
}
.r-40 {
right: 2.0833333333vw !important;
}
.r-50 {
right: 2.6041666667vw !important;
}
.r-60 {
right: 3.125vw !important;
}
.r-70 {
right: 3.6458333333vw !important;
}
.r-80 {
right: 4.1666666667vw !important;
}
.r-90 {
right: 4.6875vw !important;
}
.r-100 {
right: 5.2083333333vw !important;
}
.b-0 {
bottom: 0vw !important;
}
.b-10 {
bottom: 0.5208333333vw !important;
}
.b-20 {
bottom: 1.0416666667vw !important;
}
.b-30 {
bottom: 1.5625vw !important;
}
.b-40 {
bottom: 2.0833333333vw !important;
}
.b-50 {
bottom: 2.6041666667vw !important;
}
.b-60 {
bottom: 3.125vw !important;
}
.b-70 {
bottom: 3.6458333333vw !important;
}
.b-80 {
bottom: 4.1666666667vw !important;
}
.b-90 {
bottom: 4.6875vw !important;
}
.b-100 {
bottom: 5.2083333333vw !important;
}
.l-0 {
left: 0vw !important;
}
.l-10 {
left: 0.5208333333vw !important;
}
.l-20 {
left: 1.0416666667vw !important;
}
.l-30 {
left: 1.5625vw !important;
}
.l-40 {
left: 2.0833333333vw !important;
}
.l-50 {
left: 2.6041666667vw !important;
}
.l-60 {
left: 3.125vw !important;
}
.l-70 {
left: 3.6458333333vw !important;
}
.l-80 {
left: 4.1666666667vw !important;
}
.l-90 {
left: 4.6875vw !important;
}
.l-100 {
left: 5.2083333333vw !important;
}
}
@media screen and (min-width: 0px) and (max-width: 1000px) {
.w-100 {
width: 100% !important;
}
.w-75 {
width: 100% !important;
}
.w-60 {
width: 100% !important;
}
.w-50 {
width: 100% !important;
}
.w-40 {
width: 100% !important;
}
.w-25 {
width: 100% !important;
}
.w-0 {
width: 0% !important;
}
.h-100 {
height: auto !important;
}
.h-75 {
height: auto !important;
}
.h-50 {
height: auto !important;
}
.h-25 {
height: auto !important;
}
.h-0 {
height: 0% !important;
}
.fs-0 {
font-size: 0vw !important;
}
.fs-10 {
font-size: 2.5vw !important;
}
.fs-15 {
font-size: 3.75vw !important;
}
.fs-16 {
font-size: 4vw !important;
}
.fs-17 {
font-size: 4.25vw !important;
}
.fs-18 {
font-size: 4.5vw !important;
}
.fs-19 {
font-size: 4.75vw !important;
}
.fs-20 {
font-size: 4vw !important;
}
.fs-25 {
font-size: 4.25vw !important;
}
.fs-30 {
font-size: 7.5vw !important;
}
.fs-35 {
font-size: 8.75vw !important;
}
.fs-40 {
font-size: 6vw !important;
}
.fs-45 {
font-size: 6.25vw !important;
}
.fs-50 {
font-size: 6vw !important;
}
.fs-60 {
font-size: 12vw !important;
}
.fs-70 {
font-size: 8.5vw !important;
}
.fs-80 {
font-size: 20vw !important;
}
.fs-90 {
font-size: 22.5vw !important;
}
.fs-100 {
font-size: 12vw !important;
}
.lh-0 {
line-height: 0vw !important;
}
.lh-10 {
line-height: 2.5vw !important;
}
.lh-15 {
line-height: 3.75vw !important;
}
.lh-16 {
line-height: 4vw !important;
}
.lh-17 {
line-height: 4.25vw !important;
}
.lh-18 {
line-height: 4.5vw !important;
}
.lh-19 {
line-height: 4.75vw !important;
}
.lh-20 {
line-height: 5vw !important;
}
.lh-25 {
line-height: 6.25vw !important;
}
.lh-30 {
line-height: 7.5vw !important;
}
.lh-35 {
line-height: 8.75vw !important;
}
.lh-40 {
line-height: 6vw !important;
}
.lh-45 {
line-height: 11.25vw !important;
}
.lh-50 {
line-height: 8.5vw !important;
}
.lh-60 {
line-height: 15vw !important;
}
.lh-70 {
line-height: 10.5vw !important;
}
.lh-80 {
line-height: 20vw !important;
}
.lh-90 {
line-height: 22.5vw !important;
}
.lh-100 {
line-height: 15vw !important;
}
.mt-0 {
margin-top: 0vw !important;
}
.mt-10 {
margin-top: 2.5vw !important;
}
.mt-20 {
margin-top: 5vw !important;
}
.mt-30 {
margin-top: 2.5vw !important;
}
.mt-40 {
margin-top: 10vw !important;
}
.mt-50 {
margin-top: 12.5vw !important;
}
.mt-60 {
margin-top: 15vw !important;
}
.mt-70 {
margin-top: 17.5vw !important;
}
.mt-80 {
margin-top: 20vw !important;
}
.mt-90 {
margin-top: 22.5vw !important;
}
.mt-100 {
margin-top: 25vw !important;
}
.mr-0 {
margin-right: 0vw !important;
}
.mr-10 {
margin-right: 2.5vw !important;
}
.mr-20 {
margin-right: 5vw !important;
}
.mr-30 {
margin-right: 7.5vw !important;
}
.mr-40 {
margin-right: 10vw !important;
}
.mr-50 {
margin-right: 12.5vw !important;
}
.mr-60 {
margin-right: 15vw !important;
}
.mr-70 {
margin-right: 17.5vw !important;
}
.mr-80 {
margin-right: 20vw !important;
}
.mr-90 {
margin-right: 22.5vw !important;
}
.mr-100 {
margin-right: 25vw !important;
}
.mb-0 {
margin-bottom: 0vw !important;
}
.mb-10 {
margin-bottom: 2.5vw !important;
}
.mb-20 {
margin-bottom: 3vw !important;
}
.mb-30 {
margin-bottom: 6vw !important;
}
.mb-40 {
margin-bottom: 10vw !important;
}
.mb-50 {
margin-bottom: 12.5vw !important;
}
.mb-60 {
margin-bottom: 15vw !important;
}
.mb-70 {
margin-bottom: 17.5vw !important;
}
.mb-80 {
margin-bottom: 20vw !important;
}
.mb-90 {
margin-bottom: 22.5vw !important;
}
.mb-100 {
margin-bottom: 25vw !important;
}
.ml-0 {
margin-left: 0vw !important;
}
.ml-10 {
margin-left: 2.5vw !important;
}
.ml-20 {
margin-left: 5vw !important;
}
.ml-30 {
margin-left: 7.5vw !important;
}
.ml-40 {
margin-left: 10vw !important;
}
.ml-50 {
margin-left: 12.5vw !important;
}
.ml-60 {
margin-left: 15vw !important;
}
.ml-70 {
margin-left: 17.5vw !important;
}
.ml-80 {
margin-left: 20vw !important;
}
.ml-90 {
margin-left: 22.5vw !important;
}
.ml-100 {
margin-left: 25vw !important;
}
.pt-0 {
padding-top: 0vw !important;
}
.pt-10 {
padding-top: 2.5vw !important;
}
.pt-20 {
padding-top: 5vw !important;
}
.pt-30 {
padding-top: 7.5vw !important;
}
.pt-40 {
padding-top: 10vw !important;
}
.pt-50 {
padding-top: 12.5vw !important;
}
.pt-60 {
padding-top: 15vw !important;
}
.pt-70 {
padding-top: 17.5vw !important;
}
.pt-80 {
padding-top: 20vw !important;
}
.pt-90 {
padding-top: 22.5vw !important;
}
.pt-100 {
padding-top: 25vw !important;
}
.pr-0 {
padding-right: 0vw !important;
}
.pr-10 {
padding-right: 2.5vw !important;
}
.pr-20 {
padding-right: 5vw !important;
}
.pr-30 {
padding-right: 7.5vw !important;
}
.pr-40 {
padding-right: 10vw !important;
}
.pr-50 {
padding-right: 12.5vw !important;
}
.pr-60 {
padding-right: 15vw !important;
}
.pr-70 {
padding-right: 17.5vw !important;
}
.pr-80 {
padding-right: 20vw !important;
}
.pr-90 {
padding-right: 22.5vw !important;
}
.pr-100 {
padding-right: 25vw !important;
}
.pb-0 {
padding-bottom: 0vw !important;
}
.pb-10 {
padding-bottom: 2.5vw !important;
}
.pb-20 {
padding-bottom: 5vw !important;
}
.pb-30 {
padding-bottom: 7.5vw !important;
}
.pb-40 {
padding-bottom: 10vw !important;
}
.pb-50 {
padding-bottom: 12.5vw !important;
}
.pb-60 {
padding-bottom: 15vw !important;
}
.pb-70 {
padding-bottom: 17.5vw !important;
}
.pb-80 {
padding-bottom: 20vw !important;
}
.pb-90 {
padding-bottom: 22.5vw !important;
}
.pb-100 {
padding-bottom: 25vw !important;
}
.pl-0 {
padding-left: 0vw !important;
}
.pl-10 {
padding-left: 2.5vw !important;
}
.pl-20 {
padding-left: 5vw !important;
}
.pl-30 {
padding-left: 7.5vw !important;
}
.pl-40 {
padding-left: 10vw !important;
}
.pl-50 {
padding-left: 12.5vw !important;
}
.pl-60 {
padding-left: 15vw !important;
}
.pl-70 {
padding-left: 17.5vw !important;
}
.pl-80 {
padding-left: 20vw !important;
}
.pl-90 {
padding-left: 22.5vw !important;
}
.pl-100 {
padding-left: 25vw !important;
}
.t-0 {
top: 0vw !important;
}
.t-10 {
top: 2.5vw !important;
}
.t-20 {
top: 5vw !important;
}
.t-30 {
top: 7.5vw !important;
}
.t-40 {
top: 10vw !important;
}
.t-50 {
top: 12.5vw !important;
}
.t-60 {
top: 15vw !important;
}
.t-70 {
top: 17.5vw !important;
}
.t-80 {
top: 20vw !important;
}
.t-90 {
top: 22.5vw !important;
}
.t-100 {
top: 25vw !important;
}
.r-0 {
right: 0vw !important;
}
.r-10 {
right: 2.5vw !important;
}
.r-20 {
right: 5vw !important;
}
.r-30 {
right: 7.5vw !important;
}
.r-40 {
right: 10vw !important;
}
.r-50 {
right: 12.5vw !important;
}
.r-60 {
right: 15vw !important;
}
.r-70 {
right: 17.5vw !important;
}
.r-80 {
right: 20vw !important;
}
.r-90 {
right: 22.5vw !important;
}
.r-100 {
right: 25vw !important;
}
.b-0 {
bottom: 0vw !important;
}
.b-10 {
bottom: 2.5vw !important;
}
.b-20 {
bottom: 5vw !important;
}
.b-30 {
bottom: 7.5vw !important;
}
.b-40 {
bottom: 10vw !important;
}
.b-50 {
bottom: 12.5vw !important;
}
.b-60 {
bottom: 15vw !important;
}
.b-70 {
bottom: 17.5vw !important;
}
.b-80 {
bottom: 20vw !important;
}
.b-90 {
bottom: 22.5vw !important;
}
.b-100 {
bottom: 25vw !important;
}
.l-0 {
left: 0vw !important;
}
.l-10 {
left: 2.5vw !important;
}
.l-20 {
left: 5vw !important;
}
.l-30 {
left: 7.5vw !important;
}
.l-40 {
left: 10vw !important;
}
.l-50 {
left: 12.5vw !important;
}
.l-60 {
left: 15vw !important;
}
.l-70 {
left: 17.5vw !important;
}
.l-80 {
left: 20vw !important;
}
.l-90 {
left: 22.5vw !important;
}
.l-100 {
left: 25vw !important;
}
}
.areaFiveBoxMore .moreOne {
background:#0160F2;
}
.areaSix .moreOne {
background:#0160F2;
}
.documentation .main .filesBoxv24File:hover{color:#0160F2;}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//wdb-group.ru/wp-content/themes/sonniger/owl/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}