/* Start:/local/templates/main/styles/vendor.css?174854721666092*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.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(/local/templates/main/styles/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 Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.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}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
outline: none;
}
.slick-arrow.slick-hidden {
display: none;
}
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/*
* Container style
*/
.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}
/*
* Scrollbar rail styles
*/
.ps__rail-x {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
height: 15px;
/* there must be 'bottom' or 'top' for ps__rail-x */
bottom: 0px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
width: 15px;
/* there must be 'right' or 'left' for ps__rail-y */
right: 0;
/* please don't change 'position' */
position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
}
/*
* Scrollbar thumb styles
*/
.ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, height .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
height: 6px;
/* there must be 'bottom' for ps__thumb-x */
bottom: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
width: 6px;
/* there must be 'right' for ps__thumb-y */
right: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px;
}
/* MS supports */
@supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}
.jq-checkbox,
.jq-radio {
position: relative;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.jq-checkbox input,
.jq-radio input {
position: absolute;
z-index: -1;
margin: 0;
padding: 0;
opacity: 0;
}
.jq-file {
position: relative;
display: inline-block;
overflow: hidden;
}
.jq-file input {
position: absolute;
top: 0;
right: 0;
height: auto;
margin: 0;
padding: 0;
opacity: 0;
font-size: 100px;
line-height: 1em;
}
.jq-file__name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.jq-selectbox,
.jq-select-multiple {
position: relative;
display: inline-block;
}
.jq-selectbox select,
.jq-select-multiple select {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
opacity: 0;
}
.jq-selectbox li,
.jq-select-multiple li {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.jq-selectbox {
z-index: 10;
}
.jq-selectbox__select {
position: relative;
}
.jq-selectbox__select-text {
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
text-overflow: ellipsis;
}
.jq-selectbox__dropdown {
position: absolute;
}
.jq-selectbox__search input {
-webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
-webkit-appearance: none;
}
.jq-selectbox__dropdown ul {
position: relative;
overflow: auto;
overflow-x: hidden;
list-style: none;
-webkit-overflow-scrolling: touch;
}
.jq-select-multiple ul {
position: relative;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.jq-number {
display: inline-block;
}
.jq-number__field input {
-moz-appearance: textfield;
text-align: left; /* для Opera Presto */
}
.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
margin: 0; /* в каких-то браузерах присутствует отступ */
-webkit-appearance: none;
}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(/local/templates/main/styles/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(/local/templates/main/styles/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(/local/templates/main/styles/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(/local/templates/main/styles/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(/local/templates/main/styles/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(/local/templates/main/styles/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(/local/templates/main/styles/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/main/styles/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/main/styles/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/local/templates/main/styles/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/main/styles/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/main/styles/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/main/styles/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/main/styles/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
.xdsoft_autocomplete,
.xdsoft_autocomplete div,
.xdsoft_autocomplete span{
/* -moz-box-sizing: border-box !important;
box-sizing: border-box !important;*/
}
.xdsoft_autocomplete{
display:inline;
position:relative;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
text-align: start;
}
.xdsoft_autocomplete .xdsoft_input{
position:relative;
z-index:2;
}
.xdsoft_autocomplete .xdsoft_autocomplete_dropdown{
position:absolute;
border: 1px solid #ccc;
border-top-color: #d9d9d9;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
cursor: default;
display:none;
z-index: 1001;
margin-top:-1px;
background-color:#fff;
min-width:100%;
overflow:auto;
}
.xdsoft_autocomplete .xdsoft_autocomplete_hint{
position:absolute;
z-index:1;
color:#ccc !important;
-webkit-text-fill-color:#ccc !important;
text-fill-color:#ccc !important;
overflow:hidden !important;
white-space: pre !important;
}
.xdsoft_autocomplete .xdsoft_autocomplete_hint span{
color:transparent;
opacity: 0.0;
}
.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > .xdsoft_autocomplete_copyright{
color:#ddd;
font-size:10px;
text-decoration:none;
right:5px;
position:absolute;
margin-top:-15px;
z-index:1002;
}
.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div{
background:#fff;
white-space: nowrap;
cursor: pointer;
line-height: 1.5em;
padding: 2px 0px 2px 0px;
}
.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div.active{
background: #0097CF;
color: #FFFFFF;
}
/*
* Container style
*/
.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}
/*
* Scrollbar rail styles
*/
.ps__rail-x {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
height: 15px;
/* there must be 'bottom' or 'top' for ps__rail-x */
bottom: 0px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
width: 15px;
/* there must be 'right' or 'left' for ps__rail-y */
right: 0;
/* please don't change 'position' */
position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
}
/*
* Scrollbar thumb styles
*/
.ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, height .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
height: 6px;
/* there must be 'bottom' for ps__thumb-x */
bottom: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
width: 6px;
/* there must be 'right' for ps__thumb-y */
right: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px;
}
/* MS supports */
@supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}
/* End */
/* Start:/local/templates/main/styles/main.css?1749126932316547*/
local/components/areal/choose.city/templates/.default/style.css
.region-modal__form{
position:relative;
}
#bx-panel {
position: fixed !important;
top: 0;
left: 0;
right: 0;
}
#bx-panel:before {
content: "";
display: block;
}
.breadcrumbs-container {
padding: 32px 0 10px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.breadcrumbs-container {
padding-top: 8px;
order: -1;
}
}
.preloader__line_red {
position: absolute;
height: 100%;
width: 0px;
top: 0;
left: 0;
bottom: 0;
background-color: #9b2743;
}
.preloader__dog {
position: absolute;
left: -120px;
bottom: 100%;
display: block;
width: 120px;
height: 80px;
color: #9b2743;
fill: currentColor;
transform: scale(-1, 1) translateX(0);
transition: transform 0.35s ease-in-out;
}
@media screen and (max-width: 767px) {
.preloader__line {
width: calc(100vw - 40px);
height: 4px;
margin: 0 20px;
}
.preloader__dog {
left: -60px;
height: 40px;
width: 60px;
}
}
@font-face {
font-family: 'GothamPro';
font-display: auto;
src: local("GothamPro"), url("/local/templates/main/styles/../fonts/hinted-GothamPro.woff2") format("woff2"), url("/local/templates/main/styles/../fonts/hinted-GothamPro.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GothamProMedium';
font-display: auto;
src: local("GothamPro-Medium"), url("/local/templates/main/styles/../fonts/hinted-GothamPro-Medium.woff2") format("woff2"), url("/local/templates/main/styles/../fonts/hinted-GothamPro-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'GothamProLight';
font-display: auto;
src: local("GothamPro-Light"), url("/local/templates/main/styles/../fonts/hinted-GothamPro-Light.woff2") format("woff2"), url("/local/templates/main/styles/../fonts/hinted-GothamPro-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'GothamProBold';
font-display: auto;
src: local("GothamPro-Bold"), url("/local/templates/main/styles/../fonts/hinted-GothamPro-Bold.woff2") format("woff2"), url("/local/templates/main/styles/../fonts/hinted-GothamPro-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
font-display: auto;
src: local('Montserrat Bold'), local('Montserrat-Bold'),
url('/local/templates/main/styles/../fonts/hinted-subset-Montserrat-Bold.woff2') format('woff2');
font-weight: bold;
font-style: normal;
}
html {
height: 100%;
width: 100%;
}
body {
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
background-color: #ffffff;
line-height: 1.26;
color: #333f48;
height: 100%;
width: 100%;
}
main {
padding-bottom: 110px;
}
@media screen and (max-width: 1024px) {
main {
padding-bottom: 60px;
border-bottom: 1px solid rgba(100, 100, 100, 0.2);
}
}
a {
color: #333f48;
/*text-decoration: none;*/
transition: color 0.2s ease-in-out;
}
a:focus {
border: none;
outline: none;
}
@media screen and (min-width: 1025px) {
a:visited {
color: #788996;
}
a:hover {
color: #9b2743;
}
}
h1 {
font-size: 40px;
color: #333f48;
margin: 0 0 30px;
}
h2 {
font-size: 32px;
color: #333f48;
margin: 0 0 22px;
}
h3 {
font-size: 24px;
color: #333f48;
margin: 0 0 22px;
}
h4 {
color: #333f48;
font-size: 19px;
margin: 0 0 21px 0;
}
h5 {
color: #333f48;
font-size: 16px;
margin: 0 0 11px 0;
}
h6 {
color: #333f48;
font-size: 14px;
margin: 0 0 10px 0;
}
p {
font-size: 14px;
line-height: 24px;
color: #333f48;
margin: 0 0 14px;
}
ul {
padding: 0;
margin: 0;
}
ol {
padding: 0;
margin: 0;
}
li {
/*list-style-type: none;*/
font-size: 14px;
line-height: 24px;
color: #333f48;
margin: 0 0 12px 22px;
}
hr {
border: none;
color: #e6edf2;
background-color: #e6edf2;
height: 1px;
}
table {
border-collapse: collapse;
border: 1px solid #e6edf2;
margin: 10px 0 20px 0;
}
td, th {
border: 1px solid #e6edf2;
padding: 10px;
text-align: center;
}
@media screen and (max-width: 767px) {
h1 {
font-size: 32px;
margin: 0 0 20px;
}
h2 {
font-size: 26px;
margin: 0 0 18px;
}
h3 {
font-size: 22px;
margin: 0 0 18px;
}
h4 {
font-size: 18px;
margin: 0 0 16px 0;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
p {
margin: 0 0 14px;
}
li {
margin: 0 0 12px 20px;
}
}
p.text_small {
font-size: 12px;
}
input {
height: 40px;
padding: 0 22px;
font-size: 14px;
border: 1px solid #c5d3dc;
border-radius: 0;
-webkit-appearance: none;
}
input:invalid {
box-shadow: none;
}
input:-moz-submit-invalid {
box-shadow: none;
}
input:-moz-ui-invalid {
box-shadow: none;
}
input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 50px #fafbfd !important;
-webkit-text-fill-color: #626d76 !important;
color: #626d76 !important;
}
/*________________________________*/
input::-webkit-input-placeholder {
color: #626d76;
}
input:-ms-input-placeholder {
color: #626d76;
}
input::-ms-input-placeholder {
color: #626d76;
}
input::placeholder {
color: #626d76;
}
input:focus {
outline: none;
}
textarea {
resize: none;
border-radius: 0;
-webkit-appearance: none;
}
.icon {
width: 100%;
height: 100%;
overflow: hidden;
fill: currentColor;
}
.icon_absolute {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
svg:not(:root) {
overflow: hidden;
}
.main {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
min-height: 100%;
width: 100%;
height: auto;
padding-top: 118px;
box-sizing: border-box;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.main {
padding-top: 59px;
}
}
.container {
max-width: 1225px;
margin: 0 auto;
}
.title {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 32px;
line-height: 40px;
color: #333f48;
/*margin-bottom: 10px;*/
}
.title > h1 {
margin-bottom: 30px;
}
.title > * {
font-size: 32px;
line-height: 40px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.title {
font-size: 26px;
line-height: 36px;
}
.title > * {
font-size: 26px;
line-height: 36px;
}
}
.title_white {
color: #ffffff;
}
.title_white > * {
color: #ffffff;
}
.title_big {
font-size: 40px;
line-height: 48px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.title_big {
font-size: 32px;
line-height: 40px;
}
}
.title_medium {
font-size: 32px;
line-height: 40px;
}
.title_medium > * {
font-size: 32px;
line-height: 40px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.title_medium {
font-size: 26px;
line-height: 36px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.title_medium > * {
font-size: 26px;
line-height: 36px;
}
}
.title_small {
font-size: 19px;
line-height: 28px;
}
.title_middle {
font-size: 24px;
}
.title_middle > * {
font-size: 24px;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.container {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.container {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.container {
padding: 0 20px;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.modal {
max-width: 600px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.modal {
max-width: 100%;
padding: 30px 20px;
}
}
.modal__title.title {
line-height: 1.2;
margin-bottom: 14px;
}
.title_bold {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.modal__button-submit {
outline: 0;
outline-offset: 0;
border: none;
}
.content {
/*padding-top: 128px;*/
pointer-events: all;
margin-bottom: auto;
}
.input-block {
position: relative;
}
.input-block {
margin: 30px 0;
}
.input-block__placeholder {
position: absolute;
left: 20px;
top: 12px;
font-size: 14px;
color: #788996;
transition: transform 0.3s ease-in-out;
z-index: 1;
}
.input-block__placeholder--animate {
transform: translate(-20px, -32px);
}
.errors-block {
display: none;
}
.errors-block p {
background: #fef5f3;
color: #ff4148;
font-size: 12px;
line-height: 15px;
padding: 10px 20px;
font-weight: 400;
margin: 0;
}
.personal-data .errors-block {
margin-bottom: 10px;
width: 256px;
}
.cooperation-modal .errors-block,
.call-me-modal .errors-block,
.leave-claim-modal .errors-block,
.feedback-modal .errors-block,
.become-dealer__modal .errors-block {
margin-bottom: 10px;
width: 289px;
}
.become-dealer__modal,
.feedback-modal {
width: 100%;
}
#mobmenu {
visibility: hidden;
height: 1px;
}
.ui_autocomplete {
z-index: 215000000;
}
.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div.active {
background-color: #9b2743;
}
.region-in-point__form .xdsoft_autocomplete {
width: 100% !important;
}
.region-in-point__form .xdsoft_autocomplete .xdsoft_autocomplete_dropdown {
min-width: calc(100% - 2px);
width: calc(100% - 2px) !important;
}
.input {
width: 100%;
font-size: 14px;
padding: 12px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 16px;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fafbfd;
border: 1px solid #c5d3dc;
outline: none;
}
.input:active, .input:hover, .input:focus {
outline: none;
outline-offset: 0;
}
.input--error {
color: #e83223;
border-color: #e83223;
}
/*___________________________________________________________________________________________________________________*/
.not-found {
padding-top: 40px;
margin-bottom: 80px;
}
.not-found__container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: -110px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.not-found {
margin-bottom: 30px;
}
.not-found__container {
flex-direction: column;
align-items: flex-start;
margin-bottom: -60px;
}
.form__wrap-submit--personal-data .errors-block {
width: 100%;
}
.region-in-point__form .input-block {
margin-top: 60px;
}
}
.not-found__info a.button,
.not-found__info a.button .button__icon,
.not-found__info a.button:hover .button__icon,
.not-found__info a.button:visited .button__icon {
color: #9b2743;
}
.not-found__img {
-webkit-align-self: flex-end;
align-self: flex-end;
display: flex;
align-items: center;
justify-content: center;
margin-top: 110px;
}
.not-found__img img {
width: 100%;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.not-found__img {
margin-top: 20vh;
-webkit-align-self: flex-start;
align-self: flex-start;
max-width: 420px;
width: 100%;
}
}
/*___________________________________________________________________________________________________________________*/
.header {
position: fixed;
top: 0;
left: 0;
z-index: 300;
width: 100%;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.header {
top: 0;
/*bottom: auto;*/
}
#mobmenu:checked ~ .header {
bottom: 0;
}
}
@media screen and (min-width: 1280px) {
.header_move {
position: fixed;
top: 0;
}
.header_move .header-bottom {
position: relative;
z-index: 1003;
-webkit-transform: translateY(-27px);
transform: translateY(-27px);
}
.header_move .header-bottom__block-submenu {
-webkit-transform: translateY(-27px);
transform: translateY(-27px);
}
.header_move .header-bottom__submenu {
z-index: 1005;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.header_move {
position: fixed;
top: 0;
z-index: 1005;
}
.header_move .header-bottom {
position: relative;
z-index: 1003;
-webkit-transform: translateY(-27px);
transform: translateY(-27px);
}
.header_move .header-bottom__block-submenu {
position: relative;
top: -27px;
}
}
.header__mobile-container {
width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header__mobile-container {
position: absolute;
z-index: 23;
left: 0;
top: 0;
bottom: 0;
/*height: 100vh;*/
width: 66vw;
background-color: #ffffff;
-webkit-transform: translateX(-100vw);
transform: translateX(-100vw);
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
#mobmenu:checked ~ * > .header__mobile-container {
-webkit-transform: translateX(0vw);
transform: translateX(0vw);
}
#mobmenu:checked ~ * > .header__mobile-container .header__mobile-container-shadow {
opacity: 1;
-webkit-transition: opacity 0.1s ease-in-out 0.1s;
transition: opacity 0.1s ease-in-out 0.1s;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header__mobile-container {
position: absolute;
z-index: 23;
left: 0;
top: 0;
bottom: 0;
/*height: 100vh;*/
width: 84vw;
background-color: #ffffff;
-webkit-transform: translateX(-100vw);
transform: translateX(-100vw);
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
#mobmenu:checked ~ * > .header__mobile-container {
-webkit-transform: translateX(0vw);
transform: translateX(0vw);
}
#mobmenu:checked ~ * > .header__mobile-container .header__mobile-container-shadow {
opacity: 1;
-webkit-transition: opacity ease-in-out 0.2s;
transition: opacity ease-in-out 0.2s;
}
}
.header__mobile-container-content {
position: relative;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.header__mobile-container-content > span:last-of-type {
position: absolute;
bottom: 0;
right: 30px;
display: block;
width: 48px;
height: 48px;
color: #9b2743;
fill: currentColor;
}
@media screen and (min-width: 1025px) {
.header__mobile-container-content > span:last-of-type {
display: none;
}
}
.header__mobile-container-content:after {
position: absolute;
bottom: 0;
right: 30px;
content: '';
display: block;
width: 48px;
height: 48px;
background-image: url("/local/templates/main/styles/../img/dogs/dog-header.svg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (min-width: 1025px) {
.header__mobile-container-content:after {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header__mobile-container-content {
position: absolute;
z-index: 3;
top: 0;
left: 0;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
height: 100%;
width: 100%;
padding: 80px 0 30px;
background-color: #ffffff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header__mobile-container-content {
position: absolute;
z-index: 3;
top: 0;
left: 0;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 96px 0 28px;
height: 100%;
width: 100%;
background-color: #ffffff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.header__mobile-container-shadow {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100%;
background-color: rgba(51, 63, 72, 0.3);
opacity: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header__mobile-container-shadow {
display: block;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header__mobile-container-shadow {
display: block;
}
}
.header__container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
min-width: 1225px;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.header__container {
min-width: 100%;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header__container {
min-width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
padding: 0 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header__container {
min-width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
padding: 0 20px 0px;
}
}
.header__mob {
position: absolute;
top: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 16px 20px;
background-color: #ffffff;
-webkit-box-shadow: 0px 2px 1px 0px rgba(51, 63, 72, 0.18);
box-shadow: 0px 2px 1px 0px rgba(51, 63, 72, 0.18);
}
.header-top {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding: 14px 0 0;
width: 100%;
background-color: #ffffff;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header-top {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
order: 2;
padding: 0;
margin-bottom: 100px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header-top {
padding: 0;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
order: 2;
margin-bottom: 100px;
}
}
@media screen and (min-width: 1280px) {
.header__mob {
display: none;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.header__mob {
display: none;
}
}
.header__burger {
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: 18px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
z-index: 50;
}
#mobmenu:checked ~ * > * > .header__burger {
z-index: 1;
}
.header__burger-item {
display: inline-block;
width: 24px;
height: 2px;
background-color: #788996;
-webkit-transform-origin: 1px 50%;
transform-origin: 1px 50%;
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.header-top__items {
display: -webkit-box;
display: -webkit-flex;
display: flex;
font-family: 'GothamProLight', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.header-top__items_left {
margin-right: 30px !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header-top__items_right {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.header-top__items_left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header-top__items_right {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.header-top__items_left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
}
.header-top__items .header-top__item:first-child {
margin-left: 0;
}
.header-top__items .header-top__item:last-child {
margin-right: 0;
}
.header-top__item {
font-size: 12px;
color: #080808;
margin: 3px 15px;
cursor: pointer;
text-decoration: none;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
text-decoration: none;
}
.header-top__item a {
text-decoration: none;
}
.header-top__item > * {
color: rgba(51, 63, 72, 0.85);
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;;
}
@media screen and (min-width: 1280px) {
.header-top__item {
white-space: nowrap;
}
.header-top__item:hover * {
color: #333f48;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.header-top__item {
margin: 3px 7px;
white-space: nowrap;
}
.header-top__item:hover * {
color: #333f48;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header-top__item {
padding: 5px 0;
margin: 0 0 1.3vh 0;
font-size: 14px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header-top__item {
padding: 8px 0;
margin: 0 0 2px 0;
}
}
.header-bottom__menu-counter.header-top__item:hover {
color: #333f48;
}
.header-bottom {
width: 100%;
padding: 18px 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
background-color: #ffffff;
-webkit-box-shadow: 0px 1px 1px 0px rgba(51, 63, 72, 0.18);
box-shadow: 0px 1px 1px 0px rgba(51, 63, 72, 0.18);
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header-bottom {
padding: 30px 0 3vh;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header-bottom {
padding: 0 0 3vh;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header-top__item_select {
position: absolute;
top: 20px;
left: 25px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header-top__item_select {
position: absolute;
top: 20px;
left: 20px;
}
}
.header-top__item_select span:last-of-type {
width: 6px;
height: 10px;
margin-left: 8px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
fill: currentColor;
display: inline-block;
vertical-align: middle;
}
.header-top__item_select[data-src="#region-modal"] {
white-space: nowrap;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header-top__item_phone-me {
position: absolute;
top: 56px;
right: 25px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header-top__item_phone-me {
position: absolute;
top: 53px;
}
}
.logo {
display: inline-block;
margin: 0 15px 0 0;
width: 148px;
height: 28px;
}
.logo img {
width: 100%;
height: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.logo_desktop {
display: none;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.logo_desktop {
display: none;
}
}
.header-bottom__left {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header-bottom__left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
order: 2;
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header-bottom__left {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
order: 2;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
}
}
.header-bottom__right {
display: -webkit-box;
display: -webkit-flex;
display: flex;
/*position: absolute;*/
/*right: 0;*/
/*bottom: 0;*/
/*padding-bottom: 20px;*/
/*width: calc(313px + 50vw - 620px);*/
overflow: hidden;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.header-bottom__right {
position: relative;
padding-bottom: 0;
width: auto;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header-bottom__right {
position: static;
width: auto;
padding-bottom: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header-bottom__right {
position: static;
width: auto;
padding-bottom: 0;
}
}
.header-bottom__menu {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
@media screen and (min-width: 1025px) {
ul.header-bottom__menu {
margin: 9px 0;
}
}
.header-bottom__menu:last-of-type {
margin-right: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header-bottom__menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
margin: 0;
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header-bottom__menu {
margin: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
width: 100%;
}
}
.header-bottom__menu-item {
width: auto;
text-transform: uppercase;
margin: 0 15px;
cursor: pointer;
list-style-type: none;
}
@media screen and (min-width: 1025px) and (max-width: 1120px) {
.header-bottom__menu-item {
margin: 8px;
}
}
.header-bottom__menu-item:nth-of-type(2) {
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.header-bottom__menu-item > a {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.header-bottom__menu-item_hover .header-bottom__submenu {
opacity: 1;
pointer-events: all;
}
.header-bottom__menu-item--active .header-bottom__submenu {
display: block;
}
.header-bottom__menu-item--active .header-bottom__button-accordion {
transform: rotate(90deg);
}
.header-bottom__submenu-item.header-bottom__submenu-item--active a {
color: #9b2743;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header-bottom__menu-item {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin: 0 0 1vh 0;
padding: 5px 0;
font-size: 16px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header-bottom__menu-item {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin: 0 0 3px 0;
padding: 5px 0;
font-size: 16px;
}
}
@media screen and (max-width: 1279px) {
.header-bottom__menu-item_submenu {
width: 100%;
}
}
.header-bottom__menu-item_submenu a {
width: 90%;
}
.header-bottom__button-accordion {
padding: 5px;
width: 9px;
height: 15px;
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
@media screen and (min-width: 1280px) {
.header-bottom__button-accordion {
display: none;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.header-bottom__button-accordion {
display: none;
}
}
.header-bottom__button-accordion span {
display: block;
width: 9px;
height: 15px;
color: #333f48;
fill: currentColor;
}
.header-bottom__button-accordion.js-open-submenu {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/*_____________________________________________________________*/
.header-bottom__submenu {
position: absolute;
top: calc(100% - 17px);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
z-index: 3;
width: auto;
height: auto;
pointer-events: none;
}
.header-bottom__submenu ul {
margin: 0;
padding: 0;
}
.header-bottom__submenu li {
margin: 0;
list-style-type: none;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header-bottom__submenu {
position: static;
display: none;
opacity: 1;
min-height: auto;
height: auto;
padding-top: 12px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header-bottom__submenu {
position: static;
display: none;
opacity: 1;
min-height: auto;
padding-top: 5px;
}
}
.header-bottom__submenu-item {
padding-top: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header-bottom__submenu-item {
padding-left: 20px;
padding-top: 12px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header-bottom__submenu-item {
padding-left: 20px;
padding-top: 8px;
}
}
.header-bottom__submenu-item:first-of-type {
padding-top: 0px;
}
.header-bottom__submenu-item a {
font-size: 14px;
color: #333f48;
text-decoration: none;
text-transform: none;
}
.header-bottom__submenu-item a:hover {
color: #9b2743;
}
.header-bottom__block-submenu {
display: none;
position: absolute;
left: 0;
top: 100%;
/*opacity: 0;*/
background-color: #ffffff;
width: 100%;
height: 190px;
pointer-events: none;
-webkit-box-shadow: 0 2px 1px 0 rgba(51, 63, 72, 0.16);
box-shadow: 0 2px 1px 0 rgba(51, 63, 72, 0.16);
}
/*.header-bottom__block-submenu:hover {*/
/* pointer-events: all;*/
/* opacity: 1;*/
/*}*/
.header-bottom__block-submenu span {
content: '';
position: absolute;
bottom: 0;
left: calc(50% + 482px);
display: block;
width: 40px;
height: 47px;
color: #9b2743;
fill: currentColor;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.header-bottom__block-submenu span {
left: 83.5vw;
}
}
.header-bottom__menu-item_phone span {
position: relative;
fill: currentColor;
display: inline-block;
width: 12px;
height: 12px;
color: #788996;
vertical-align: middle;
margin-right: 10px;
}
.header-bottom__menu-item_phone:hover span {
color: #9b2743;
}
.header-bottom__menu-item > a {
text-decoration: none;
padding: 3px 0;
color: #333f48;
font-size: 13px;
font-weight: 700;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header-bottom__menu-item > a {
font-size: 16px;
display: inline-block;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header-bottom__menu-item > a {
font-size: 16px;
display: inline-block;
}
}
@media screen and (min-width: 1280px) {
.header-bottom__menu-item > a:hover {
color: #9b2743;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.header-bottom__menu-item > a:hover {
color: #9b2743;
}
}
.header-bottom__menu-item_phone {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.header-bottom__menu-item_phone a {
font-size: 14px;
line-height: 1;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header-bottom__menu-item_phone {
position: absolute;
top: -57px;
right: 20px;
padding-top: 0;
}
.header-bottom__menu-item_phone:before {
display: none;
}
.header-bottom__menu-item_phone a {
font-weight: normal;
font-family: 'GothamPro', "Helvetica CY", "Nimbus Sans L", 'sans-serif';
font-size: 14px;
color: #333f48;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.header-bottom__menu-item_phone {
/*position: absolute;*/
/*top: -58px;*/
/*right: 20px;*/
padding-top: 0;
color: red;
}
.header-bottom__menu-item_phone:before {
display: none;
}
.header-bottom__menu-item_phone a {
font-weight: normal;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 14px;
color: #333f48;
}
}
.header-bottom__menu-item_active {
color: #9b2743;
}
.header-bottom__menu-counter {
position: relative;
display: inline-block;
margin-left: 10px;
padding: 4px 6px;
font-size: 11px;
line-height: 1;
color: #9b2743;
border: 1px solid #9b2743;
}
.header-bottom__menu-item_basket {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-right: 0;
}
.header-bottom__menu-item_basket a {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.js-submenu-open .header-bottom {
-webkit-box-shadow: none;
box-shadow: none;
}
/*.js-submenu-open .header-bottom__block-submenu {*/
/* opacity: 1;*/
/* z-index: 2;*/
/* pointer-events: all;*/
/*}*/
.js-submenu-open .header-bottom__submenu {
z-index: 10;
}
.header__logo {
margin-right: 20px;
}
.header__mob-phone {
width: 22px;
height: 22px;
}
.header__mob-phone span {
display: inline-block;
width: 100%;
height: 100%;
}
.footer {
width: 100%;
/*margin-top: 110px;*/
}
@media screen and (max-width: 1024px) {
.footer {
/*margin-top: 60px;*/
}
}
.footer__container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
padding: 70px 0 35px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.footer__container {
padding: 70px 20px 35px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.footer__container {
position: relative;
padding: 50px 0 30px 30px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.footer__container {
padding: 50px 20px 30px;
}
}
.footer__container:before {
content: "";
position: relative;
top: -70px;
display: block;
width: 100%;
border-top: 1px solid #e6edf2;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.footer__container:before {
display: none;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.footer__container:before {
display: none;
}
}
.footer__wrap {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.footer__wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
}
.footer__wrap_top {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.footer__wrap_top {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.footer__wrap_bottom {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 40px 0px 0 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.footer__wrap_bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
position: absolute;
bottom: 30px;
left: 30px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.footer__wrap_bottom {
padding: 50px 0px 0 0;
}
}
.footer__column {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
padding-left: 34px;
}
.footer__column:first-child {
padding-left: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.footer__column_download {
width: 100%;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.footer__column_download {
padding-left: 0;
padding-top: 30px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.footer__column_download .button_download {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 460px;
}
}
.footer__title {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-transform: uppercase;
font-size: 11px;
line-height: 1;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
margin-bottom: 10px;
color: #2d2d2d;
letter-spacing: 1.1px;
}
.footer__title > * {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-transform: uppercase;
font-size: 11px;
line-height: 1;
color: #2d2d2d;
letter-spacing: 1.1px;
}
.footer__title > a {
text-decoration: none;
}
.text_small > * {
font-family: 'GothamProLight', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.text_small {
margin: 0;
margin-bottom: 10px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.text_small {
margin: 0;
}
}
.footer__title_dog {
position: relative;
margin-top: -13px;
margin-bottom: 22px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.footer__title_dog > * {
margin: 0 24px 0 0;
line-height: 1;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.footer__title_dog {
padding-right: 30px;
width: 335px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.footer__note {
max-width: 400px;
margin-top: 22px;
font-size: 11px;
}
.footer__note > * {
font-size: 11px;
line-height: 15px;
}
.footer__note p {
margin: 0;
color: #2d2d2d;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.footer__note {
padding-right: 20px;
max-width: 388px;
}
.footer__title_dog:after {
right: 0;
}
}
.footer__title_dog:after {
content: '';
/*position: absolute;*/
right: -50px;
display: block;
width: 55px;
height: 24px;
background-image: url("/local/templates/main/styles/../img/dogs/dog-footer.svg");
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.footer__title_dog:after {
position: static;
right: 0;
}
}
.footer__link {
margin: 0px 0 5px;
padding: 3px 0;
font-size: 14px;
line-height: 20px;
color: #2d2d2d;
}
.footer__link:hover a {
color: #9b2743;
}
.footer__link a {
color: #2d2d2d;
text-decoration: none;
font-size: 14px;
line-height: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.footer__link {
margin: 0 0 8px;
}
.footer__link a {
line-height: 18px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.footer__link {
margin: 0 0 8px;
}
}
@media screen and (min-width: 320px) and (max-width: 374px) {
.footer__link {
word-break: break-word;
margin-right: -10px;
}
.footer__link a {
font-size: 13px;
}
}
.footer__center-block {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.footer__center-block {
padding-right: 30px;
margin-bottom: 20px;
}
.footer__center-block .footer__column:nth-of-type(2) {
max-width: 190px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.footer__center-block {
margin-top: 60px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.footer__center-block .footer__column {
max-width: 124px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.footer__center-block .footer__column {
max-width: 100px;
}
}
.footer__center-block .footer__column:first-of-type {
padding-left: 0;
}
.footer__center-block .footer__column:nth-of-type(2) {
padding-left: 70px;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.footer__center-block .footer__column:nth-of-type(2) {
padding-left: 30px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.footer__center-block .footer__column:nth-of-type(2) {
padding-left: 105px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.footer__center-block .footer__column:nth-of-type(2) {
padding-left: 30px;
}
}
@media screen and (min-width: 1280px) {
.footer__link_red-hover:hover {
color: #9b2743;
}
.footer__link_red-hover:hover > * {
color: #9b2743;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.footer__link_red-hover:hover {
color: #9b2743;
}
.footer__link_red-hover:hover > * {
color: #9b2743;
}
}
.footer__link_phone,
.footer__link_mail,
.footer__link_point-map {
line-height: 24px;
position: relative;
margin: 7px 0;
}
.footer__link_phone span,
.footer__link_mail span,
.footer__link_point-map span {
position: absolute;
top: 50%;
left: -30px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.footer__link_phone {
margin-top: 0;
margin-bottom: 10px;
padding-top: 0;
line-height: 14px;
}
.footer__link_phone a {
line-height: 14px;
}
.footer__link_phone span {
fill: currentColor;
width: 16px;
height: 16px;
color: #2d2d2d;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
@media screen and (min-width: 1025px) {
.footer__link_phone:hover span {
color: #9b2743;
}
}
.footer__link_mail span {
fill: currentColor;
width: 14px;
height: 10px;
color: #2d2d2d;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
@media screen and (min-width: 1025px) {
.footer__link_mail:hover span {
color: #9b2743;
}
}
.footer__link_point-map span {
top: 12px;
stroke: currentColor;
fill: #ffffff;
width: 13px;
height: 16px;
color: #2d2d2d;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.footer__link_point-map > * {
color: #2d2d2d;
}
.footer__link_point-map .icon {
fill: none;
stroke: currentColor;
}
.footer__link_phone > p,
.footer__link_mail > p,
.footer__link_point-map > p {
margin: 0;
}
.footer__cont {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
font-size: 14px;
}
.footer__cont p {
margin: 0;
}
.footer__cont a {
text-decoration: none;
}
.footer__cont > a {
margin-left: 30px;
text-decoration: none;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.footer__cont {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.footer__cont {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.footer__cont .text_small {
margin: 4px 0;
}
.footer__dev {
margin-top: 6px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.footer__cont > a {
margin-left: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.footer__cont > a {
margin-left: 0;
}
}
.footer__dev {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.footer__dev p {
margin: 0;
}
@media screen and (min-width: 1025px) and (max-width: 1370px) {
.footer__dev {
/*margin-right: 90px;*/
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.footer__dev {
padding-right: 0;
}
}
.footer__dev > a {
margin-left: 0px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.footer__dev > a {
margin-left: 0px;
}
}
.footer__dev-logo {
width: 70px;
height: auto;
}
.footer__dev-logo img {
width: auto;
height: 100%;
}
a.footer__button {
font-weight: normal;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-top: 14px;
color: #2d2d2d;
}
.banner {
position: relative;
width: 100%;
height: 520px;
overflow: hidden;
}
.banner__background {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
background-color: #b69b8e;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.banner {
height: 504px;
}
}
@-webkit-keyframes scaleBanner {
0% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaleBanner {
0% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.js-block-animate .banner__background {
-webkit-animation: scaleBanner 3s ease-in-out both;
animation: scaleBanner 3s ease-in-out both;
}
.banner__title {
color: #ffffff;
max-width: 460px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin: 0;
height: calc(100% - 96px);
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.banner__title {
font-size: 32px;
padding-left: 5vw;
}
}
.banner__container {
height: 100%;
}
a.button.banner__button {
padding: 0 100px;
color: #ffffff;
}
.banner__button .button__icon {
color: white;
fill: currentColor;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
a.button.banner__button {
padding: 0 40px;
width: 100%;
max-width: 400px;
box-sizing: border-box;
}
}
.button {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #9b2743;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.order-popup {
max-width: 600px;
}
.order-popup__buttons {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
a.order-popup__button {
height: auto;
/*padding: 30px 30px 30px 0 !important;*/
padding: 30px 30px 30px 0;
margin-bottom: 10px;
}
.button.order-popup__button .button__text {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button.order-popup__button {
color: white;
padding: 0 70px;
height: 80px;
}
.order-popup__button:not(.button):hover .button__text {
color: #9b2743;
text-decoration: underline
}
a.order-popup__button:hover {
color: white;
}
.order-popup__message, .order-popup__note {
margin: 20px 0 30px;
}
.order-popup__note {
font-size: 14px;
line-height: 20px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.button {
font-size: 10px;
padding: 0 90px;
}
.order-popup__button {
width: 100%;
max-width: 400px;
}
a.order-popup__button { margin-top: 10px; margin-bottom: 0; padding: 20px 0; }
a.button.order-popup__button { padding: 4px 20px 0; height: 60px; }
}
a.button_red {
color: #9b2743;
}
.button_red .button__icon svg path {
fill: #9b2743;
}
.button_red .button__icon {
color: #9b2743;
fill: currentColor;
}
@media screen and (min-width: 1025px) {
.button:hover {
background-color: #92243f;
}
a.button.button_red:hover > .button__icon {
color: #9b2743;
}
a.button.button_red:visited > .button__icon {
color: #9b2743;
}
}
@media screen and (min-width: 1280px) {
.button:hover .button__icon {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.button:hover .button__icon {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
.button_download .button__icon {
top: calc(50% - 17px);
right: calc(100% - 75px);
width: 14px;
height: 13px;
}
@media screen and (max-width: 1024px) {
.button_download .button__icon {
top: calc(50% - 6px);
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.button_download .button__icon {
right: calc(100% - 40px);
}
}
@media screen and (min-width: 1280px) {
.button_download:hover .button__icon {
-webkit-transform: translate(0, 11px);
transform: translate(0, 11px);
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.button_download:hover .button__icon {
-webkit-transform: translate(0, 11px);
transform: translate(0, 11px);
}
}
a.button {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
padding: 8px 84px 8px 0;
}
.button p {
margin: 0;
}
@media screen and (min-width: 1025px) {
a.button:hover .button__icon {
color: #ffffff;
}
a.button:visited .button__icon {
color: #ffffff;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
a.button {
padding: 8px 70px 8px 0;
}
}
.button__icon {
width: 42px;
height: 9px;
position: absolute;
top: calc(50% - 4px);
right: 29px;
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.button__icon {
right: 24px;
}
}
.button_not-bg {
background-color: rgba(255, 255, 255, 0);
color: #9b2743;
padding: 8px 84px 8px 0;
height: auto;
}
.button_disabled:hover {
background-color: #9b2743;
}
.product-item__button-order.button_disabled:hover .button__icon::after {
transform: translateX(73px);
}
@media screen and (min-width: 1280px) {
.button_not-bg:hover {
background-color: rgba(255, 255, 255, 0);
}
.button_disable:hover {
background-color: #9b2743;
}
.product-item__button-order.button_disabled:hover .button__icon::after {
transform: translateX(73px);
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.button_not-bg:hover {
background-color: rgba(255, 255, 255, 0);
}
.button_disabled:hover {
background-color: #9b2743;
}
.product-item__button-order.button_disabled:hover .button__icon::after {
transform: translateX(73px);
}
}
.button_grey-text {
color: #626d76;
font-family: 'GothamProLight', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: 600;
text-transform: none;
letter-spacing: normal;
}
a.button.button_grey-text .button__icon,
.button_grey-text .button__icon {
color: #626d76;
fill: currentColor;
}
.button_grey-text .button__icon svg {
position: inherit;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.button_grey-text .button__title {
color: #333f48;
}
.button_grey-text .button__title p {
color: #333f48;
}
.button_grey-text .button__description {
color: #788996;
}
.button_grey-text .button__icon svg path {
fill: #788996;
}
.button_white-text {
color: #ffffff;
}
.button_white-text a {
color: #ffffff;
}
.button_small-text {
font-size: 14px;
}
.button_download {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
a.button_download {
padding: 0 90px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
a.button_download {
padding: 0 60px;
}
}
.button__title {
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
font-family: 'GothamProMedium';
margin: 0;
}
.button__title > * {
color: #ffffff;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.button__title {
letter-spacing: 1px;
}
}
.button__description {
margin: 0;
font-size: 12px;
color: #ffffff;
letter-spacing: 0.5px;
}
.button__description > * {
color: #ffffff;
}
.button_grey-bg {
background-color: #f7f9fc;
color: #333f48;
height: 56px;
}
.button_grey-bg > .button__title,
.button_grey-bg > .button__description {
color: #333f48;
font-size: 12px;
text-transform: none;
line-height: 1.5;
}
.button_grey-bg.button_download {
padding: 0 70px 0 40px;
}
/*.button_grey-bg.button_download::after {*/
/* top: 14px;*/
/* right: calc(100% - 30px);*/
/* width: 12px;*/
/* height: 11px;*/
/* background-image: url("/local/templates/main/styles/../img/icons/down-arrow_grey.svg");*/
/* -webkit-background-size: contain;*/
/* background-size: contain;*/
/* background-repeat: no-repeat;*/
/* background-position: center;*/
/*}*/
@media screen and (min-width: 1280px) {
.button_grey-bg.button_download:hover {
background-color: #eff1f4;
}
.button_grey-bg.button_download:hover:after {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.button_grey-bg.button_download:hover {
background-color: #eff1f4;
}
.button_grey-bg.button_download:hover:after {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
.button_bold {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.buuton_small-text {
text-transform: none;
font-size: 14px;
}
.button_arrow-left {
padding: 8px 0 8px 46px;
}
.button_arrow-left .button__icon {
width: 7px;
height: 12px;
top: calc(50% - 6px);
right: calc(100% - 30px);
}
@media screen and (min-width: 1280px) {
.button_arrow-left:hover .button__icon {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.button_arrow-left .button__icon {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
}
.button_without-arrow {
padding: 0;
}
.button_without-arrow .button__icon {
display: none;
}
.button_without-arrow::after {
display: none;
}
.button_underline {
position: relative;
padding-left: 0;
padding-right: 0;
}
.button_underline:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
border-bottom: 1px solid #e6edf2;
}
.products__container {
padding-top: 70px;
padding-bottom: 46px;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.products__container {
padding-right: 0;
padding-top: 48px;
padding-bottom: 50px;
}
}
.products__container .owl-theme .owl-dots {
text-align: left;
}
.products__container .owl-theme .owl-dots button,
.products__container .owl-theme .owl-dots button:active,
.products__container .owl-theme .owl-dots button:focus {
outline: none;
}
.products__container .owl-theme .owl-dots .owl-dot span {
width: 6px;
height: 6px;
background-color: #c5d3dc;
margin: 5px;
}
.products__container .owl-theme .owl-dots .owl-dot.active span {
background-color: #788996;
}
.products__wrapper {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.product {
position: relative;
display: inline-block;
width: 24%;
padding-right: 50px;
padding-bottom: 20px;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
}
.product__title {
margin-bottom: 8px;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.product {
padding-right: 30px;
max-width: 20vw;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product {
padding-right: 34px;
max-width: 18vw;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product {
width: 74vw;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 320px;
min-width: 270px;
padding-bottom: 4px;
}
}
.product:after {
content: '';
position: absolute;
bottom: 0px;
width: 42px;
height: 9px;
background-image: url("/local/templates/main/styles/../img/icons/arrow.svg");
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: contain;
background-size: contain;
opacity: 0;
/*transform: translateX(-30px);*/
/*transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;*/
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.product:nth-of-type(4n) {
padding-right: 0;
}
.product__image {
margin-bottom: 22px;
width: 64px;
height: auto;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product__image {
margin-bottom: 20px;
}
}
.product__text {
color: #333f48;
font-size: 14px;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
line-height: 24px;
}
.product span {
display: inline-block;
width: 42px;
height: 9px;
fill: currentColor;
color: #9b2743;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
@media screen and (min-width: 1280px) {
.product:hover .product__title {
color: #9b2743;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.product:hover .product__title {
color: #9b2743;
}
}
@media screen and (min-width: 1025px) {
.product:hover span {
opacity: 1;
}
}
@media screen and (max-width: 1024px) {
.product span {
display: none;
}
}
.merits {
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9fc), to(#ffffff));
background-image: -webkit-linear-gradient(#f7f9fc, #ffffff);
background-image: linear-gradient(#f7f9fc, #ffffff);
padding: 80px 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.merits {
padding: 45px 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.merits {
padding: 45px 0;
}
}
.merits__title {
text-align: center;
width: 100%;
margin-bottom: 50px;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.merits__title {
margin-bottom: 30px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.merits__title {
margin-bottom: 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.merits__title {
margin-bottom: 20px;
font-size: 26px;
}
}
.merits__item-title {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
color: #333f48;
}
@media screen and (min-width: 1025px) {
.merits__item-title {
margin-bottom: 6px;
}
}
.merits__item-text {
font-size: 13px;
line-height: 20px;
}
.merits__container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.merits__container {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.merits__items_left {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
order: 2;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.merits__items_left {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
order: 2;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.merits__items_right {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
order: 3;
margin-left: 40px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.merits__items_right {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
order: 3;
}
}
.merits__img {
margin-top: 10px;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.merits__img {
width: 270px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.merits__img {
padding-top: 20px;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
order: 1;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.merits__img img {
-webkit-flex-shrink: 0;
flex-shrink: 0;
max-width: 480px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.merits__img {
margin: 0 auto;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
order: 1;
width: 70vw;
max-width: 410px;
}
}
.merits__img img {
width: 100%;
height: auto;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.merits__img img {
width: 517px;
}
}
.merits__item {
position: relative;
max-width: 340px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
margin: 40px 0 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.merits__item {
min-height: 100px;
}
}
.merits__item_to-right {
left: 50px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.merits__item_to-right {
left: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.merits__item_to-right {
left: 0;
}
}
.merits__item_to-left {
left: -36px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.merits__item_to-left {
left: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.merits__item_to-left {
left: 0;
}
}
.merits__item-img {
padding: 4px 21px 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 36px;
height: 36px;
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.merits__item-img img {
width: 100%;
height: auto;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.merits__item-img {
padding: 4px 14px 0 0;
}
}
.js-show-animate .merits__item-img {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.gallery-objects {
padding: 60px 0;
width: 100%;
overflow-x: hidden;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.gallery-objects {
position: relative;
padding: 30px 0 70px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.gallery-objects {
position: relative;
padding: 20px 0 70px;
}
}
.gallery-objects__container {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.gallery-objects__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.gallery-objects__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
}
.gallery-objects__description {
height: 432px;
width: 284px;
padding-right: 23px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.gallery-objects__description {
padding-right: 55px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.gallery-objects__description {
height: auto;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.gallery-objects__description {
height: auto;
}
}
.gallery-objects__title {
margin-bottom: 14px;
width: 100%;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.gallery-objects__title {
margin-bottom: 10px;
}
}
.gallery-objects__text {
margin-top: 0;
width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.gallery-objects__text {
margin-bottom: 24px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.gallery-objects__text {
margin-bottom: 24px;
}
}
.gallery-objects__images {
width: calc(100% - 307px);
height: auto;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.gallery-objects__images {
position: static;
width: 100%;
}
.gallery-objects__images_history {
display: none;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.gallery-objects__images {
position: static;
width: 100%;
}
.gallery-objects__images_history {
display: none;
}
}
.gallery-objects__images-item {
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.gallery-objects__images-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.js-show-animate .gallery-objects__images-wrapper {
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
@media screen and (min-width: 1280px) {
.js-show-animate .gallery-objects__images-wrapper {
-webkit-animation: auto-scroll 16s linear both;
animation: auto-scroll 16s linear both;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.js-show-animate .gallery-objects__images-wrapper {
-webkit-animation: auto-scroll 16s linear both;
animation: auto-scroll 16s linear both;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.js-show-animate .gallery-objects__images-wrapper {
-webkit-animation: auto-scroll-t 16s linear both;
animation: auto-scroll-t 16s linear both;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.js-show-animate .gallery-objects__images-wrapper {
-webkit-animation: auto-scroll-t 16s linear both;
animation: auto-scroll-m 16s linear both;
}
}
.gallery-objects__images-main {
height: 432px;
width: 519px;
overflow: hidden;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.gallery-objects__images-main {
height: 334px;
width: 402px;
}
}
.gallery-objects__images-main img {
height: 100%;
width: auto;
}
.gallery-objects__images-main:first-of-type {
margin-left: 0;
}
.gallery-objects__images-small {
height: 432px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.gallery-objects__images-small {
height: 334px;
}
}
.gallery-objects__images-small-item {
height: 212px;
overflow: hidden;
width: 282px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.gallery-objects__images-small-item {
height: 162px;
width: 218px;
}
}
.gallery-objects__images-small-item img {
height: 100%;
width: auto;
}
.gallery-objects__button {
margin: 30px 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.gallery-objects__button {
position: absolute;
top: calc(100% - 20px);
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.gallery-objects__button {
position: absolute;
top: calc(100% - 20px);
}
}
.gallery-objects__images-three {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 574px;
height: 432px;
margin-right: 0;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.gallery-objects__images-three {
width: 446px;
height: 334px;
}
}
.gallery-objects__images-three img {
width: 283px;
/*height: 212px;*/
-webkit-align-self: flex-end;
align-self: flex-end;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.gallery-objects__images-three img {
width: 218px;
/*height: 162px;*/
}
}
.gallery-objects__images-three-main {
height: 212px;
width: 100%;
overflow: hidden;
-webkit-align-self: flex-start;
align-self: flex-start;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.gallery-objects__images-three-main {
height: 162px;
}
}
.gallery-objects__images-three-main img {
width: 100%;
height: auto;
}
.gallery-objects__images-three-small {
height: 212px;
-webkit-align-self: flex-end;
align-self: flex-end;
margin-right: 0;
width: calc(50% - 5px);
}
@media screen and (max-width: 767px) {
.gallery-objects__images-three-small {
height: 162px;
width: 218px;
}
}
@media screen and (max-width: 576px) {
.gallery-objects__images-three-small {
width: 120px;
height: 90px;
}
.gallery-objects__images-main {
width: 250px;
height: 190px;
}
.gallery-objects__images-small-item {
width: 120px;
height: 90px;
}
.gallery-objects__images-small {
height: 190px;
}
.gallery-objects__images-three {
width: 250px;
height: 190px;
}
.gallery-objects__images-three-main {
}
.gallery-objects__images-three-main {
height: 90px;
}
}
.gallery-objects__images-three-small img {
min-height: 100%;
min-width: 100%;
}
.gallery-objects__dog {
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 41px;
height: 432px;
-webkit-align-self: flex-end;
align-self: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
margin-left: -10px;
}
.gallery-objects__dog img {
width: 41px;
height: auto;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.gallery-objects__dog {
height: 334px;
}
}
@media screen and (max-width: 576px) {
.gallery-objects__dog {
width: 30px;
height: 190px;
}
.gallery-objects__dog img {
width: 30px;
}
}
.reviews {
padding-bottom: 30px;
}
.reviews_mobile-visible .reviews__container {
padding-left: 0;
padding-right: 0;
}
.review-form-button + p {
background: #fef5f3;
color: #ff4148;
font-size: 12px;
line-height: 15px;
padding: 10px 20px;
font-weight: 400;
margin-bottom: 0;
margin-top: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.reviews {
display: none;
}
.reviews_mobile-visible {
display: block;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.reviews {
display: none;
}
.reviews_mobile-visible {
display: block;
}
.reviews_mobile-visible .reviews__container {
padding-left: 0;
padding-right: 0;
}
.reviews_mobile-visible .reviews__wrap_bottom {
flex-wrap: nowrap;
flex-direction: column;
}
.reviews_mobile-visible .reviews__wrap_bottom .reviews__item {
width: 100%;
}
}
.reviews_about {
padding-top: 20px;
}
.reviews__wrap {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.reviews__wrap_top {
padding-top: 100px;
position: relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.reviews__wrap_bottom {
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
padding-top: 20px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.reviews__title {
margin: 0;
font-size: 32px;
font-weight: 700;
color: #333f48;
}
.reviews__button {
position: absolute;
right: 0;
}
.reviews__item {
position: relative;
display: inline-block;
width: calc((100% - 30px * 2) / 3);
height: 310px;
margin: 30px 30px 40px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #f7f8fa;
-webkit-flex-shrink: 0;
flex-shrink: 0;
font-size: 0;
}
.reviews__item-wrap {
position: absolute;
top: 40px;
z-index: 3;
padding: 0px 30px 30px;
min-height: 290px;
box-sizing: border-box;
background-color: #f7f8fa;
box-shadow: 0px 1px 1px 0px rgba(51, 63, 72, 0);
width: 100%;
transition: box-shadow 0.2s ease-in-out;
}
.reviews__item-wrap_open {
z-index: 4;
box-shadow: 0px 1px 1px 0px rgba(51, 63, 72, 0.09);
}
.reviews__item:nth-of-type(3n) {
margin-right: 0;
}
.reviews__photo {
position: absolute;
top: -24px;
left: 32px;
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.reviews__name {
margin-bottom: 10px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
color: #333f48;
font-size: 16px;
}
.reviews__subtitle {
margin-bottom: 16px;
color: #333f48;
font-size: 12px;
}
.reviews__text {
position: relative;
color: #333f48;
font-size: 14px;
line-height: 24px;
min-height: calc(6 * 24px);
}
.reviews__text_big {
max-height: calc(6 * 24px);
overflow: hidden;
transition: max-height 0.2s ease-in-out;
}
.reviews__btn {
position: relative;
/*display: inline-block;*/
color: #788996;
font-size: 12px;
line-height: 20px;
cursor: pointer;
transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
display: none;
opacity: 0;
}
.reviews__text_big ~ .reviews__btn_all {
display: inline-block;
opacity: 1;
}
.reviews__btn_part {
display: none;
opacity: 0;
}
.reviews__item-wrap_open .reviews__btn_all {
display: none;
opacity: 0;
}
.reviews__item-wrap_open .reviews__btn_part {
display: inline-block;
opacity: 1;
}
.reviews__btn:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0px;
height: 1px;
width: 100%;
background-color: rgba(120, 137, 150, 0.4);
transition: background-color 0.2s ease-in-out;
}
@media screen and (min-width: 1025px) {
.reviews__btn:hover {
color: #9b2743;
}
.reviews__btn:hover.reviews__btn:after {
background-color: rgba(155, 39, 67, 0.4);
}
}
.reviews__date {
margin-bottom: 0;
margin-top: 20px;
color: #788996;
font-size: 12px;
}
.catalog__container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding: 70px 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.catalog__container {
padding: 50px 30px 50px 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.catalog__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
padding: 0 20px 40px;
}
}
.catalog__img {
margin: 20px 80px 80px 120px;
position: relative;
filter: drop-shadow(0px 0px 60px rgba(0, 0, 0, 0.20)) drop-shadow(30px 30px 15px rgba(0, 0, 0, 0.2));
}
.catalog__img img {
width: 300px;
margin-left: 60px;
}
.catalog__img:before {
content: '';
position: absolute;
bottom: 103px;
right: 258px;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
-webkit-transform-origin: 2.6px 0;
transform-origin: 2.6px 0;
display: none;
width: 19px;
height: 19px;
background-image: url(/local/templates/main/styles/../img/catalog/head-2021_2.png);
-webkit-background-size: contain;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: -webkit-transform 0.1s ease-in-out;
transition: -webkit-transform 0.1s ease-in-out;
transition: transform 0.1s ease-in-out;
transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}
@media screen and (min-width: 1024px) and (max-width: 1145px) {
.catalog__img img {
margin-left: 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.catalog__img:before {
display: none;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.catalog__img:before {
display: none;
}
}
.catalog__img_hover:before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
right: 262px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.catalog__img {
margin-left: 10px;
}
.catalog__img img {
display: none;
}
.catalog__img:after {
content: '';
display: block;
width: 373px;
height: 396px;
background-image: url("/local/templates/main/img/catalog/product_catalog_2025.jpg");
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.catalog__img {
margin: 10px auto 30px auto;
filter: drop-shadow(0px 0px 60px rgba(0, 0, 0, 0.20)) drop-shadow(20px 20px 15px rgba(0, 0, 0, 0.2));
}
.catalog__img img {
display: none;
}
.catalog__img:after {
content: '';
display: block;
width: 218px;
height: 254px;
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-image: url("/local/templates/main/img/catalog/product_catalog_2025.jpg");
}
}
.catalog__info {
padding-left: 30px;
max-width: 460px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.catalog__info {
padding-left: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.catalog__info {
padding-left: 0;
text-align: center;
}
}
.catalog__title {
font-weight: 700;
margin-bottom: 20px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.catalog__title {
text-align: center;
margin-bottom: 12px;
}
}
.catalog__text {
margin-bottom: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.catalog__text {
max-width: 340px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.catalog__text {
margin: 0 auto;
margin-bottom: 14px;
max-width: 340px;
text-align: center;
}
}
a.catalog__button {
position: relative;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
a.catalog__button {
padding: 8px 70px;
}
}
.catalog-scroll-dog {
display: none;
width: 65px;
height: 30px;
margin-left: 28px;
background-image: url('/local/templates/main/styles/../img/dogs/dog-footer.svg');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-bottom: 30px;
}
.catalog-scroll-dog--show {
display: block;
}
.btn-catalog-scroll-down {
position: absolute;
z-index: 4;
cursor: pointer;
display: none;
width: 14px;
height: 13px;
bottom: 10px;
right: 0;
color: #788996;
fill: currentColor;
animation: arrowDown 1.2s ease-in infinite;
animation-direction: alternate;
padding: 24px;
user-select: none;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.btn-catalog-scroll-down--show {
display: block;
}
.btn-catalog-scroll-down svg {
pointer-events: none;
}
.btn-scroll-down-catalog_inactive .btn-catalog-scroll-down {
opacity: 0.3;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.points-sale {
padding: 0 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.points-sale {
padding: 0 20px;
/*width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;*/
}
.product-catalog__container .points-sale {
/*width: calc(100% + 40px);*/
margin-left: -20px;
margin-right: -20px;
}
}
.points-sale__container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: 464px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.points-sale__container {
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
height: auto;
width: 100%;
padding-right: 0;
padding-left: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.points-sale__container {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
width: 100%;
padding-right: 0;
padding-left: 0;
}
}
.points-sale__info {
position: relative;
max-width: 320px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding-right: 60px;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.points-sale__info {
padding-right: 50px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.points-sale__info {
-webkit-align-self: center;
align-self: center;
padding-right: 0;
display: none;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.points-sale__info {
-webkit-align-self: center;
align-self: center;
padding-right: 0;
display: none;
}
}
.points-sale__toggle {
display: none;
border-bottom: 1px solid rgba(100, 100, 100, 0.2);
}
.points-sale__toggle form {
display: flex;
width: 100%;
justify-content: flex-start;
}
.points-sale__toggle-label {
cursor: pointer;
padding: 16px 40px;
display: inline-flex;
color: #333f48;
border-right: 1px solid rgba(100, 100, 100, 0.2);
border-left: 1px solid rgba(100, 100, 100, 0.2);
border-top: 1px solid rgba(100, 100, 100, 0.2);
/*font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;*/
user-select: none;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2.2px;
width: 50%;
justify-content: center;
}
.points-sale__toggle-label:not(:first-child) {
border-left: none;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.points-sale__toggle form {
width: 100%;
}
.points-sale__toggle-label {
width: 50%;
justify-content: center;
font-size: 10px;
}
}
#points-sale-list,
#points-sale-map {
display: none;
}
#points-sale-list:checked + .points-sale__toggle-label_list {
color: #9b2743;
}
#points-sale-map:checked + .points-sale__toggle-label_map {
color: #9b2743;
}
@media screen and (max-width: 1024px) {
.points-sale__toggle {
display: flex;
align-items: center;
/*padding: 0 20px;*/
}
.points-sale__container {
position: relative;
}
.points-sale__info {
/*position: absolute;*/
/*top: 54px;*/
z-index: 10;
background-color: #ffffff;
left: 0;
width: 100%;
max-width: 100%;
scroll-padding-left: 20px;
padding-left: 0;
padding-right: 0;
box-sizing: border-box;
min-height: 64vh;
height: auto;
}
.points-sale__map {
position: absolute;
top: 47px;
}
.points-sale__container {
min-height: 64vh;
}
}
@media screen and (max-width: 767px) {
.points-sale__info {
/*height: 60vh;*/
}
.points-sale__container {
min-height: 60vh;
}
.points-sale__map {
top: 46px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.points-sale__title {
text-align: center;
margin-top: 20px;
margin-bottom: 40px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.points-sale__title {
text-align: center;
margin-top: 20px;
margin-bottom: 30px;
}
}
.points-sale__items {
position: relative;
height: 285px;
margin-top: 20px;
overflow: hidden;
cursor: pointer;
}
.points-sale__input {
width: 100%;
max-width: 430px;
box-sizing: border-box;
}
.region-in-point__form .input-block .xdsoft_autocomplete {
width: 100% !important;
}
@media screen and (max-width: 1024px) {
.points-sale__items {
max-width: 100%;
height: auto;
}
.points-sale__items .points-sale__item {
margin-right: 0;
padding-right: 0;
}
.points-sale__items .points-sale__item.hover {
padding-top: 11px;
padding-bottom: 25px;
}
.points-sale__items .points-sale__item a:not(.points-sale__item-phone) {
position: absolute;
top: 0;
left: 0;
display: block;
margin-top: 0;
width: 100%;
height: 100%;
color: transparent;
}
.points-sale__items .points-sale__item {
position: relative;
}
.points-sale__input {
max-width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.points-sale__info .input-block {
width: 100%;
}
.points-sale__input {
box-sizing: border-box;
}
}
.points-sale__items-wrap {
transform: translateZ(0);
}
.points-sale__items.ps > .ps__rail-x,
.points-sale__items.ps > .ps__rail-y {
}
.points-sale__items.ps .ps__rail-y {
width: 2px;
opacity: 1 !important;
background-color: #d9d9d9;
}
.points-sale__items.ps .ps__thumb-y {
width: 2px;
right: 0px;
background-color: #9b2743;
}
.points-sale__items-wrap {
height: 100%;
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
@-webkit-keyframes arrowDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes arrowDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
/*.points-sale__down,*/
.product-catalog__down {
bottom: 0;
}
.points-sale__down {
display: none;
}
.btn-scroll-down {
position: absolute;
bottom: 30px;
right: 32px;
z-index: 2;
fill: currentColor;
width: 14px;
height: 13px;
color: #788996;
cursor: pointer;
-webkit-animation: arrowDown 1.2s ease-in infinite;
animation: arrowDown 1.2s ease-in infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
padding: 24px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.btn-scroll-down_inactive {
opacity: 0.3;
cursor: not-allowed;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.points-sale__down {
right: 18px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.points-sale__down {
display: none;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.points-sale__down {
display: none;
}
}
.points-sale__item {
position: relative;
text-decoration: none;
padding: 12px 18px 26px 0;
display: block;
margin-right: 20px;
}
.points-sale__item.hover {
border-top: 1px solid #c5d3dc;
border-bottom: 1px solid #c5d3dc;
padding-bottom: 41px;
}
.points-sale__item a:not(.points-sale__item-phone) {
font-size: 13px;
line-height: 16px;
margin: 0;
text-decoration: underline;
color: #9b2743;
margin-top: 10px;
position: absolute;
bottom: 13px;
left: 0;
z-index: 100;
display: none;
}
.points-sale__item.hover a:not(.points-sale__item-phone) {
display: inline-block;
}
.points-sale__item.hover .points-sale__item-name {
color: #9b2743;
}
.points-sale__item:last-child {
padding-bottom: 50px;
}
.points-sale__item:hover {
z-index: 2;
}
.points-sale__item:hover .points-sale__item-name {
color: #9b2743;
}
.points-sale__item-name.hover {
color: #9b2743;
}
.points-sale__item-name {
display: block;
margin: 0 0 6px;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
font-size: 16px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.points-sale__item-address {
margin: 0 0 6px;
font-size: 14px;
}
.points-sale__item-phone {
margin: 0 0 6px;
color: #333f48;
text-decoration: none;
}
.points-sale__item-time-work {
color: #788996;
margin: 0;
font-size: 12px;
}
.points-sale__map {
/*width: calc(100% - 380px);*/
height: 100%;
overflow: hidden;
width: 100%;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.points-sale__map {
/* width: calc(100% - 370px);*/
width: 100%;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.points-sale__map {
width: 100%;
height: 64vh;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.points-sale__map {
width: 100%;
height: 60vh;
}
}
.product-catalog__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__container {
padding: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__container {
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
}
.product-catalog__wrap-left {
width: 230px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__wrap-left {
max-width: none;
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__wrap-left {
max-width: none;
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
}
}
.product-catalog__wrap-left input[type="checkbox"] {
display: none;
}
.product-catalog__wrap-left input[type="checkbox"] + label {
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
font-size: 14px;
line-height: 20px;
color: #333f48;
font-weight: 400;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: color 0.2s ease-in-out;
}
@media screen and (min-width: 1025px) {
.product-catalog__wrap-left input[type="checkbox"] + label:hover {
color: #9b2743;
}
}
.product-catalog__wrap-left input[type="checkbox"]:checked + label {
font-weight: 600;
}
.product-catalog__wrap-left input[type="checkbox"]:checked ~ * > .product-catalog__check-item-img:before {
opacity: 1;
}
.petite-crumbs {
display: flex;
margin: 0;
flex-wrap: wrap;
}
.petite-crumbs__link {
text-decoration: none;
}
.petite-crumbs__item {
display: inline-block;
font-size: 12px;
color: #788996;
padding: 0 2px;
margin: 0;
}
.petite-crumbs__item > * {
color: #788996;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.product-catalog__container .breadcrumbs-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 2;
width: 100%;
background-color: #ffffff;
display: block;
padding: 0;
/*height: 53px;*/
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__petite-crumbs {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 2;
width: 100%;
background-color: #ffffff;
padding: 20px 20px 0;
}
.product-catalog__petite-crumbs .text_small {
margin: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__petite-crumbs {
position: relative;
z-index: 2;
padding: 4px 20px 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
}
}
.product-catalog__wrap-right {
position: relative;
width: 100%;
padding-left: 50px;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.product-catalog__wrap-right {
padding-left: 50px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__wrap-right {
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__wrap-right {
padding-left: 0;
padding-top: 12px;
}
}
.product-catalog__title {
margin-bottom: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__title {
margin: 0;
position: relative;
z-index: 2;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
padding: 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__title {
margin: 0;
position: relative;
z-index: 2;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
padding: 0 20px 10px;
}
}
.product-catalog__categories {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__categories {
position: static;
top: 100%;
z-index: 1;
padding: 20px;
opacity: 1;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
border-bottom: 1px solid rgba(120, 137, 150, 0.2);
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.product-catalog__categories {
padding: 0;
display: none;
}
.product-catalog__categories .product-catalog__categories-main {
margin: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.product-catalog__categories form {
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__categories {
position: static;
top: 100%;
z-index: 1;
opacity: 1;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
border-bottom: 1px solid rgba(120, 137, 150, 0.2);
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
}
div.product-catalog__categories-main {
color: #333f48;
margin-bottom: 20px;
margin-top: 7px;
font-size: 19px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
div.product-catalog__categories-item {
padding: 7px 0;
}
.product-catalog__categories-item a,
a.product-catalog__categories-item:visited,
a.product-catalog__categories-item {
text-decoration: none;
color: #333f48;
}
a.product-catalog__categories-item:hover {
color: #9b2743;
}
div.product-catalog__categories-item_active > * {
color: #9b2743;
}
div.product-catalog__categories-item > * {
font-size: 14px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.product-catalog__categories-item {
border-bottom: 1px solid rgba(120, 137, 150, 0.2);
padding: 0 0 0 20px;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
height: 50px;
box-sizing: border-box;
}
}
/*____________________________________________*/
.product-catalog__price .product-catalog__subtitle {
margin-bottom: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__price .product-catalog__subtitle {
margin: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__price .product-catalog__subtitle {
margin: 0;
}
}
.product-catalog__subtitle {
font-size: 16px;
font-weight: 700;
color: #333f48;
margin-top: 60px;
margin-bottom: 20px;
position: relative;
}
.product-catalog__subtitle span {
display: none;
}
.product-catalog__filter-mob-arrow {
display: none;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.product-catalog__subtitle {
margin: 0;
padding: 17px 20px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 14px;
font-weight: normal;
border-bottom: 1px solid rgba(98, 109, 118, 0.2);
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.product-catalog__subtitle span {
fill: currentColor;
display: inline-block;
width: 7px;
height: 12px;
transform-origin: 50% 50%;
transform: rotate(0deg);
transition: transform 0.2s ease-in-out;
}
.product-catalog__subtitle_active span {
transform: rotate(90deg);
}
}
.product-catalog__price-subtitle {
color: #788996;
font-size: 12px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.product-catalog__items {
border-bottom: 1px solid rgba(98, 109, 118, 0.2);
padding: 20px 20px;
}
}
.product-catalog__items_form {
position: relative;
}
.product-catalog--shadow {
position: relative;
}
.product-catalog--shadow::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 20px;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 32%);
}
@media screen and (min-width: 1025px) {
.product-catalog__items_form {
max-height: 280px;
overflow: hidden;
}
.product-catalog__items-wrapper {
overflow-y: scroll;
height: 100%;
max-height: 280px;
margin-right: -40px;
padding-right: 40px;
}
}
.product-catalog__items-wrapper {
transition: transform 0.3s ease-in-out;
}
.product-catalog__item {
margin-bottom: 20px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
font-size: 14px;
}
.product-catalog__item-img {
margin-right: 16px;
display: inline-block;
width: 20px;
height: 20px;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.product-catalog__color-item_multicolored .product-catalog__color-item-img {
background-image: url("/local/templates/main/styles/../img/icons/catalog/multicolor.svg");
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.product-catalog__check-item-img {
/* Style for "Прямоуголь" */
position: relative;
width: 16px;
height: 16px;
border-radius: 3px;
border: 1px solid #c5d3dc;
background-color: #ffffff;
}
.product-catalog__check-item-img:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
width: 12px;
height: 9px;
opacity: 0;
background-image: url("/local/templates/main/styles/../img/icons/catalog/check.svg");
-webkit-background-size: contain;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;
}
.product-catalog__form-dog {
padding-top: 8px;
padding-left: 38px;
padding-bottom: 30px;
width: 63px;
height: 29px;
}
.product-catalog__select {
position: absolute;
right: 5px;
top: 28px;
z-index: 1;
font-size: 12px;
color: #788996;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
cursor: pointer;
padding-right: 5px;
border: none;
z-index: 2;
}
@media screen and (min-width: 1025px) {
.product-catalog__select:hover .jq-selectbox__select-text,
.product-catalog__select:hover .icon {
color: #9b2743;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.product-catalog__select {
position: relative;
right: 0;
top: 0;
padding: 18px 20px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
color: #333f48;
border-bottom: 1px solid rgba(98, 109, 118, 0.2);
}
.product-catalog__select span {
margin-top: 1px;
}
}
.product-catalog__select select {
/*display: none;*/
cursor: pointer;
}
.product-catalog__select option {
/*display: none;*/
cursor: pointer;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__select .jq-selectbox {
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__select .jq-selectbox {
width: 100%;
}
}
.product-catalog__select .jq-selectbox__select {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
cursor: pointer;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__select .jq-selectbox__select {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
font-size: 14px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__select .jq-selectbox__select {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
}
.product-catalog__select .jq-selectbox__dropdown {
background-color: #ffffff;
padding: 0 22px 10px 10px;
min-width: 100%;
width: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.product-catalog__select .jq-selectbox__dropdown li {
margin: 8px 0;
font-size: 12px;
cursor: pointer;
}
.product-catalog__select .jq-selectbox__dropdown ul {
margin-bottom: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__select .jq-selectbox__dropdown {
position: relative;
padding: 0;
font-size: 14px;
}
.product-catalog__select .jq-selectbox__dropdown ul {
margin: 18px 0 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__select .jq-selectbox__dropdown {
position: relative;
padding: 0;
}
.product-catalog__select .jq-selectbox__dropdown ul {
margin: 18px 0 0;
}
}
.product-catalog__select .jq-selectbox__select-text {
padding-left: 10px;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__select .jq-selectbox__trigger {
height: 12px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__select .jq-selectbox__trigger {
height: 12px;
}
}
@media screen and (min-width: 1025px) {
.js-open-select .jq-selectbox__select-text {
color: #9b2743;
}
}
.js-open-select .jq-selectbox__trigger-arrow {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
@media screen and (min-width: 1280px) {
.js-open-select .jq-selectbox__trigger-arrow {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.js-open-select .jq-selectbox__trigger-arrow {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
.jq-selectbox li {
margin-bottom: 4px;
}
@media screen and (min-width: 1280px) {
.jq-selectbox li:hover {
color: #9b2743;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.jq-selectbox li:hover {
color: #9b2743;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.jq-selectbox li {
margin-bottom: 8px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.jq-selectbox li {
margin-bottom: 8px;
}
}
.product-catalog__select-title-mob {
display: none;
}
.product-catalog__select-title-mob + span {
width: 7px;
height: 12px;
order: 2;
margin-left: 10px;
fill: currentColor;
transform-origin: 50% 50%;
transform: rotate(90deg);
transition: transform 0.2s ease-in-out;
}
.js-open-select .product-catalog__select-title-mob + span {
transform: rotate(270deg);
color: #9b2743;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.product-catalog__select-title-mob + span {
transform: rotate(0deg);
/*margin-right: 5px;*/
}
.js-open-select .product-catalog__select-title-mob + span {
transform: rotate(90deg);
color: #333f48;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__select-title-mob {
position: absolute;
display: block;
font-size: 14px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__select-title-mob {
position: absolute;
display: block;
}
}
.product-catalog__product-items {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
position: relative;
}
.product-catalog__product-items-mrg {
margin-top: 60px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__product-items {
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__product-items {
-webkit-justify-content: space-between;
justify-content: space-between;
margin-left: -20px;
margin-right: -20px;
}
}
a.product-catalog__product-items-subtitle {
color: #333f48;
font-size: 19px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-top: 16px;
margin-bottom: 40px;
display: inline-block;
position: relative;
text-decoration: none;
}
a.title.product-catalog__product-items-subtitle > span {
font-size: 19px;
}
.product-catalog__product-items-subtitle .button__icon {
right: -50px;
}
.product-catalog__product-items-subtitle:hover .button__icon {
transform: translateX(10px);
}
.product-catalog__product-items-subtitle:first-of-type {
margin-top: 5px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__product-items-subtitle {
margin-bottom: 16px;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__product-items-subtitle {
margin-bottom: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.product-catalog__product-items-subtitle .button__icon {
right: 0;
position: relative;
display: inline-block;
width: 30px;
}
}
.product-catalog__product-item {
position: relative;
padding: 0 5px 60px;
text-decoration: none;
color: #333f48;
width: 32%;
margin-right: 2%;
box-sizing: border-box;
}
.product-catalog__product-item > a {
display: block;
text-decoration: none;
}
.product-catalog__product-item-discount {
width: 64px;
height: 64px;
position: absolute;
top: -10px;
left: -4px;
z-index: 3;
color: #ffffff;
font-family: 'Montserrat', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 16px;
line-height: 20px;
background: #9C0C35;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.product-catalog__product-item-bestseller {
width: 56px;
height: 56px;
top: 6px;
left: -6px;
position: absolute;
z-index: 2;
color: #ffffff;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 12px;
line-height: 14px;
border-radius: 50%;
background: #243f4f;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.product-catalog__product-item-proof-clean {
bottom: 20px;
left: 14px;
position: absolute;
z-index: 2;
color: #ffffff;
font-family: 'Montserrat', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 14px;
line-height: 15px;
text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
display: flex;
align-items: center;
max-width: 140px;
}
.product-catalog__product-item-proof-clean svg.icon {
fill: none;
width: 35px;
height: 36px;
margin-right: 10px;
}
.product-catalog__product-items .product-catalog__product-item:nth-of-type(3n) {
margin-right: 0;
}
@media screen and (min-width: 1280px) {
.product-catalog__product-item:hover .product-catalog__product-item-name {
color: #9b2743;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.product-catalog__product-item:hover .product-catalog__product-item-name {
color: #9b2743;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__product-item {
margin: 0;
padding: 0;
width: calc(50% - 5px);
}
}
.product-catalog__product-item-img-w {
position: relative;
width: 100%;
}
.product-catalog__product-item-img-h {
padding-top: 73%;
position: relative;
height: 0;
border: none;
}
.product-catalog__product-item-img img {
width: 100%;
height: auto;
}
.product-catalog__product-item-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
/*height: 200px;*/
overflow: hidden;
}
.product-catalog__product-item-name {
margin-top: 15px;
font-size: 14px;
line-height: 20px;
font-weight: 300;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__product-item-name {
font-size: 14px;
text-align: center;
padding: 0 7px 6px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__product-item-name {
line-height: 16px;
margin-top: 12px;
font-size: 12px;
text-align: center;
padding: 0 6px;
letter-spacing: -0.4px;
}
}
.product-catalog__product-item-wrap-cost {
margin-bottom: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__product-item-wrap-cost {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 18px;
padding: 0 6px;
box-sizing: border-box;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__product-item-wrap-cost {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 4px 0 22px;
padding: 0 6px;
box-sizing: border-box;
}
}
.product-catalog__product-item-wrap-cost_sale .product-catalog__product-item-cost_current {
color: #9b2743;
}
.product-catalog__product-item-cost {
margin-right: 12px;
display: inline-block;
color: #333f48;
font-size: 14px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__product-item-cost {
text-align: center;
margin-right: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__product-item-cost {
text-align: center;
margin-right: 0;
}
}
.product-catalog__product-item-cost_old {
position: relative;
}
.product-catalog__product-item-cost_old:after {
content: '';
position: absolute;
top: calc(50% + 1px);
left: 0;
right: 0;
display: block;
height: 1px;
background-color: #333f48;
}
.product-catalog__wrapper-mob {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media screen and (max-width: 1024px) {
.product-catalog__wrapper-mob {
width: 100%;
}
}
.product-catalog__wrapper-mob-blackout {
display: none;
position: fixed;
left: 0;
top: 140px;
z-index: 1;
width: 100%;
height: 100vh;
background-color: rgba(51, 63, 72, 0.7);
cursor: pointer;
}
.product-catalog__categories-subtitle {
display: none;
}
.product-catalog__wrap-dog-animate {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 20px;
}
.product-catalog__dog-animate {
bottom: 1px;
right: 44px;
position: absolute;
height: 44px;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.product-catalog__line-animate {
width: 100%;
height: 2px;
background-color: #9b2743;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.product-catalog__wrap-dog-animate.js-show-animate .product-catalog__dog-animate,
.product-catalog__wrap-dog-animate.js-show-animate .product-catalog__line-animate {
opacity: 1;
}
a.product-catalog__show-more {
margin: 15px 0 5px 0;
padding-left: 5px;
}
@media screen and (max-width: 1024px) {
a.product-catalog__show-more {
padding-left: 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__categories-subtitle {
position: relative;
z-index: 2;
background-color: #ffffff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
font-size: 14px;
color: #333f48;
padding: 18px 24px 18px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid rgba(98, 109, 118, 0.2);
border-left-width: 0;
cursor: pointer;
font-weight: 600;
width: 50%;
flex-grow: 1;
}
.product-catalog__categories-subtitle.js-active {
background-color: #e6edf2;
}
.product-catalog__categories-subtitle:after {
content: '';
display: block;
width: 6px;
height: 10px;
background-image: url("/local/templates/main/styles/../img/icons/chevron.svg");
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__categories-subtitle {
position: relative;
z-index: 2;
background-color: #ffffff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
font-size: 14px;
color: #333f48;
padding: 18px 24px 18px 20px;
width: 50vw;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid rgba(98, 109, 118, 0.2);
border-left-width: 0;
cursor: pointer;
font-weight: 600;
width: 50%;
flex-grow: 1;
}
.product-catalog__categories-subtitle.js-active {
background-color: #e6edf2;
}
}
/*@media screen and (min-width: 320px) and (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) {*/
/* .product-catalog__categories-subtitle {*/
/* width: 50%;*/
/* }*/
/*}*/
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__categories-subtitle:after {
content: '';
display: block;
width: 6px;
height: 10px;
background-image: url("/local/templates/main/styles/../img/icons/chevron.svg");
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
}
.js-active.product-catalog__categories-subtitle:after {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.product-catalog__filters-subtitle {
display: none;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__filters-subtitle {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
z-index: 2;
background-color: white;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
font-size: 14px;
color: #333f48;
padding: 18px 24px 18px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid rgba(98, 109, 118, 0.2);
border-left-width: 0;
cursor: pointer;
font-weight: 600;
width: 50%;
flex-grow: 1;
border-right-width: 0;
}
.product-catalog__filters-subtitle.js-active {
background-color: #e6edf2;
}
.product-catalog__filters-subtitle:after {
content: '';
display: block;
width: 17px;
height: 17px;
background-image: url("/local/templates/main/styles/../img/icons/catalog/controls.svg");
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__filters-subtitle {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
z-index: 2;
background-color: white;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
font-size: 14px;
color: #333f48;
padding: 18px 24px 18px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid rgba(98, 109, 118, 0.2);
border-left-width: 0;
cursor: pointer;
font-weight: 600;
border-right-width: 0;
width: 50%;
flex-grow: 1;
}
.product-catalog__filters-subtitle.js-active {
background-color: #e6edf2;
}
.product-catalog__filters-subtitle:after {
content: '';
display: block;
width: 17px;
height: 17px;
background-image: url("/local/templates/main/styles/../img/icons/catalog/controls.svg");
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
}
.product-catalog__filters-wrap-mob {
width: 100%;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.product-catalog__filters-wrap-mob {
width: 100%;
position: relative;
z-index: 2;
display: none;
}
.product-catalog__filters-wrap-mob > * {
position: relative;
z-index: 6;
background-color: #ffffff;
}
}
.product-catalog__filters-modal-title {
display: none;
text-align: center;
border-bottom: 1px solid rgba(98, 109, 118, 0.2);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__filters-modal-title {
display: block;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__filters-modal-title {
display: block;
}
}
.product-catalog__filters-modal-title p {
font-size: 14px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
color: #333f48;
padding: 30px 0;
margin: 0;
}
.product-catalog__filters-wrap-btn-mob {
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 100vw;
justify-content: flex-start;
}
.filter {
text-decoration: none;
}
.filter__submit_button {
display: none;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__filters-wrap-btn-mob {
width: 100%;
}
}
.product-catalog__filters-clear-btn,
.product-catalog__filters-clear-btn-desc {
display: none;
background-color: #ffffff;
color: #788996;
padding: 0;
width: 40vw;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.product-catalog__filters-clear-btn-desc {
display: block;
font-family: 'GothamPro', Arial, "Helvetica CY";
margin-top: 30px;
font-size: 12px;
color: #9b2743;
}
.product-catalog__filters-clear-btn-desc .button__text {
color: #9b2743;
padding-left: 35px;
position: relative;
}
.product-catalog__filters-clear-btn-desc .button__text:before,
.product-catalog__filters-clear-btn-desc .button__text:after {
content: '';
position: absolute;
height: 20px;
width: 1px;
background-color: #9b2743;
left: 8px;
}
.product-catalog__filters-clear-btn-desc .button__text:before {
transform: rotate(45deg);
top: -6px;
}
.product-catalog__filters-clear-btn-desc .button__text:after {
transform: rotate(-45deg);
top: -6px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__filters-clear-btn {
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding: 17px 20px;
box-sizing: border-box;
justify-content: flex-start;
}
.product-catalog__filters-clear-btn-desc {
display: none;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__filters-clear-btn {
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding: 17px 20px;
box-sizing: border-box;
justify-content: flex-start;
}
.product-catalog__filters-clear-btn-desc {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__filters-clear-btn {
width: 40%;
}
}
.product-catalog__filters-clear-btn .button__icon {
display: none;
}
.product-catalog__filters-clear-btn:after, .product-catalog__filters-clear-btn:before {
position: absolute;
top: 48%;
right: 1.8vw;
content: '';
display: block;
width: 12px;
height: 1px;
background-color: #788996;
}
.product-catalog__filters-clear-btn:before {
-webkit-transform: translate(-50%) rotate(45deg);
transform: translate(-50%) rotate(45deg);
}
.product-catalog__filters-clear-btn:after {
-webkit-transform: translate(-50%) rotate(-45deg);
transform: translate(-50%) rotate(-45deg);
}
.product-catalog__filters-apply-btn {
display: none;
padding: 0;
width: 60vw;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.button.product-catalog__filters-apply-btn a.button__text,
.button.product-catalog__filters-apply-btn:hover a.button__text,
.button.product-catalog__filters-apply-btn:active a.button__text,
.button.product-catalog__filters-apply-btn:visited a.button__text {
color: #ffffff;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__filters-apply-btn {
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 60%;
}
.product-catalog__product-items-mrg {
margin-top: 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__filters-apply-btn {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.product-catalog__product-items-mrg {
margin-top: 20px;
}
}
.product-catalog__filters-apply-btn .button__icon {
display: none;
}
.product-catalog__range-cost {
width: 210px;
}
.product-catalog__range-cost-wrapp {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
height: 12px;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-bottom: 22px;
margin-top: 20px;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__range-cost-wrapp_line {
display: none;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__range-cost-wrapp_line {
display: none;
}
}
.product-catalog__range-cost-wrapp_line {
margin-bottom: 22px;
margin-top: 20px;
margin-left: 12px;
}
.product-catalog__range-cost-wrapp_inputs {
height: 32px;
}
.product-catalog__range-cost .product-catalog__range-cost-line {
height: 2px;
background-color: #e6edf2;
border: none;
}
.product-catalog__range-cost-line_before {
width: 20%;
}
.product-catalog__range-cost-line_active {
background-color: #9b2743;
}
.product-catalog__range-cost-line_after {
width: 25%;
}
.product-catalog__range-cost .bx-ui-slider-range {
z-index: 100;
}
.product-catalog__range-cost span.product-catalog__range-cost-point {
display: block;
width: 12px;
height: 12px;
background-color: #9b2743;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 6px solid #9b2743;
border-radius: 50%;
cursor: pointer;
-webkit-transition: border-width 0.2s ease-in-out;
transition: border-width 0.2s ease-in-out;
}
.product-catalog__range-cost span.product-catalog__range-cost-point:focus {
border: none;
outline: none;
}
.product-catalog__price-input {
background-color: #fafbfd;
height: 32px;
width: 80px;
display: inline-block;
padding: 0 11px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 12px;
}
.order {
border-top: 1px solid #e6edf2;
padding: 0px 0 110px;
}
@media screen and (max-width: 1024px) {
.order {
padding: 0;
}
}
.order-wrapper-top-title {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin: 8px 0 30px;
}
.order__title {
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
font-size: 32px;
color: #333f48;
}
@media screen and (max-width: 1024px) {
.order__container {
padding-right: 0;
padding-left: 0;
}
}
.order__wrapper-top {
border-bottom: 1px solid #e6edf2;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.order__wrapper-top {
padding: 0 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.order__wrapper-top {
padding: 0 20px;
}
}
.order__wrap-top {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
padding-bottom: 35px;
}
a.order__back-catalog {
padding: 5px 0px 5px 42px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
a.order__back-catalog {
padding: 5px 0px 5px 20px;
}
a.order__back-catalog .button__icon {
right: calc(100% - 7px);
}
}
.order__back-catalog .button__icon {
transform: rotate(180deg);
}
@media screen and (min-width: 1025px) {
.order__back-catalog:hover .button__icon {
transform: rotate(180deg) translateX(10px);
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.order__back-catalog {
display: none;
}
}
.order__wrapper-main {
position: relative;
padding: 40px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media screen and (max-width: 1024px) {
.order__wrapper-main {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
}
.order__wrapper-buy {
border-right: 1px solid #e6edf2;
padding-right: 30px;
width: 776px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.order__wrapper-buy {
border: none;
padding: 0;
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.order__wrapper-buy {
width: 100%;
max-width: 420px;
border: none;
padding: 0;
}
}
/*______________________________________________________________*/
.buy__item {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
overflow: hidden;
padding: 8px 0 32px;
min-width: 610px;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.buy__item {
min-width: 500px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.buy__item {
max-width: 610px;
/*flex-direction: column;*/
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.buy__item {
min-width: 100%;
/*flex-direction: column;*/
}
}
.buy__item-wrap {
padding-left: 40px;
padding-right: 30px;
width: calc(100% - 118px);
box-sizing: border-box;
}
.buy__item .buy__item-total {
margin-left: auto;
margin-right: auto;
font-weight: 700;
flex-shrink: 0;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.buy__item-wrap {
padding-left: 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.buy__item-wrap {
padding-left: 20px;
}
.buy__item .buy__item-total {
position: absolute;
bottom: 53px;
left: 200px;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.buy__item .buy__item-total {
position: absolute;
bottom: 23px;
left: 200px;
}
}
.buy__item-changer-amount-name {
flex-shrink: 0;
display: flex;
align-items: center;
width: auto;
padding: 0 5px;
border: 1px solid #c5d3dc;
border-right: none;
}
.buy__item-img {
position: relative;
width: 118px;
/* padding-top: 6px;*/
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
@media screen and (min-width: 1025px) {
.buy__item-img {
position: relative;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.buy__item-img {
/*order: 2;*/
height: 118px;
overflow: hidden;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.buy__item-img {
width: 95px;
height: 95px;
}
}
.buy__item-img img {
position: absolute;
width: 100%;
height: auto;
left: 0;
top: 0;
padding-top: inherit;
}
@media screen and (min-width: 1025px) {
.buy__item-img img {
}
}
.buy__item-info {
padding: 0 40px;
width: 100%;
}
@media screen and (max-width: 1024px) {
.buy__item-info {
/*order: 3;*/
padding-left: 0;
}
}
@media screen and (min-width: 1025px) {
.buy__item-info {
margin-left: 118px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.buy__item-info {
padding: 0 30px 0 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.buy__item-info {
padding: 14px 0 0;
/*width: calc(100% - 115px);*/
}
}
.buy__item-title {
display: block;
color: #333f48;
font-size: 19px;
line-height: 24px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-bottom: 28px;
text-decoration: none;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
a:visited.buy__item-title {
color: #333f48;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.buy__item-title {
padding-right: 30px;
}
}
.buy__item-title:hover {
color: #9b2743;
}
.buy__item-color {
font-size: 14px;
color: #333f48;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.buy__item-color .product-item__info-color {
margin-right: 0;
}
.buy__item-color-text {
width: 50%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.buy__item-color-text:after,
.buy__item-count-text:after {
content: '';
display: block;
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
flex-grow: 2;
height: 4px;
margin: 0 5px;
border-top: 1px #ccc dotted;
}
.buy__item-color-name {
max-width: 220px;
margin-right: 5px;
}
.buy__item-color-demo {
margin-left: 10px;
width: 20px;
height: 20px;
background-color: #983432;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.buy__item-color-text {
width: 100%;
}
.buy__item-color-name {
white-space: nowrap;
}
.buy__item-color-demo {
display: none;
}
.buy__item-color-text {
width: 100%;
}
.buy__item-color .product-item__info-color {
margin-right: 0;
}
}
.buy__item-count {
font-size: 14px;
color: #333f48;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-top: 18px;
}
.buy__item-count-text {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
width: 50%;
}
.buy__item-note {
font-size: 12px;
color: #788996;
padding: 22px 0 12px;
}
@media screen and (max-width: 1024px) {
.buy__item-note {
padding-bottom: 2px;
}
}
@media screen and (max-width: 1024px) {
.buy__item-note {
/*display: none;*/
}
}
.buy__item-change-amount {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.buy__item-changer-amount-num {
width: 70px;
height: 32px;
border-left: none;
border-right: none;
padding: 0 5px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.buy__item-change-amount {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.buy__item-change-amount .buy__item-change-price {
margin: 12px 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.buy__item-change-amount {
position: relative;
/*left: -115px;*/
margin-top: 22px;
width: calc(100vw - 2 * 20px);
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.buy__item-count-text {
width: 100%;
}
}
.buy__item-price {
font-size: 14px;
color: #333f48;
flex-shrink: 0;
}
.buy__item-price--old {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 14px;
color: #333f48;
text-decoration: line-through;
}
.buy__item-price_order .buy__item-count-pack {
display: none;
}
.buy__item-price_order .buy__item-change-price {
margin: 0 14px 0 20px;
}
@media screen and (max-width: 1024px) {
.buy__item-price_order .buy__item-change-price {
margin: 14px 0;
}
}
.buy__item-price_order .buy__item-change-amount {
align-items: center;
width: calc(100% + 46px);
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.buy__item-price_order .buy__item-change-amount {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
}
}
@media screen and (max-width: 1024px) {
.buy__item-price_order .buy__item-change-amount {
flex-wrap: wrap;
margin-top: 12px;
flex-direction: column;
align-items: flex-start;
}
}
.buy__item-price_product {
position: relative;
padding-top: 20px;
}
@media screen and (max-width: 1024px) {
.buy__item-price_product {
position: relative;
padding-top: 0px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
}
@media screen and (max-width: 479px) {
.buy__item-price_product { display: block; }
.buy__item-price_product .buy__item-change-price { margin-bottom: 12px; }
.buy__item-price_product .buy__item-count-pack { margin-top: 12px; }
}
.buy__item-price_product .buy__item-change-price {
margin-left: 0;
}
@media screen and (max-width: 1024px) {
.buy__item-price_product .buy__item-change-price {
margin-right: 0;
margin-bottom: 24px;
}
.buy__item-price_product .buy__item-price {
margin-right: auto;
margin-bottom: 20px;
}
}
@media screen and (min-width: 1025px) {
.buy__item-price_product .buy__item-price {
position: absolute;
}
}
.buy__item-price_product .buy__item-price {
/*position: absolute;*/
top: 0;
left: 0;
color: #333f48;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 19px;
}
@media screen and (max-width: 1024px) {
.buy__item-price_product .buy__item-price {
display: -webkit-box;
display: -webkit-flex;
display: flex;
top: 4px;
font-size: 16px;
}
}
@media screen and (max-width: 1024px) {
.buy__item-price_product .buy__item-change-amount {
position: static;
/*flex-direction: column;*/
width: auto;
display: flex;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: flex-end;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.buy__item-price_product .buy__item-change-amount {
left: 0;
}
}
@media screen and (max-width: 1024px) {
.buy__item-price_product .buy__item-note {
display: block;
width: 100%;
padding: 0px 0 20px;
margin-top: 0px;
}
}
@media screen and (max-width: 1024px) {
.buy__item-price_product .buy__item-count-pack {
right: 0;
top: 24px;
padding: 0;
}
}
@media screen and (max-width: 1024px) {
.buy__item-price_product .buy__item-change-amount {
margin-top: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
flex-direction: column;
}
}
.buy__item-count-pack {
font-size: 12px;
color: #788996;
/*height: 31px;*/
padding-top: 16px;
}
.buy__item-change-price {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin: 0 25px;
}
.buy__item-changer-sub,
.buy__item-changer-add {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 32px;
height: 32px;
border: 1px solid #c5d3dc;
cursor: pointer;
}
.buy__item-changer-sub:hover:before,
.buy__item-changer-add:hover:before {
background-color: #9b2743;
}
.buy__item-changer-sub:hover:after,
.buy__item-changer-add:hover:after {
background-color: #9b2743;
}
.buy__item-changer-sub::before,
.buy__item-changer-add::before {
content: '';
display: block;
width: 12px;
height: 1px;
background-color: #c5d3dc;
-webkit-transition: background-color ease-in-out 0.2s;
transition: background-color ease-in-out 0.2s;
}
.buy__item-changer-add::after {
content: '';
position: absolute;
top: calc(50% - 6px);
left: calc(50% - 1px);
display: block;
height: 12px;
width: 1px;
background-color: #c5d3dc;
-webkit-transition: background-color ease-in-out 0.2s;
transition: background-color ease-in-out 0.2s;
}
.buy__item-changer-amount {
height: 32px;
border-top: 1px solid #c5d3dc;
border-bottom: 1px solid #c5d3dc;
background-color: #fafbfd;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding-right: 10px;
color: #333f48;
font-size: 14px;
}
.buy__item-close {
position: absolute;
top: 0;
right: 0;
width: 15px;
height: 15px;
padding: 8px;
cursor: pointer;
}
.buy__item-close:hover:before, .buy__item-close:hover:after {
background-color: #9b2743;
}
.buy__item-close:before,
.buy__item-close:after {
content: "";
position: absolute;
top: 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
width: 18px;
height: 1px;
background-color: #95a2ad;
-webkit-transition: color ease-in-out 0.2s;
transition: color ease-in-out 0.2s;
}
.buy__item-close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.buy__item-close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.buy__wrap-info {
position: relative;
padding-left: 158px;
padding-top: 22px;
margin-top: 24px;
border-top: 1px solid #e6edf2;
}
.buy__wrap-info:after {
content: '';
position: absolute;
left: calc(100% - 16px);
top: calc(0% - 25px);
display: block;
width: 80px;
height: 50px;
background-color: #ffffff;
}
.buy__wrap-container {
display: flex;
align-items: baseline;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: column;
margin-bottom: 12px;
}
a.buy__clear-busket {
padding: 10px 0;
margin: 0px;
}
a.buy__clear-busket--top {
position: absolute;
top: -63px;
right: 0;
}
a.buy__clear-busket--bottom {
display: none;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.buy__wrap-info {
padding-left: 138px;
}
}
@media screen and (max-width: 1024px) {
.buy__wrap-info {
padding-left: 0;
}
.buy__wrap-info .help {
display: none;
}
a.buy__clear-busket--top {
display: none;
}
a.buy__clear-busket--bottom {
display: block;
}
}
.buy__note {
font-size: 12px;
max-width: 500px;
color: #788996;
margin-bottom: 20px;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.buy__note {
margin-bottom: 20px;
}
}
/*______________________________________________________________*/
.total {
margin-bottom: 10px;
}
.total__text {
font-size: 14px;
color: #333f48;
}
.total__text_bold {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 17px;
}
.total__text_sum {
padding-left: 25px;
}
.personal-data {
padding-left: 58px;
width: 448px;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.personal-data {
padding-left: 38px;
}
}
@media screen and (max-width: 1024px) {
.personal-data {
border-top: solid 1px #e6edf2;
padding: 30px 0 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.personal-data {
padding: 30px 0 0;
width: 100%;
max-width: 420px;
}
}
.personal-data__title {
font-size: 24px;
line-height: 36px;
color: #333f48;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
max-width: 210px;
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.personal-data__title {
max-width: 100%;
}
}
.personal-data__form {
width: 390px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.personal-data__form {
width: 440px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.personal-data__form {
width: 100%;
}
}
.input-block + .form__text {
margin-top: -14px;
}
.form__text {
font-size: 12px;
margin-bottom: 30px;
color: #788996;
font-weight: 400;
}
.form__text_files {
font-size: 12px;
margin-bottom: 5px;
color: #788996;
font-weight: 400;
}
.form__success-msg {
color: #788996;
font-size: 14px;
line-height: 24px;
}
.personal-data__text_right {
padding: 10px 0 0 calc(100% - 246px);
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.personal-data__text_right {
width: 100%;
padding: 14px 0 0;
}
}
.form__text a {
color: #788996;
text-decoration: underline;
}
.form__text a:hover {
color: #92243f;
}
.personal-data__textarea {
width: 100%;
/*background-image:none;*/
font-size: 14px;
padding: 12px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 16px;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fafbfd;
border: 1px solid #c5d3dc;
outline: none;
}
.personal-data__input:active,
.personal-data__textarea:active,
.personal-data__input:hover,
.personal-data__textarea:hover,
.personal-data__input:focus,
.personal-data__textarea:focus,
.personal-data__button-submit {
outline: 0;
outline-offset: 0;
}
.personal-data__input {
/*margin-bottom: 30px;*/
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.personal-data__textarea {
line-height: 1.2;
height: 100px;
resize: none;
}
.personal-data__input::-webkit-input-placeholder,
.personal-data__textarea::-webkit-input-placeholder {
line-height: 1;
}
.personal-data__input:-ms-input-placeholder,
.personal-data__textarea:-ms-input-placeholder {
line-height: 1;
}
.personal-data__input::-ms-input-placeholder,
.personal-data__textarea::-ms-input-placeholder {
line-height: 1;
}
.personal-data__input::placeholder,
.personal-data__textarea::placeholder {
line-height: 1;
}
.personal-data__wrap-btn {
margin-top: 20px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.button-upload {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-bottom: 24px;
box-sizing: border-box;
}
input.button {
border: none;
outline: 0;
outline-offset: 0;
}
@media screen and (max-width: 767px) and (min-width: 320px) {
input.button {
padding: 0 30px;
width: 100%;
max-width: 400px;
}
}
input.button-upload {
margin-right: 40px;
border: none;
padding: 0;
}
.button-upload-text {
font-size: 12px;
line-height: 16px;
width: 244px;
color: #788996;
font-weight: 400;
margin-left: auto;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.button-upload-text {
width: calc(186px - 20px);
}
}
.button-upload .jq-file__browse {
position: relative;
font-size: 14px;
font-weight: 300;
cursor: pointer;
height: 16px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.button-upload .jq-file__browse {
font-size: 12px;
letter-spacing: -0.6px;
}
}
.button-upload .jq-file__browse:after {
position: absolute;
bottom: 0;
content: '';
display: block;
height: 1px;
width: 100%;
background-color: rgba(120, 137, 150, 0.6);
}
.button-upload .jq-file__name {
font-size: 12px;
color: #788996;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.button-upload .jq-file__name:before {
content: '';
display: block;
width: 25px;
height: 20px;
background-image: url("/local/templates/main/styles/../img/icons/upload-file.png");
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.button-upload .jq-file__name {
display: none;
}
.button-upload.changed {
padding-right: 40px;
}
.button-upload.changed .button-upload-text {
display: none;
}
.button-upload.changed .jq-file__name {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.button-upload .file-delete {
position: absolute;
right: 0;
top: calc(50% - 10px);
z-index: 10;
display: block;
width: 20px;
height: 20px;
color: transparent;
cursor: pointer;
pointer-events: all;
}
.button-upload .file-delete:before, .button-upload .file-delete:after {
content: '';
position: absolute;
top: calc(50% - 1px);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
display: block;
width: 14px;
height: 1px;
background-color: #788996;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.button-upload .file-delete:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media screen and (min-width: 1025px) {
.button-upload .file-delete:hover:before, .button-upload .file-delete:hover:after {
background-color: #9b2743;
}
}
.personal-data__wrap-btn-submit {
position: relative;
display: flex;
justify-content: flex-start;
align-items: flex-end;
flex-direction: row-reverse;
}
.form__wrap-submit .form__text--politics {
margin-bottom: 0;
padding-top: 0;
height: 0;
opacity: 0;
overflow: hidden;
}
.form__wrap-submit:hover .form__text--politics,
.form__wrap-submit:focus .form__text--politics {
margin-bottom: 30px;
padding-top: 10px;
height: auto;
opacity: 1;
}
.form__wrap-submit--call-me-modal .form__text--politics {
margin-bottom: 30px;
padding-top: 10px;
width: 289px;
height: auto;
opacity: 0;
}
.personal-data__button-submit {
border: none;
position: relative;
z-index: 1;
width: 246px;
height: 76px;
display: block;
vertical-align: middle;
padding: 0 5px;
text-align: center;
}
.make-order__button-submit {
display: flex;
align-items: center;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.personal-data__wrap-btn-submit {
width: 100%;
}
.personal-data__button-submit {
width: 100%;
left: 0;
}
}
.personal-data__btn-dog {
position: relative;
z-index: 0;
left: 38px;
bottom: 0;
transform: scale(-1, 1);
height: 76px;
width: 38px;
transition: left 0.2s ease-in-out;
}
.form__wrap-submit--personal-data {
margin-bottom: 85px;
width: 256px;
height: 76px;
transition-delay: 0.2s;
}
.form__wrap-submit--personal-data:hover {
width: 294px;
transition-timing-function: step-start;
}
.form__wrap-submit--call-me-modal {
width: 289px;
}
@media screen and (min-width: 1025px) {
.personal-data__button-submit:hover + .personal-data__btn-dog {
left: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.personal-data__btn-dog {
display: none;
}
.form__wrap-submit--personal-data,
.form__wrap-submit--personal-data:hover {
width: 100%;
}
.personal-data__button-submit {
left: 5px;
}
.form__wrap-submit .form__text--politics {
margin-bottom: 30px;
padding-top: 10px;
height: auto;
opacity: 1;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.personal-data__btn-dog {
display: none;
}
}
.region-modal {
padding: 56px 80px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 960px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.region-modal {
min-width: 720px;
padding: 40px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.region-modal {
min-width: 100%;
padding: 58px 20px 40px;
}
.form__wrap-submit--call-me-modal,
.cooperation-modal .errors-block {
max-width: 400px;
width: 100%;
}
}
.region-modal__title {
margin-bottom: 10px;
font-size: 32px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
color: #333f48;
}
.region-modal__title_descrip {
margin-bottom: 40px;
font-size: 12px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.region-modal__title {
font-size: 26px;
line-height: 32px;
}
}
.region-modal__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.region-modal__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
}
.region-modal__items {
column-count: 3;
width: 406px;
padding-right: 20px;
box-sizing: border-box;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.region-modal__items {
padding: 0;
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 576px) {
.region-modal__items {
column-count: 2;
}
}
.region-modal__item {
color: #2d2d2d;
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
cursor: pointer;
box-sizing: border-box;
padding-right: 7px;
transition: color 0.2s ease-in-out;
}
.region-modal__item:hover {
color: #9b2743;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.region-modal__item {
font-size: 13px;
width: 50%;
}
}
.region-modal__form {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.region-modal__form .xdsoft_autocomplete {
width: 100%;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.region-modal__form .xdsoft_autocomplete {
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.region-modal__form {
padding-top: 20px;
width: 100%;
max-width: 340px;
-webkit-align-self: flex-start;
align-self: flex-start;
}
}
.region-modal .fancybox-button {
top: 18px;
right: 18px;
}
.region-modal .fancybox-button svg {
display: none;
}
.region-modal .fancybox-button:before, .region-modal .fancybox-button:after {
position: absolute;
top: calc(50% - 1px);
content: '';
display: block;
width: 24px;
height: 1px;
background-color: #333f48;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.region-modal .fancybox-button:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.region-modal .region-modal__form .xdsoft_autocomplete {
width: 100%;
-webkit-align-self: flex-start;
align-self: flex-start;
}
}
.region-modal__input {
height: 40px;
border: 1px solid #c5d3dc;
background-color: #fafbfd;
font-size: 14px;
padding: 0 22px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.region-modal__input {
max-width: 420px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.region-modal__input {
max-width: 420px;
font-size: 12px;
}
}
.region-modal__input:focus {
outline: none;
}
.region-modal__button {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-top: 130px;
-webkit-align-self: flex-end;
align-self: flex-end;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.region-modal__button {
padding: 0 40px;
margin-top: 40px;
align-self: flex-start;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.region-modal__button {
-webkit-align-self: flex-start;
align-self: flex-start;
padding: 0 22px;
width: 100%;
margin-top: 50px;
max-width: 400px;
}
}
.dadata-suggestions {
/*position: absolute;*/
background: white;
border: 1px solid #ccc;
border-top: 0px;
width: 100%;
/*margin-top: 40px;*/
max-height: 200px;
overflow-y: auto;
display: none;
z-index: 1000;
box-sizing: border-box;
}
.dadata-suggestions div {
padding: 10px;
cursor: pointer;
}
.dadata-suggestions div:hover {
background: #f2f2f2;
}
.product-item {
width: 100%;
margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
.product-item__container {
padding-top: 0px;
}
.product-item {
width: 100%;
margin-bottom: 30px;
}
}
.product-item__top-wrap {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
margin-bottom: 50px;
}
@media screen and (min-width: 1280px) {
.product-item__top-wrap > *:not(.product-item__images) {
padding-left: 60px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.product-item__top-wrap > *:not(.product-item__images) {
padding-left: 40px;
}
}
@media screen and (max-width: 1024px) {
.product-item__top-wrap {
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
height: auto;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-item__top-wrap {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.product-item__top-wrap > .product-item__images,
.product-item__top-wrap > .product-item__images .product-item__image {
height: auto;
}
}
.product-item__petite-crumbs {
margin-bottom: 20px;
}
.product-item__petite-crumbs p {
line-height: 1;
margin: 0;
}
@media screen and (min-width: 1025px) {
.product-item__petite-crumbs li {
line-height: 1;
}
}
@media screen and (max-width: 1024px) {
.product-item__petite-crumbs {
-webkit-align-self: flex-start;
align-self: flex-start;
flex-wrap: wrap;
padding: 0;
margin: 0;
}
}
.product-item__images {
box-sizing: border-box;
padding-left: 0;
position: relative;
overflow: hidden;
width: 500px;
min-height: 408px;
height: 1px;
-webkit-flex-shrink: 0;
flex-shrink: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.product-item__images {
width: 440px;
min-height: 370px;
}
}
.product-item__images-nav {
position: relative;
margin-right: 28px;
left: 0;
top: 0;
height: 100%;
width: 64px;
overflow: hidden;
}
/*.product-item__images-nav-content,*/
.product-item__images-nav-content .slick-list {
height: calc(100% - 30px) !important;
padding: 0 !important;
}
.product-item__images-nav-content .slick-current .product-item__image {
outline: #9b2743 1px solid;
outline-offset: -1px;
}
.product-item__images-nav .slick-arrow {
width: 25px;
height: 25px;
margin: 2px auto;
background-image: url("/local/templates/main/styles/../img/icons/down-arrow_red.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
cursor: pointer;
}
.product-item__images-nav .slick-arrow.prev {
transform: rotate(-180deg);
}
.product-item__images-nav .slick-arrow.slick-disabled {
opacity: 0.5;
cursor: default;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.product-item__images-nav {
margin-right: 10px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-item__images {
padding-left: 0px;
}
.product-item__images-nav {
/*left: 428px;*/
margin-right: 10px;
width: 60px;
}
}
@media screen and (max-width: 767px) {
.product-item__images-nav {
display: none
}
}
@media screen and (max-width: 1024px) {
.product-item__images {
-webkit-box-ordinal-group: 2;
margin-top: 10px;
width: 100%;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
position: relative;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-item__images {
padding-left: 0;
min-height: 260px;
-webkit-justify-content: flex-start;
justify-content: flex-start;
width: calc(100% + 40px);
}
}
.product-item__images-main {
width: 408px;
flex-grow: 1;
left: 0;
top: 0;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.product-item__images-main {
width: 370px;
}
}
@media screen and (max-width: 1024px) {
.product-item__images-main {
flex-grow: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-item__images-main {
width: 100%;
max-width: 410px;
height: 100%;
}
.product-item__images-main .slick-dots {
padding: 0 20px;
display: flex;
}
.product-item__images-main .slick-dots li button {
display: none;
}
.product-item__images-main .slick-dots li {
color: #c5d3dc;
font-size: 20px;
transition: color 0.2s ease-in-out;
}
.product-item__images-main .slick-dots li.slick-active {
color: #788996;
}
}
.product-item__image {
width: 100%;
height: 408px;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.product-item__image {
width: auto;
height: 370px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-item__image {
width: 100%;
max-width: 410px;
}
}
.product-item__image img {
width: 100%;
height: auto;
}
.product-item__image_preview {
display: block;
width: 60px !important;
height: 60px;
margin-bottom: 10px;
}
.product-item__image_preview.slick-current img {
border: 2px solid #9b2743;
box-sizing: border-box;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-item__image_preview {
display: none;
}
}
.product-item__info {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
flex-grow: 1;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-item__info {
width: 100%;
}
}
.product-item__info-title {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 12px 0 0;
}
.product-item__info-block {
display: flex;
justify-content: flex-start;
align-items: center;
}
@media screen and (min-width: 1280px) {
.product-item__info-block {
padding: 13px 0;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.product-item__info-block {
padding: 3px 0;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.product-item__info-block {
margin-top: 20px;
}
.product-item__info-block.product-item__info-paint {
margin-bottom: 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-item__info-block {
width: 100%;
}
}
.product-item__info-title h1 {
font-size: 30px;
line-height: 40px;
margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
.product-item__info-title h1 {
font-size: 26px;
line-height: 36px;
}
}
@media screen and (max-width: 1024px) {
.product-item__info-title {
-webkit-align-self: flex-start;
align-self: flex-start;
}
}
.product-item__info-subtitle {
position: relative;
font-size: 14px;
padding-right: 10px;
min-width: 40px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-item__info-title {
margin-top: 0;
}
}
.product-item__mobile-subtitle {
font-family: 'GothamProMedium';
font-size: 16px;
margin: 16px 0 10px;
}
.product-item__mobile-subtitle_order0 {
width: 100%;
/*text-align: center;*/
}
.product-item__mobile-subtitle_order2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
}
.product-item__mobile-subtitle_order3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-item__mobile-subtitle_order0,
.product-item__mobile-subtitle_order2,
.product-item__mobile-subtitle_order3 {
width: 100%;
text-align: center;
display: none;
}
}
.product-item__mobile-subtitle {
display: none;
}
.product-item__info-width-text {
font-size: 14px;
margin-right: 10px;
}
.product-item__info-icon {
height: 30px;
margin-right: 5px;
display: inline-block;
}
@media screen and (min-width: 1025px) {
.product-item__info-icon:hover {
opacity: 1;
}
}
@media screen and (max-width: 767px) {
.product-item__info-icon {
height: 25px;
margin-right: 2px;
}
}
.product-item__info-icon img {
height: 100%;
width: auto;
}
.product-item__info-width {
align-items: flex-end;
}
@media screen and (max-width: 767px) {
.product-item__info-width {
width: 100%;
text-align: left;
}
}
.product-item__info-colors {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.product-item__info-colors {
margin-bottom: 0px;
}
}
@media screen and (max-width: 1024px) {
.product-item__info-colors {
position: relative;
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-item__info-colors {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding-bottom: 0;
}
}
.product-item__info-colors input {
display: none;
}
.product-item__info-color {
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-right: 15px;
display: flex;
min-width: 20px;
height: 20px;
border: 1px solid transparent;
cursor: pointer;
align-items: center;
justify-content: center;
overflow: hidden;
z-index: 2;
}
.product-item__info-color--border {
border: 1px solid #c5d3dc;
}
.product-item__info-color img {
height: auto;
width: auto;
margin: 0 auto;
max-height: 100%;
min-width: 100%;
flex-shrink: 0;
}
.product-item__info-color_active {
/*border: #333f48 2px solid;*/
outline: #333f48 2px solid;
outline-offset: -2px;
}
.product-item__info-color-name {
font-size: 12px;
color: #788996;
font-weight: 300;
position: absolute;
top: calc(100% - 18px);
opacity: 0;
-webkit-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;
}
input:checked + * + .product-item__info-color-name {
opacity: 1;
}
@media screen and (min-width: 1025px) {
.product-item__info-color-name {
display: none;
}
}
.product-item__info-paint-item {
display: inline-block;
color: #788996;
fill: currentColor;
height: 26px;
width: 26px;
box-sizing: border-box;
position: relative;
margin-right: 11px;
}
.product-item__info-paint-item:last-of-type {
margin-right: 0;
}
@media screen and (min-width: 1025px) {
.product-item__info-paint-item:hover {
opacity: 1;
}
}
.product-item__info-paint-item img {
position: absolute;
top: -1px;
left: -2px;
width: 26px;
height: 26px;
/*width: 100%;*/
/*height: 100%;*/
}
.product-item__wrapp-cost-button {
padding-top: 13px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-self: stretch;
align-self: stretch;
}
@media screen and (max-width: 1024px) {
.product-item__wrapp-cost-button {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
order: 6;
width: 100%;
max-width: 340px;
}
.product-item__wrapp-cost-button-wrapper {
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-item__wrapp-cost-button {
-webkit-align-self: flex-start;
align-self: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-item__wrapp-cost-button .product-item__mobile-subtitle {
-webkit-align-self: flex-start;
align-self: flex-start;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-item__wrapp-cost-button .product-item__button-order {
-webkit-align-self: flex-start;
align-self: flex-start;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.product-item__item-price .buy__item-change-amount {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.product-item__item-price .buy__item-note {
max-width: 180px;
}
.product-item__item-price .buy__item-total {
margin-top: 8px;
}
}
@media screen and (min-width: 1025px) {
.buy__item-total-name {
display: none;
}
}
.product-item__bottom-wrap {
padding-top: 50px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
@media screen and (max-width: 1024px) {
.product-item__bottom-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
}
.product-item__description {
width: 500px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/*padding-left: 90px;*/
margin-right: 60px;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.product-item__description {
margin-right: 40px;
/*padding-left: 70px;*/
width: 440px;
}
}
@media screen and (max-width: 1024px) {
.product-item__description {
width: 100%;
padding: 0;
margin: 0 0 20px 0;
}
}
.product-item__description-title {
margin-bottom: 28px;
}
.product-item__description-text {
color: #333f48;
font-size: 14px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.js-abbreviated-text {
position: relative;
/*height: calc(24px * 4);*/
line-height: 24px;
overflow: hidden;
transition: max-height 0.2s ease-in-out;
}
.js-abbreviated-text:after {
content: '...';
position: absolute;
right: 0;
bottom: 1px;
display: block;
width: 10px;
height: 24px;
font-size: 14px;
line-height: 24px;
color: #333f48;
}
.js-show-all-text {
height: auto;
}
.js-show-all-text:after {
display: none;
}
}
.js-abbreviated-text p {
line-height: 24px;
margin: 0 0 24px;
}
.description-text-btn-mob {
display: none;
position: relative;
font-size: 14px;
line-height: 1;
cursor: pointer;
color: #626d76;
font-family: 'GothamProLight', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: 600;
padding: 8px 30px 8px 0;
margin-top: 20px;
text-decoration: none;
}
button.description-text-btn-mob {
padding: 8px 30px 8px 0;
border: none;
font: inherit;
color: inherit;
background-color: rgba(255, 255, 255, 0);
cursor: pointer;
outline: none;
}
.description-text-btn-mob:after {
content: '';
position: absolute;
left: calc(100% - 10px);
right: auto;
bottom: calc(50% - 6px);
display: block;
width: 7px;
height: 12px;
background-image: url("/local/templates/main/styles/../img/icons/chevron.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
opacity: 1;
transition: opacity 0.1s ease-in-out;
}
.js-show-all-text + .description-text-btn-mob {
margin-top: 10px;
}
.js-show-all-text + .description-text-btn-mob:after {
opacity: 0;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.description-text-btn-mob {
display: inline-block;
}
}
.product-item__merits {
margin-top: 44px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.product-item__merits-item {
padding-right: 32px;
}
@media screen and (max-width: 767px) {
.product-item__merits-item {
padding-right: 10px;
}
.product-item__merits-item:last-of-type {
padding-right: 0;
}
.product-item__merits {
margin-top: 30px;
justify-content: space-between;
max-width: 290px;
width: 100%;
}
.product-item__merits-item img {
width: 50px;
}
}
.product-item__docs {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 40px;
}
.product-item__button {
width: calc(50% - 77px);
}
a.button__text {
text-decoration: none;
}
.product-item__button .button__text {
width: 100%;
}
.product-item__button:nth-of-type(2n + 1) {
margin-right: 10px;
margin-bottom: 10px;
}
.product-item__button:nth-of-type(2n) {
margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.product-item__docs {
max-width: 390px;
width: 100%;
}
.product-item__docs .button__title {
letter-spacing: -0.2px;
}
.product-item__docs .product-item__button:last-of-type .button__text {
width: 100%;
}
.product-item__docs .product-item__button:last-of-type .button__text .button__title {
width: 100%;
}
}
.product-item__docs-subtitle {
width: 100%;
margin-bottom: 12px;
}
.product-item__button-order {
padding: 0 82px;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.product-item__button-order {
padding: 0 62px;
-webkit-transform: none;
transform: none;
}
}
@media screen and (max-width: 1024px) {
.product-item__button-order {
margin-top: 36px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-item__button-order {
padding: 0 60px;
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.product-item__button-order .button__icon {
top: -48px;
right: -1px;
width: 73px;
height: 48px;
overflow: hidden;
}
.product-item__button-order .button__icon:after {
content: '';
position: relative;
left: 0;
top: 0;
display: block;
width: 73px;
height: 48px;
-webkit-transform: translateX(73px);
transform: translateX(73px);
background-image: url("/local/templates/main/styles/../img/dogs/dog-item.png");
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-position: center;
-webkit-transition: -webkit-transform 0.2s ease-out;
transition: -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.button_disabled {
cursor: auto;
opacity: 0.5;
}
.product-item__button-order .button__icon svg {
display: none;
}
@media screen and (min-width: 1280px) {
.product-item__button-order:hover .button__icon {
-webkit-transform: none;
transform: none;
}
.product-item__button-order:hover .button__icon:after {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.product-item__button-order:hover .button__icon {
-webkit-transform: none;
transform: none;
}
.product-item__button-order:hover .button__icon:after {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.product-item__button_ellipsis .button__title {
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
overflow: hidden;
height: 20px;
}
.product-item__button.button_download.button_grey-text {
padding-left: 40px;
padding-right: 32px;
}
.product-item__button.button_download.button_grey-text .button__title {
font-size: 12px;
text-transform: none;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: 500;
}
.product-item__button.button_download.button_grey-text .button__icon {
right: calc(100% - 30px);
width: 12px;
height: 11px;
top: 16px;
}
.product-item__button.button_download.button_grey-text:after {
display: none;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-item__specifications {
width: 100%;
}
}
.product-item__specifications-title {
margin-bottom: 28px;
}
.product-item__specifications-table {
display: table;
width: 500px;
margin-bottom: 20px;
}
.product-item__specifications-table-stones {
margin-bottom: 30px;
width: 500px;
}
.product-item__specifications-table-stones .product-item__specifications-table-elem-img {
width: 24%;
display: inline-block;
height: auto;
padding: 0;
}
.product-item__specifications-table-stones .product-item__specifications-table-elem-img > div {
margin: 0 5px;
}
.product-item__specifications-table-stones .product-item__specifications-table-elem-img img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
display: block;
margin: auto;
}
@media screen and (max-width: 1024px) {
.product-item__specifications-table {
display: none;
}
.product-item__specifications-table-stones {
width: 100%;
}
.product-item__specifications-table-stones .product-item__specifications-table-elem-img {
width: auto;
}
}
.product-item__specifications-table-head {
display: table-row;
width: 100%;
padding-bottom: 16px;
}
.product-item__specifications-table-head-item {
display: table-cell;
font-size: 12px;
padding-bottom: 14px;
color: #788996;
font-family: 'GothamProLight', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 5px;
}
.product-item__specifications-table-head-item:nth-of-type(1) {
width: 20%;
}
.product-item__specifications-table-head-item:nth-of-type(2) {
width: 30%;
}
.product-item__specifications-table-head-item:nth-of-type(3) {
width: 20%;
}
.product-item__specifications-table-head-item:nth-of-type(4) {
width: 30%;
}
.product-item__specifications-table-row {
display: table-row;
width: 100%;
padding-bottom: 12px;
}
.product-item__specifications-table-elem-img {
width: 20%;
height: 54px;
display: table-cell;
text-align: left;
vertical-align: middle;
padding: 3px 0;
}
.product-item__specifications-table-elem-img img {
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.product-item__specifications-table-elem-text {
font-size: 14px;
display: table-cell;
text-align: left;
vertical-align: middle;
color: #333f48;
}
.product-item__specifications-table-elem-text:nth-of-type(2) {
width: 30%;
}
.product-item__specifications-table-elem-text:nth-of-type(3) {
width: 20%;
}
.product-item__specifications-table-elem-text:nth-of-type(4) {
width: 30%;
}
.product-item__help {
margin-top: 60px;
}
@media screen and (max-width: 1024px) {
.product-item__help {
display: none;
}
}
.product-item__specifications-info {
width: 380px;
padding-bottom: 30px;
}
.product-item__specifications-info_open .product-item__specifications-info-button {
display: none;
}
.product-item__specifications-info_open .product-item__specifications-info-button-close {
display: block;
}
.product-item__specifications-info-items {
overflow: hidden;
position: relative;
transition: max-height 0.2s ease-in-out;
}
.product-item__specifications-info-items:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 20px;
display: block;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-item__specifications-info {
width: 100%;
max-width: 410px;
}
}
.product-item__specifications-info-item {
font-size: 14px;
color: #333f48;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-bottom: 20px;
}
.product-item__specifications-info-item-dashed {
display: block;
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
flex-grow: 2;
height: 4px;
margin: 0 8px;
border-top: 1px #ccc dotted;
-webkit-align-self: flex-end;
align-self: flex-end;
}
.product-item__specifications-info-button {
padding-right: 50px;
margin-top: 0;
}
button.product-item__specifications-info-button,
button.product-item__specifications-info-button-close {
outline: none;
padding: 0;
padding-right: 50px;
border: none;
font: inherit;
color: inherit;
background-color: rgba(255, 255, 255, 0);
}
.product-item__specifications-info-button-close {
display: none;
}
.product-item__specifications-info-button-close .button__text {
font-size: 14px;
}
.product-item__specifications-info-button .button__icon {
/* Style for "chevron" */
width: 7px;
height: 12px;
top: calc(50% - 6px);
background-image: url("/local/templates/main/styles/../img/icons/chevron.svg");
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.product-item__specifications-info-button .button__icon svg {
display: none;
}
.product-item__specifications-info-button .button__text {
font-size: 14px;
}
.similar-products {
padding: 50px 0 60px;
}
@media screen and (max-width: 1024px) {
.similar-products {
padding: 30px 0 26px;
}
.similar-products__container {
padding: 0;
}
}
.similar-products__title {
margin-bottom: 40px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.similar-products__title {
font-size: 19px;
text-align: left;
margin-bottom: 10px;
}
}
.similar-products__items {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.similar-products__items {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
padding: 0;
/*justify-content: flex-start;*/
}
.similar-products__items .product-catalog__product-item {
margin-right: 1%;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.similar-products__items {
left: -20px;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% + 40px);
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
.similar-products__item {
max-width: 480px;
width: 24%;
margin-right: 1.2%;
}
.similar-products__item:nth-of-type(3n) {
margin-right: 1.2%;
}
.similar-products__item:nth-of-type(4n) {
margin-right: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.similar-products__item {
width: calc(50% - 15px);
max-width: 400px;
margin-right: 30px;
padding: 0;
margin-bottom: 10px;
}
.similar-products__item:nth-of-type(2n) {
margin-right: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.similar-products__item {
width: calc(50% - 5px);
margin-bottom: 8px;
}
.similar-products__item:nth-of-type(2n) {
margin-right: 0;
}
}
.similar-products__item img {
width: 100%;
}
.about {
border-top: 1px solid #e6edf2;
padding: 30px 0 130px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.about {
padding: 0px 0 40px;
}
}
.about__container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.about__container {
flex-direction: column;
}
}
.about__img {
overflow: hidden;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
max-width: 500px;
}
.about__img img {
height: auto;
align-self: flex-start;
}
.about__wrap {
padding-left: 60px;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.about__wrap {
padding-left: 30px;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.about__img {
position: relative;
max-width: 100%;
height: 420px;
overflow: hidden;
}
.about__img img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
.about__wrap {
padding-left: 0;
padding-top: 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.about__img {
height: 260px;
}
.about__img img {
height: auto;
width: 100%;
}
}
.about__petite-crumbs .text_small {
line-height: 1;
}
.about__title {
margin: 22px 0 12px;
}
.about__title h1 {
margin-bottom: 0;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.about__title {
margin: 10px 0 12px;
}
}
.about__text {
font-family: "GothamPro";
margin: 0;
}
.about__statistics-items {
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.about__statistics-items {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
padding-top: 20px;
}
}
.about__statistics-item {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 49%;
}
.about__statistics-item:nth-of-type(2n + 1) {
padding-right: 70px;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.about__statistics-item:nth-of-type(2n + 1) {
padding-right: 30px;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.about__statistics-item:nth-of-type(2n + 1) {
padding-right: 20px;
width: 40%;
}
.about__statistics-item:nth-of-type(2n) {
width: calc(60% - 20px);
}
}
.about__statistics-item-title {
position: relative;
margin: 0px 0 4px;
font-size: 36px;
line-height: 38.56px;
color: #9b2743;
font-weight: 600;
}
.about__statistics-item-title > * {
font-size: 36px;
line-height: 38.56px;
color: #9b2743;
font-weight: 600;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.about__statistics-item-title {
font-size: 27px;
}
.about__statistics-item-title > * {
font-size: 27px;
}
}
.about__statistics-item-text {
font-family: "GothamPro";
margin-bottom: 0;
max-width: 210px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.about__statistics-item-text {
font-size: 12px;
line-height: 15px;
}
.about__statistics-item-text > * {
font-size: 12px;
line-height: 15px;
}
}
.history {
background-color: #f7f9fc;
padding: 90px 0;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.history {
background-color: #ffffff;
padding: 40px 0;
}
}
.history__container {
position: relative;
}
.history__item {
display: -webkit-box;
display: -webkit-flex;
display: flex;
opacity: 0;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.history__item {
display: flex;
flex-direction: column-reverse;
}
}
.history__item {
max-height: 0;
}
.history__item:not(:first-of-type) {
top: 73px;
left: 0;
width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1278px) {
.history__item:not(:first-of-type) {
width: calc(100% - 40px);
left: 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.history__item {
width: 100%;
}
}
.history__item.show {
opacity: 1;
max-height: 2000px;
transition: opacity 0.26s ease-in-out 0.1s;
}
.history__images {
position: relative;
width: calc(100% - 280px);
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.history__images {
width: calc(100% + 10px);
}
}
.history__image {
background-color: #788996;
width: 610px;
height: 432px;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.history__image {
width: 254px;
height: 218px;
}
}
.history__image img {
height: 100%;
width: auto;
}
.history__info {
padding-right: 50px;
width: 230px;
}
.history__image_dog {
width: 41px;
height: 432px;
display: flex;
align-items: flex-end;
background-color: rgba(255, 255, 255, 0);
margin-left: -10px;
}
.history__image_dog img {
height: 82px;
}
@media screen and (max-width: 767px) {
.history__image_dog {
height: 218px;
width: 30px;
}
.history__image_dog img {
height: 60px;
}
}
@media screen and (max-width: 1024px) {
.history__info {
width: 100%;
box-sizing: border-box;
}
}
.history__images-date {
position: absolute;
z-index: 2;
top: 258px;
left: -10px;
font-size: 200px;
line-height: 1;
letter-spacing: -4.99px;
color: #f7f9fc;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
pointer-events: none;
}
@media screen and (max-width: 767px) {
.history__images-date {
font-size: 82px;
left: -4px;
top: 146px;
color: #fff;
}
}
.history__images-date > * {
font-size: 200px;
letter-spacing: -4.99px;
color: #f7f9fc;
}
.history__time-line__items {
position: relative;
margin-bottom: 60px;
width: calc(100% - 140px);
margin-left: 70px;
}
.history__time-line__items.owl-carousel .owl-item {
text-align: center;
}
.history__time-line__items.owl-carousel.off {
margin-left: 0;
width: 100%;
}
.history__time-line__items.owl-carousel.off .owl-stage {
display: flex;
justify-content: space-between;
width: 100% !important;
transition: inherit !important;
transform: inherit !important;
}
.history__time-line__items.owl-carousel.off .owl-item {
width: 30px !important;
}
.history__time-line__items.owl-carousel.off .owl-item:last-child {
margin-right: 0 !important;
}
.history__time-line__items.owl-carousel.off .owl-stage::after {
content: none;
}
.history__time-line__items .owl-nav {
position: absolute;
top: 0;
left: -70px;
right: -70px;
display: flex;
justify-content: space-between;
}
.history__time-line__items .owl-next.disabled,
.history__time-line__items .owl-prev.disabled {
opacity: 0.4;
cursor: auto;
}
.history__time-line__items .owl-next,
.history__time-line__items .owl-prev {
display: inline-block;
width: 14px;
height: 13px;
background-image: url('/local/templates/main/styles/../img/icons/down-arrow_red.svg') !important;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-color: rgba(1, 1, 1, 0);
transform: rotate(-90deg);
border: none !important;
color: rgba(1, 1, 1, 0) !important;
outline: none;
}
.history__time-line__items .owl-prev {
transform: rotate(90deg);
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.history__time-line__items {
width: calc(100% - 64px);
margin-left: 32px;
margin-bottom: 20px;
}
.history__time-line__items .owl-nav {
left: -30px;
right: -30px;
}
}
.history__time-line__items .owl-stage-outer {
z-index: 3;
}
.history__time-line__items .owl-prev,
.history__time-line__items .owl-next {
}
.history__time-line__items .owl-prev span,
.history__time-line__items .owl-next span {
display: inline-block;
width: 100%;
height: 100%;
/*background-color: #9b2743;*/
}
.history__time-line__item {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
color: #333f48;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
transition: color 0.2s ease-in-out;
}
.history__time-line__item.active {
color: #9b2743;
}
.history__info-title {
position: relative;
top: -10px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.history__info {
padding-right: 0;
width: 100%;
}
.history__info-title {
order: 2;
}
.history__info-text {
padding-top: 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.history__info-title h2 {
font-size: 19px;
}
}
.history__info-title h2 {
margin-bottom: 14px;
}
.laws {
padding: 120px 0 60px;
}
.laws__title {
text-align: center;
font-weight: 700;
margin-bottom: 44px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.laws {
padding: 12px 0 40px;
}
.laws__title {
text-align: left;
font-size: 19px;
margin-bottom: 12px;
}
.laws__title h2 {
font-size: 19px;
margin-bottom: 14px;
}
}
.laws__items {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.laws__items {
flex-direction: column;
}
.laws__items .laws__text p {
margin: 0;
}
}
.laws__item {
max-width: 200px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.laws__item {
display: flex;
align-items: center;
justify-content: flex-start;
max-width: 280px;
margin-bottom: 20px;
}
}
.laws__number {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin: 0 auto 27px;
width: 45px;
height: 45px;
color: #ffffff;
font-size: 18px;
font-weight: 500;
background-color: #9b2743;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.laws__number {
flex-shrink: 0;
margin: 0;
}
}
.laws__text {
line-height: 1.3;
letter-spacing: -0.2px;
text-align: center;
margin: 0;
}
.laws__text p {
margin: 0;
font-size: 14px;
color: #2d2d2d;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.laws__text {
text-align: left;
padding-left: 20px;
}
}
.laws__text > * {
font-size: 11.8px;
line-height: 1.3;
/*letter-spacing: -0.2px;*/
}
.guarantee {
padding-top: 70px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.guarantee {
padding-top: 5px;
}
}
.guarantee__container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 20px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.guarantee__container {
flex-direction: column;
}
}
.guarantee__info {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
min-width: 240px;
-webkit-flex-shrink: 0;
flex-shrink: 0;
height: 432px;
padding-right: 40px;
}
.guarantee__title {
margin-top: -10px;
margin-bottom: 30px;
line-height: 40px;
max-width: 200px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.guarantee__title {
font-size: 19px;
margin-bottom: 10px;
}
.guarantee__info {
height: auto;
margin-bottom: 60px;
}
.guarantee__title h2 {
font-size: 19px;
margin-bottom: 10px;
}
}
.guarantee__certificate {
color: #788996;
margin-bottom: 14px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
width: 220px;
}
.guarantee__certificate .button__title {
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
color: #2d2d2d;
height: 24px;
overflow: hidden;
word-wrap: break-word;
}
.guarantee__certificate .button__text {
width: 100%;
overflow: hidden;
}
.guarantee__certificate .button__description {
color: #2d2d2d;
}
.guarantee__certificate.button_download.button_grey-bg {
padding: 0 30px 0 40px;
}
.guarantee__certificate .button__icon {
right: calc(100% - 30px);
width: 12px;
height: 13px;
color: #788996;
fill: currentColor;
}
.guarantee__button {
margin-top: 18px;
}
a.guarantee__button,
a.button.guarantee__button .button__icon,
a.button.guarantee__button:hover .button__icon,
a.button.guarantee__button:visited .button__icon {
color: #2d2d2d;
}
a.guarantee__certificate,
a.button.guarantee__certificate .button__icon,
a.button.guarantee__certificate:hover .button__icon,
a.button.guarantee__certificate:visited .button__icon {
color: #2d2d2d;
}
.guarantee__button svg path {
fill: #9b2743;
}
.dealers__container {
padding-top: 94px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.guarantee__certificate {
width: calc(100% - 30px);
}
.guarantee__certificate .button__icon {
top: 10px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.dealers__container {
padding-top: 50px;
}
}
.dealers__title {
text-align: center;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.dealers__title {
text-align: left;
font-size: 19px;
margin-bottom: 10px;
line-height: 28px;
}
}
.dealers__items {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
padding-top: 16px;
}
.dealers__item {
display: flex;
align-items: center;
justify-content: center;
height: 90px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.dealers__items {
width: calc(100% + 20px);
}
}
.where-buy {
border-top: 1px solid #e6edf2;
padding: 0 0 120px;
}
.dealers__items .owl-dots {
text-align: left;
margin-top: 0 !important;
}
.dealers__items button.owl-dot span {
height: 6px !important;
width: 6px !important;
margin: 5px !important;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.where-buy {
padding: 0px 0 70px;
}
}
.where-buy__title {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin: 8px 0 28px;
letter-spacing: -0.4px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.where-buy__title {
margin: 4px 0 18px;
}
}
.where-buy__banner {
height: 380px;
width: 100%;
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-color: #3b7dbb;
}
@media screen and (max-width: 1024px) {
.where-buy__banner {
height: 504px;
}
}
.where-buy__container {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
height: 100%;
}
.where-buy__wrap {
height: calc(100% - 96px);
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
}
.where-buy__wrap-info {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
width: 100%;
color: #ffffff;
}
@media screen and (max-width: 1024px) {
.where-buy__wrap-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
height: 100%;
padding: 46px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.where-buy__wrap-info p {
color: #ffffff;
}
.where-buy__wrap-info > * {
color: #ffffff;
}
.where-buy__subtitle {
margin: 0;
}
.where-buy__info {
color: #ffffff;
font-size: 16px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
line-height: 24px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
min-width: 200px;
}
.where-buy__link,
.where-buy__link a {
color: #ffffff;
text-decoration: none;
}
.where-buy__link > * {
color: #ffffff;
}
.where-buy__link_point-map {
margin-bottom: 8px;
}
.where-buy__button {
position: relative;
padding-right: 180px;
}
.where-buy__button .button__icon {
right: 100px;
}
.where-buy__button-route {
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.where-buy__button-route .button__text {
font-size: 14px;
text-decoration: underline;
text-transform: none;
font-family: "GothamPro";
letter-spacing: 1px;
}
.where-buy__button-route .button__icon {
display: none;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.where-buy__button {
width: 100%;
max-width: 400px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 404px;
padding: 0 70px;
}
.where-buy__button .button__icon {
right: 26px;
}
}
@media screen and (max-width: 1024px) {
.where-buy__contacts {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.where-buy__contacts .where-buy__link_phone {
margin-right: 20px;
}
}
.where-buy__time {
font-size: 16px;
}
.where-buy__time > * {
font-size: 16px;
}
.object-gallery {
padding: 0px 0 95px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.object-gallery {
border-bottom: 1px solid rgba(120, 137, 150, 0.25);
padding: 0px 0 40px;
}
}
.object-gallery__title {
margin: 5px 0 32px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.object-gallery__title {
margin: 2px 0 12px;
}
}
.object-gallery__filters {
margin-bottom: 34px;
float: left;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.object-gallery__filters {
display: flex;
flex-direction: column;
}
}
.filter,
.filter:hover,
.filter:visited,
.object-gallery__filter {
margin-right: 20px;
text-transform: uppercase;
font-size: 11px;
color: #333f48;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
opacity: 1;
transition: opacity 0.2s ease-in-out;
cursor: pointer;
}
.filter_active, .object-gallery__filter.filter_active {
color: #9b2743;
}
@media screen and (min-width: 1025px) {
.object-gallery__filter:hover {
opacity: 0.8;
}
}
.object-gallery__items {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 100%;
}
.object-gallery__group {
width: calc(50% - 5px);
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.object-gallery__group {
width: 100%;
}
.object-gallery__filter {
margin: 5px 0;
}
}
.object-gallery__group:nth-of-type(2n) .object-gallery__item_big {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
order: 1;
}
.object-gallery__item {
width: calc(50% - 5px);
text-decoration: none;
}
@media screen and (min-width: 1025px) {
.object-gallery__item:hover .object-gallery__item-title {
color: #9b2743;
}
.object-gallery__item:visited .object-gallery__item-title {
color: #333f48;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.object-gallery__item {
width: 100%;
}
}
.object-gallery__item_big {
width: 100%;
}
.object-gallery__item_big .object-gallery__item-img {
width: 100%;
}
.object-gallery__item-img {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.object-gallery__item-img img {
width: 100%;
height: auto;
}
.object-gallery__item-title {
font-weight: 600;
font-size: 16px;
margin: 10px 0 5px;
transition: color 0.2s ease-in-out;
}
.object-gallery__item-info {
font-size: 13px;
color: #5a6872;
margin-bottom: 30px;
}
.object__main-wrap {
display: flex;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.object__main-wrap {
flex-direction: column;
}
}
.object__container {
padding-top: 60px;
position: relative;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.object__container {
display: flex;
flex-direction: column;
padding-top: 10px;
padding-bottom: 60px;
border-bottom: 1px solid rgba(20, 20, 20, 0.1);
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.object-gallery__wrap {
padding: 20px 0 70px;
}
}
@media screen and (max-width: 1024px) {
.object__title {
margin-bottom: 20px;
}
}
.object__images {
position: relative;
width: 500px;
padding-left: 90px;
box-sizing: border-box;
height: auto;
display: flex;
-webkit-flex-shrink: 0;
flex-shrink: 0;
/*background-color: rgba(51, 63, 72, 0.5);*/
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.object__images {
padding-left: 0;
width: calc(100% + 40px);
height: 320px;
margin-bottom: 30px;
margin-left: -20px;
}
}
.object__images-nav {
position: absolute;
top: 0;
left: 0;
width: 64px;
}
.object__image-nav.slick-active {
/*opacity: 0.7;*/
}
.object__image-nav.slick-active.slick-current {
opacity: 1;
/*box-shadow: 0px 1px 1px 2px #9b2743;*/
border-color: #9b2743;
transition: opacity ease-in-out 0.2s;
/*border-width: 2px;*/
/*outline: #982440 solid 1px;*/
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.object__images-nav {
display: none;
}
.object__images-main .slick-dots li {
color: rgba(100, 100, 100, 0);
}
}
.object__petite-crumbs {
padding-top: 0;
}
.object__image-nav {
width: 64px;
height: 64px;
/*box-sizing: border-box;*/
margin-bottom: 10px;
display: flex;
justify-content: center;
align-items: flex-start;
overflow: hidden;
cursor: pointer;
}
.slick-vertical .object__image-nav.slick-slide {
height: 60px !important;
outline: none !important;
border: none !important;
}
.slick-vertical .object__image-nav.slick-slide:focus {
outline: none;
}
.object__image-nav img {
width: auto;
min-width: 100%;
height: 100%;
flex-shrink: 0;
border: none !important;
}
.object__images-main {
width: 410px;
position: relative;
}
.object__images-main .slick-track {
transition: transform .35s ease-in-out;
}
.object__image {
width: 100%;
height: auto;
margin-bottom: 10px;
box-sizing: border-box;
}
.object__image img {
width: 100%;
cursor: pointer;
}
.object__images-main-wrap {
/*position: relative;*/
}
.object__images-main-wrap .owl-dots {
text-align: left;
margin-left: 15px;
}
.object__images-main-wrap .owl-dots span {
width: 6px !important;
height: 6px !important;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.object__images-main-wrap {
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.object__images-main {
width: 100%;
height: 320px;
}
.object__image {
overflow: hidden;
height: 100%;
height: 320px;
padding: 0;
}
.object__image img {
height: 100%;
width: auto !important;
margin: 0 auto;
}
.object__images .slick-dots {
display: flex;
}
.object__images .slick-dots button {
display: block;
width: 6px;
height: 6px;
box-sizing: border-box;
padding: 0;
border: none;
border-radius: 50%;
margin-right: 10px;
font-size: 0;
background-color: #c5d3dc;
}
.object__images .slick-dots .slick-active button {
background-color: #788996;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.object__images-main-wrap {
width: 480px;
margin-left: 20px;
}
.object__images-main-wrap .owl-stage-outer {
width: 480px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.object__image {
height: 250px;
/*width: calc(100% - 20px);*/
width: 100%;
overflow: hidden;
}
.object__image img {
margin: 0 auto;
}
.object__images {
height: auto;
margin-bottom: 0;
}
.object__images-main {
height: auto;
}
.object__images-main-wrap {
/*width: calc(100% - 20px);*/
width: 100%;
}
.object__images-main-wrap .owl-stage-outer {
width: 100%;
}
}
.object__wrap-info {
/*padding-top: 136px;*/
padding-left: 60px;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.object__wrap-info {
padding-top: 30px;
padding-left: 0;
}
}
.object__info {
max-width: 480px;
margin-bottom: 50px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.object__info {
margin-bottom: 35px;
}
}
.object__info-item {
font-size: 14px;
line-height: 24px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 11px;
}
.object__info-item-value {
width: 206px;
text-align: left;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.object__info-item-value {
text-align: right;
width: auto;
max-width: 206px;
}
}
.object__info-item-dashed {
display: block;
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
flex-grow: 2;
height: 16px;
margin: 0 8px;
border-bottom: 1px #ccc dotted;
-webkit-align-self: flex-start;
align-self: flex-start;
}
.object__article {
max-width: 395px;
}
.object__article-title {
margin-bottom: 16px;
}
.object__materials {
margin-top: 38px;
display: flex;
flex-wrap: wrap;
text-decoration: none;
}
.object__material {
width: calc(50% - 20px);
margin-right: 40px;
}
.object__material:nth-of-type(2n) {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.object__materials {
width: calc(100% + 40px);
margin-left: -20px;
justify-content: space-between;
}
}
.object__materials-title {
margin-bottom: 20px;
width: 100%;
}
@media screen and (max-width: 767px) {
.object__materials-title {
margin-bottom: 10px;
padding-left: 20px;
}
}
.object__material {
margin-right: 40px;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.object__material {
width: calc(50% - 5px);
margin-right: 0;
}
}
@media screen and (min-width: 1025px) {
.object__material:hover .object__material-name {
color: #9b2743;
}
}
.object__material-img {
width: 100%;
height: 186px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.object__material-img {
width: 100%;
height: 130px;
}
}
.object__material-img img {
width: 100%;
height: auto;
}
.object__material-name {
font-size: 12px;
line-height: 24px;
color: #333f48;
margin-top: 10px;
text-align: left;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 1025px) {
.object__material-name {
line-height: 20px;
font-weight: 300;
font-size: 14px;
color: #788996;
}
}
@media screen and (max-width: 767px) {
.object__material-name {
padding: 0 5px;
font-size: 12px;
text-align: center;
}
}
.object__material-info {
margin-bottom: 18px;
box-sizing: border-box;
text-align: left;
color: #788996;
padding: 0;
}
@media screen and (min-width: 1025px) {
.object__material-info {
color: #333f48;
font-size: 14px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
padding: 0;
line-height: 20px;
}
}
@media screen and (max-width: 767px) {
.object__material-info {
font-size: 14px;
text-align: center;
padding: 0 5px;
}
}
.object__wrap-btn {
position: relative;
display: inline-flex;
width: auto;
align-self: flex-end;
justify-content: flex-end;
margin-top: 38px;
margin-bottom: 16px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.object__wrap-btn {
justify-content: flex-start;
align-self: flex-start;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.object__wrap-btn {
margin-top: 10px;
}
}
.object__wrap-btn-button {
position: relative;
padding: 0 98px;
position: relative;
z-index: 1;
min-width: 212px;
}
.object__btn-dog {
position: absolute;
bottom: 0;
right: 100%;
transform: scale(-1, 1) translateX(-150%);
height: 76px;
width: 38px;
z-index: 0;
transition: transform 0.3s ease-in-out;
color: #9b2743;
}
@media screen and (min-width: 1025px) {
.object__wrap-btn-button:hover + .object__btn-dog {
transform: scale(-1, 1) translateX(0%);
}
}
@media screen and (max-width: 767px) {
.object__wrap-btn-button {
padding: 0;
width: 100%;
max-width: 410px;
}
}
.help__title {
padding-top: 6px;
margin: 0;
font-size: 19px;
font-weight: 500;
}
.help__wrap {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
padding: 10px 0 10px 45px;
max-width: 220px;
}
@media screen and (min-width: 1025px) {
.help__wrap:hover .help__button .button__icon {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
.help__wrap:hover .help__link {
color: #9b2743;
transition: color 0.2s ease-in-out;
}
}
.help__wrap:before {
content: '';
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
width: 24px;
height: 54px;
background-image: url("/local/templates/main/styles/../img/icons/phone_help.png");
background-position: center;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
}
.help__link {
text-decoration: none;
font-size: 18px;
color: #333f48;
}
.help__button {
padding-right: 72px;
}
/*.help__button::after {*/
/* right: 0;*/
/* width: 26px;*/
/* height: 10px;*/
/* background-image: url("/local/templates/main/styles/../img/icons/arrow_right-small.png");*/
/*}*/
.about-factory__container {
position: relative;
display: flex;
/*padding-top: 38px;*/
padding-bottom: 100px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.about-factory__container {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-bottom: 50px;
padding-top: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.about-factory__container {
padding-top: 4px;
}
}
.about-factory__img {
width: 500px;
height: 420px;
flex-shrink: 0;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
/* background-color: #3d78b3; */
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.about-factory__img {
width: 100vw;
height: 260px;
margin-left: -20px;
}
}
.about-factory__img img {
height: 100%;
width: auto;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.about-factory__img img {
height: auto;
width: 100%;
}
}
.about-factory__info {
/*padding-top: 100px;*/
padding-left: 60px;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: start;
}
.about-factory__info .petite-crumbs {
padding: 0 0 10px;
}
.about-factory__article {
margin: 16px 0;
}
.about-factory__article .title {
margin-bottom: 10px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.about-factory__info {
padding-left: 0;
padding-top: 30px;
}
}
@media screen and (min-width: 1025px) {
.about-factory__petite-crumbs {
/*position: absolute;*/
/*left: calc(500px + 60px);*/
top: 30px;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.about-factory__title {
margin-bottom: 20px;
}
}
@media screen and (min-width: 1025px) {
.about-factory__title {
/*position: absolute;*/
/*left: calc(500px + 60px);*/
top: 68px;
}
}
.about-factory__link {
margin-bottom: 16px;
text-decoration: none;
}
.about-factory__link a {
font-size: 14px;
line-height: 24px;
text-decoration: none;
}
.about-factory__wrap-route {
display: flex;
justify-content: flex-start;
align-items: center;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.about-factory__wrap-route {
flex-direction: column;
align-items: flex-start;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.about-factory__wrap-route .about-factory__link:first-of-type {
margin-bottom: 0;
}
}
.about-factory__link_route {
color: #788996;
margin-left: 48px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.about-factory__link_route {
margin-left: 0;
}
}
.about-factory__link_route > a {
position: relative;
font-size: 14px;
color: #788996;
}
.about-factory__link_route > a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
width: 100%;
height: 1px;
background-color: rgba(120, 137, 150, 0.3);
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.about-factory__article {
margin-top: 36px;
max-width: 700px;
width: 100%;
}
}
.about-factory__article-text p {
margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
.about-factory__article-title {
margin-top: 30px;
}
}
.about-factory-map {
}
.about-factory-map__container {
}
.about-factory-map__map {
width: 100%;
height: 464px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.about-factory-map__map {
/*width: 100vw;
margin-left: -20px;*/
height: 60vh;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.about-factory-map__container {
padding-bottom: 50px;
/*border-bottom: 1px solid rgba(120, 137, 150, 0.2);*/
}
}
.wrap-bth-and-pages-num {
display: -webkit-box;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 40px 0 90px;
}
.page-numbers {
display: flex;
align-self: flex-start;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.page-numbers {
display: none;
}
}
.page-numbers input {
display: none;
}
.page-number {
font-size: 11px;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
box-sizing: border-box;
margin-right: 18px;
border-color: rgba(255, 255, 255, 0);
transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
text-decoration: none;
}
span.page-number,
a.page-number,
a:visited.page-number {
color: #333f48;
}
span.page-number {
cursor: default;
border: 1px solid #9b2743;
color: #9b2743;
}
.page-number.product-catalog__page-number-next {
display: none;
}
@media screen and (min-width: 1025px) {
.page-number:hover {
color: #9b2743;
}
}
a.page-number_active {
color: #9b2743;
border: 1px solid #9b2743;
}
.wrap-bth-and-pages-num__button {
margin-top: -16px;
padding: 5px 0;
}
a.wrap-bth-and-pages-num__button {
padding: 5px 0;
}
.wrap-bth-and-pages-num__button .button__icon {
top: calc(100% + 8px);
right: calc(50% - 42px);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform: rotate(90deg) translate(0, 0);
transform: rotate(90deg) translate(0, 0);
}
.wrap-bth-and-pages-num__button .button__icon svg path {
fill: #9b2743;
}
.wrap-bth-and-pages-num__button:hover .button__icon {
-webkit-transform: rotate(90deg) translate(10px, 0px);
transform: rotate(90deg) translate(10px, 0px);
}
.product-catalog__wrap-page-numbers {
align-self: flex-end;
}
.article-selection__container {
padding-top: 40px;
padding-bottom: 70px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.article-selection__container {
padding-top: 10px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(100, 100, 100, 0.2);
}
}
.article-selection__title {
margin-top: 12px;
}
.article-selection__popular {
margin-top: 30px;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.article-selection__popular {
/*display: none;*/
}
.article-selection__title {
margin-bottom: 10px;
}
}
.article-selection__popular-item {
color: #333f48;
font-family: "GothamProBold";
font-size: 11px;
line-height: 24px;
text-transform: uppercase;
margin-bottom: 14px;
margin-right: 36px;
text-decoration: none;
}
.article-selection__popular-item a {
color: #333f48;
transition: color 0.2s ease-in-out;
text-decoration: none;
}
.article-selection__popular-item a.filter_active {
color: #9b2743;
}
@media screen and (min-width: 1025px) {
.article-selection__popular-item:hover a {
color: #9b2743;
}
}
@media screen and (max-width: 767px) {
.article-selection__popular-item {
margin-bottom: 6px;
margin-right: 20px;
}
}
.article-selection__articles {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 50px;
}
.article-selection__articles + .product-catalog__wrap-bth-and-pages-num {
margin-top: -50px;
}
.article-selection__article {
width: calc(33% - 20px);
margin-right: calc(30px + 0.5%);
}
.article-selection__article:nth-of-type(3n) {
margin-right: 0;
}
.article-selection__article a {
text-decoration: none;
}
@media screen and (min-width: 1025px) {
.article-selection__article:hover .article-selection__article-title {
color: #9b2743;
}
}
.article-selection__article-img {
width: 100%;
height: calc(285 * 100vw / 1280);
max-height: 285px;
display: flex;
justify-content: center;
overflow: hidden;
align-items: flex-end;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.article-selection__article,
.article-selection__article:nth-of-type(3n) {
width: calc(50% - 15px);
margin-right: 30px;
}
.article-selection__article:nth-of-type(2n) {
margin-right: 0;
}
.article-selection__article-img {
height: auto;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.article-selection__article {
width: 100%;
max-width: 400px;
margin-right: 0;
}
.article-selection__article-img {
height: auto;
max-width: 400px;
}
}
.article-selection__article-img img {
height: auto;
width: 100%;
}
.article-selection__article-title {
margin: 15px 0 30px;
transition: color 0.2s ease-in-out;
}
.article-selection__wrap {
padding-top: 32px;
}
.article-content {
font-family: 'Verdana', sans-serif;
}
.article-content,
.article-selection__popular.article-selection__popular--detail,
.breadcrumbs-container.breadcrumbs-container--article-detail,
.title.title--article-detail {
margin-left: auto;
margin-right: auto;
max-width: 900px;
}
.title.title--article-detail {
text-align: center;
}
@media screen and (max-width: 1200px) {
.article-content,
.article-selection__popular.article-selection__popular--detail,
.breadcrumbs-container.breadcrumbs-container--article-detail,
.title.title--article-detail {
max-width: 780px;
}
}
@media screen and (max-width: 960px) {
.article-content,
.article-selection__popular.article-selection__popular--detail,
.breadcrumbs-container.breadcrumbs-container--article-detail,
.title.title--article-detail {
padding-left: 20px;
padding-right: 20px;
}
.title.title--article-detail {
text-align: left;
}
}
.certificates__container {
padding-top: 40px;
padding-bottom: 80px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.certificates__container {
padding-top: 10px;
padding-bottom: 40px;
border-bottom: 1px solid rgba(100, 100, 100, 0.2);
}
}
.certificates__petite-crumbs {
}
.certificates__title {
margin: 10px 0 30px;
}
.certificates__certificates {
}
.certificates__certificates-block {
}
.certificates__toggle {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #f7f9fc;
height: 100px;
padding: 0 50px 0 100px;
font-size: 18px;
line-height: 24px;
margin-bottom: 10px;
cursor: pointer;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.certificates__toggle {
font-size: 12px;
line-height: 18px;
height: 56px;
padding: 0 20px;
}
}
.certificates__certificates-block-title {
}
.certificates__certificates-block {
text-decoration: none;
}
.certificates__toggle .icon {
color: #92243f;
width: 50px;
margin-right: 30px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.certificates__toggle .icon {
width: 36px;
}
}
.certificates__certificates.certificates__documents .certificates__toggle {
color: #7f909c;
padding-left: 30px;
}
.certificates__toggle:hover .icon, .certificates__certificates.certificates__documents .certificates__toggle:hover, .certificates__certificates.certificates__documents .certificates__toggle:hover .certificates__indicator .icon {
color: #92243f;
}
.certificates__certificates.certificates__documents .certificates__toggle .certificates__indicator {
border: none;
background: none;
width: 15px;
margin-left: auto;
}
.certificates__certificates.certificates__documents .certificates__toggle .certificates__indicator .icon {
width: 15px;
position: absolute;
margin: 0;
top: 0;
right: 0;
color: #7f909c;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.certificates__certificates.certificates__documents .certificates__toggle:hover .certificates__indicator .icon {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
.certificates__certificates.certificates__documents .certificates__toggle .certificates__indicator:before, .certificates__certificates.certificates__documents .certificates__toggle .certificates__indicator:after {
display: none;
}
.certificates__indicator {
position: relative;
width: 30px;
height: 30px;
border: 1px solid #7f909c;
background-color: rgba(1, 1, 1, 0);
border-radius: 50%;
box-sizing: border-box;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.certificates__indicator {
width: 20px;
height: 20px;
flex-shrink: 0;
}
}
.certificates__indicator:before,
.certificates__indicator:after {
content: '';
position: absolute;
top: calc(50% - 2px);
left: calc(50% - 5px);
display: block;
width: 10px;
height: 2px;
background-color: #7f909c;
}
.certificates__toggle:hover .certificates__certificates-block-title {
color: #92243f;
}
.certificates__toggle:hover .certificates__indicator {
border-color: #92243f;
}
.certificates__toggle:hover .certificates__indicator:before,
.certificates__toggle:hover .certificates__indicator:after {
background-color: #92243f;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.certificates__indicator {
margin-left: 20px;
}
.certificates__indicator:before,
.certificates__indicator:after {
content: '';
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 4px);
display: block;
width: 8px;
height: 1px;
}
}
.certificates__indicator:before {
transform: rotate(-90deg);
transition: transform 0.25s ease-in-out;
}
.certificates__indicator:after {
transform: rotate(0deg);
}
.certificates__toggle.js-open .certificates__indicator:before {
transform: rotate(0deg);
}
.certificates__items {
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
padding: 70px 0 110px 0;
/*display: flex;*/
display: none;
box-sizing: border-box;
transition: opacity 0.3s ease-in-out;
}
.fancybox-bg {
background-color: rgba(51, 63, 72, .9) !important;
}
.fancybox-toolbar {
/*right: calc(50% - 400px);*/
top: 20px;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.fancybox-toolbar {
top: 10px;
right: 10px;
}
}
.fancybox-button.fancybox-button--close {
background-color: rgba(51, 63, 72, 0) !important;
height: 60px;
width: 60px;
}
.fancybox-button.fancybox-button--close svg {
display: none;
}
.fancybox-button.fancybox-button--close:before,
.fancybox-button.fancybox-button--close:after {
content: '';
position: relative;
display: block;
width: 100%;
height: 1px;
background-color: #ffffff;
transform: rotate(45deg);
}
.fancybox-button.fancybox-button--close:after {
transform: rotate(-45deg);
}
.fancybox-button.fancybox-button--arrow_right,
.fancybox-button.fancybox-button--arrow_left {
background-color: rgba(51, 63, 72, 0) !important;
height: 70px;
width: 70px;
}
@media screen and (max-width: 1024px) {
.fancybox-button.fancybox-button--close:before,
.fancybox-button.fancybox-button--close:after {
background-color: #e6edf2;
}
}
.fancybox-button.fancybox-button--arrow_left[disabled],
.fancybox-button.fancybox-button--arrow_right[disabled] {
opacity: 0.5;
}
.fancybox-button.fancybox-button--arrow_right div,
.fancybox-button.fancybox-button--arrow_left div {
display: none;
}
.fancybox-button.fancybox-button--arrow_right:before,
.fancybox-button.fancybox-button--arrow_right:after,
.fancybox-button.fancybox-button--arrow_left:before,
.fancybox-button.fancybox-button--arrow_left:after {
content: '';
position: relative;
display: block;
width: 100%;
height: 2px;
background: linear-gradient(to right, #ffffff 0%, #ffffff 53%, rgba(1, 1, 1, 0) 55%, rgba(1, 1, 1, 0) 100%);
transform: rotate(45deg);
border-radius: 1px;
/*transform-origin: 100% 50% ;*/
}
.fancybox-button.fancybox-button--arrow_left:before,
.fancybox-button.fancybox-button--arrow_left:after {
transform: rotate(-45deg);
background: linear-gradient(to left, #ffffff 0%, #ffffff 53%, rgba(1, 1, 1, 0) 55%, rgba(1, 1, 1, 0) 100%);
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.fancybox-button.fancybox-button--arrow_right:before,
.fancybox-button.fancybox-button--arrow_right:after,
.fancybox-button.fancybox-button--arrow_left:before,
.fancybox-button.fancybox-button--arrow_left:after {
background: linear-gradient(to right, #e6edf2 0%, #e6edf2 53%, rgba(1, 1, 1, 0) 55%, rgba(1, 1, 1, 0) 100%);
}
.fancybox-button.fancybox-button--arrow_left:before,
.fancybox-button.fancybox-button--arrow_left:after {
background: linear-gradient(to left, #e6edf2 0%, #e6edf2 53%, rgba(1, 1, 1, 0) 55%, rgba(1, 1, 1, 0) 100%);
}
}
.fancybox-button.fancybox-button--arrow_right:after {
transform: rotate(-45deg);
}
.fancybox-button.fancybox-button--arrow_left:after {
transform: rotate(45deg);
}
.certificates__item {
margin-right: 28px;
margin-bottom: 30px;
height: 355px;
display: flex;
align-items: center;
justify-content: center;
}
.certificates__item img {
height: 100%;
width: auto;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.certificates__items {
padding: 18px 0 50px;
}
.certificates__item {
margin-bottom: 30px;
max-width: 330px;
height: auto;
display: flex;
align-items: center;
justify-content: center;
}
.certificates__item img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.certificates__items {
justify-content: center;
}
.certificates__item {
margin-right: 0;
width: 100%;
}
}
/*_______________________________________________________________*/
.btn-up-wrap__button {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 10000;
padding: 0;
/*background-color: rgba(255, 255, 255, 0.7);*/
/*background-color: rgba(255, 255, 255, 1);*/
width: 74px;
height: 70px;
box-sizing: border-box;
display: none;
}
.btn-up-wrap__button:after {
opacity: 0;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url("/local/templates/main/styles/../img/icons/btn-up/up_hover_2.svg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 0.2s ease-in-out;
}
.btn-up-wrap__button .button__icon {
bottom: 0;
top: auto;
right: 0;
color: #3A434E;
width: 72px;
height: 66px;
transform: translate(0, 0);
}
.btn-up-wrap__button .button__icon .up-dog {
fill-opacity: 0.3;
}
@media screen and (min-width: 1025px) {
.btn-up-wrap__button:hover {
/*transform: rotate(180deg) translate(0, 6px);*/
/*background-color: rgba(255, 255, 255, 1);*/
}
.btn-up-wrap__button:hover .button__icon {
transform: translate(0, 0px);
}
.btn-up-wrap__button:hover.btn-up-wrap__button:after {
opacity: 1;
}
}
.where-buy__factory_link,
.where-buy__factory_link:hover,
.where-buy__factory_link:visited {
text-decoration: none;
color: #ffffff;
}
/*_____*/
@media screen and (min-width: 320px) and (max-width: 1024px) {
.about-factory__container .breadcrumbs-container {
order: -1;
}
}
.calculate-price {
display: flex;
align-items: center;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.calculate-price {
flex-wrap: wrap;
flex-direction: column;
align-items: flex-end;
}
}
.input-checkbox label {
position: relative;
font-size: 14px;
color: #333f48;
padding-left: 35px;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
justify-content: flex-start;
cursor: pointer;
}
.input-checkbox label:before,
.input-checkbox label:after {
content: '';
position: absolute;
left: 0;
display: inline-block;
}
.input-checkbox label:before {
top: -1px;
width: 16px;
height: 16px;
border-radius: 3px;
border: 1px solid #c5d3dc;
background-color: #ffffff;
}
.input-checkbox label:after {
content: '';
top: 50%;
left: 9px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
width: 12px;
height: 9px;
opacity: 0;
background-image: url('/local/templates/main/styles/../img/icons/catalog/check.svg');
-webkit-background-size: contain;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;
}
.input-checkbox input {
display: none;
}
.input-checkbox input[type="checkbox"]:checked + label:after {
opacity: 1;
}
.feedback__select {
position: relative;
margin-top: 20px;
height: 40px;
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 14px;
background-color: #fafbfd;
border: 1px solid #c5d3dc;
box-sizing: border-box;
color: #788996;
}
.feedback__select .jq-selectbox {
padding: 0 20px;
width: 100%;
box-sizing: border-box;
}
.feedback__select .jq-selectbox__dropdown {
/*position: relative;*/
left: -1px;
padding: 0 20px;
box-sizing: border-box;
width: calc(100% + 2px);
border: 1px solid #c5d3dc;
border-top: none;
background-color: #fafbfd;
}
.feedback__select span {
position: absolute;
right: 20px;
top: calc(50% - 6px);
width: 7px;
height: 12px;
transform: rotate(90deg);
transition: transform 0.2s ease-in-out;
}
.feedback__select.js-open-select span {
transform: rotate(270deg);
}
.test-form__form {
padding: 30px 0;
border-bottom: 1px solid #ccc;
}
.js-files-add-field {
display: flex;
align-items: flex-start;
flex-direction: column-reverse;
}
.files-list-li {
font-size: 12px;
/*color: #788996;*/
color: #9b2743;
display: flex;
align-items: center;
justify-content: flex-start;
margin: 8px 0;
}
/*.files-list-li:before {
content: '';
display: block;
width: 25px;
height: 20px;
background-image: url('/local/templates/main/styles/../img/icons/upload-file.png');
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}*/
.files-list-li a {
font-size: 14px;
line-height: 1;
display: inline-block;
height: 14px;
margin-left: 7px;
}
.close-button_remove-file {
position: relative;
display: block;
height: 100%;
width: 14px;
}
.close-button_remove-file:before,
.close-button_remove-file:after {
content: '';
position: absolute;
top: calc(50% - 1px);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
display: block;
width: 14px;
height: 1px;
background-color: #788996;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.close-button_remove-file:after {
transform: rotate(-45deg);
}
@media screen and (min-width: 1025px) {
.close-button_remove-file:hover.close-button_remove-file:before,
.close-button_remove-file:hover.close-button_remove-file:after {
background-color: #9b2743;
}
}
.attach-file-button {
position: relative;
padding: 0;
border: none;
font: inherit;
color: #333f48;
background-color: rgba(1, 1, 1, 0);
font-size: 14px;
/* отображаем курсор в виде руки при наведении; некоторые
считают, что необходимо оставлять стрелочный вид для кнопок */
cursor: pointer;
border: solid 1px rgba(1, 1, 1, 0);
transition: color 0.2s ease-in-out;
}
.attach-file-button:after {
position: absolute;
bottom: 0;
content: '';
display: block;
height: 1px;
width: 100%;
background-color: rgba(120, 137, 150, 0.6);
transition: background-color 0.2s ease-in-out;
}
.attach-file-button:active {
border: solid 1px rgba(1, 1, 1, 0);
}
.attach-file-button:focus {
border-color: rgba(1, 1, 1, 0);
outline: none;
}
@media screen and (min-width: 1025px) {
.attach-file-button:hover {
color: #9b2743;
}
.attach-file-button:hover.attach-file-button:after {
background-color: #9b2743;
opacity: 0.6;
}
}
.personal-data__input-block {
margin: 0 0 54px;
width: 100%;
display: flex;
align-items: center;
}
.personal-data__input-block .js-files-add-field {
flex-direction: row-reverse;
align-items: flex-start;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
}
.personal-data__input-block .files-list-li:first-of-type {
margin-top: 0;
}
.js-form-files-list {
margin: 0;
width: 100%;
}
.files-list-li button {
padding: 0;
width: 13px;
height: 12px;
background: none;
border: none;
outline: none;
cursor: pointer;
}
.files-list-li {
justify-content: space-between;
}
/*__________________________________________________________*/
@media screen and (max-width: 1024px) {
.header__mobile-container-content {
height: auto;
min-height: 100%;
}
.header__mobile-container-viewport {
position: relative;
overflow: auto;
height: 100%;
background-color: #ffffff;
}
}
.header-bottom {
position: relative;
}
.header-bottom__dog {
position: absolute;
top: 56px;
right: calc((100% - 1350px) / 2);
display: none;
width: 53px;
height: 40px;
background-image: url("/local/templates/main/styles/../img/dogs/dog-v.svg");
-webkit-background-size: contain;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: translateX(100vw) translateX(-500px);
-ms-transform: translateX(100vw) translateX(-500px);
-moz-transform: translateX(100vw) translateX(-500px);
-webkit-transform: translateX(100vw) translateX(-500px);
-o-transform: translateX(100vw) translateX(-500px);
-webkit-transition: -webkit-transform 0.4s ease-in-out;
transition: -webkit-transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
.header-bottom_dog .header-bottom__dog {
transform: translateX(100%) translateX(-56px);
-ms-transform: translateX(100%) translateX(-56px);
-moz-transform: translateX(100%) translateX(-56px);
-webkit-transform: translateX(100%) translateX(-56px);
-o-transform: translateX(100%) translateX(-56px);
}
@media screen and (min-width: 1368px) {
.header-bottom__dog {
display: block;
}
}
.no-stores-message {
margin-top: 30px;
color: #788996;
font-size: 14px;
line-height: 20px;
}
.route-href {
text-decoration: none;
}
.footer__column .button_download .button__icon {
top: calc(50% - 7px);
}
.footer .footer__description {
margin-bottom: 0;
font-family: 'GothamPro', Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif;
font-size: 11px;
line-height: 1.2;
color: #2d2d2d;
}
a.review-form-button {
color: #9b2743;
display: block;
float: right;
margin-left: auto;
margin-right: 0;
white-space: nowrap;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
opacity: 1;
transition: opacity 0.2s ease-in-out;
cursor: pointer;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
a.review-form-button {
float: none;
margin-left: 0;
margin-right: auto;
width: 160px;
}
a.review-form-button::before {
content: '';
display: table;
clear: both;
}
}
a.review-form-button:hover {
opacity: 0.8;
}
.video__img {
position: relative;
}
.video__img-icon {
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 25px);
width: 50px;
height: 50px;
}
.terms-of-use-content {
width: 100%;
}
.rate {
height: 27px;
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.rate:not(:checked) > input {
display: none;
}
.rate:not(:checked) > label {
float: left;
width: 18px;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 18px;
color: #e0dcd9;
margin-bottom: 0;
transition: color 0.1s ease-in-out;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label,
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
color: #9b2743;
}
.rate:not(:checked) > label:before {
content: "\2605 ";
}
.comag-map-additional {
font-size: 14px;
line-height: 24px;
text-decoration: none;
}
.form-detail-error-msg_hide {
display: none;
}
.form-detail-error-msg_show {
display: block;
}
.map-phone {
display: block;
/*white-space: nowrap;*/
}
.map-phone b, .map-phone span, .map-phone a {
display: inline-block;
}
.map-hint-phone {
text-decoration: none;
margin: 0 5px 0 0;
}
/*временная карта*/
@media screen and (max-width: 767px) {
.points-sale__container {
min-height: 70vh;
}
}
/*временный скрол*/
@media screen and (max-width: 1024px) {
.points-sale__items {
max-width: 100%;
height: 285px;
overflow-y: scroll;
}
.points-sale__items::-webkit-scrollbar {
width: 2px;
}
.points-sale__items::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.27);
}
.points-sale__items::-webkit-scrollbar-thumb:window-inactive {
background: rgb(155, 39, 67);
}
.points-sale__items::-webkit-scrollbar-thumb {
background: rgb(155, 39, 67);
}
}
.input-block.input-selectbox {
display: flex;
justify-content: space-between;
}
select.call_comagic {
display: none;
background-color: #fafbfd;
border: 1px solid #c5d3dc;
font-size: 14px;
padding: 12px 20px;
width: 48%;
color: #333f48;
outline: none;
}
/*Для баннера на главной*/
.des {
color: #ffffff;
font-size: 32px;
line-height: 40px;
margin-top: 30px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.des {
color: #ffffff;
font-size: 24px;
line-height: 30px;
}
}
.zag {
color: #ffffff;
font-size: 44px;
line-height: 70px;
margin-top: 70px;
max-width: 700px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.zag {
color: #ffffff;
font-size: 34px;
line-height: 40px;
margin-top: 40px;
}
}
.banner__title {
max-width: 800px;
}
.des2 {
color: #ffffff;
font-size: 40px;
line-height: 64px;
margin-top: 30px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.des2 {
color: #ffffff;
font-size: 28px;
line-height: 40px;
}
}
/*Цвета на карточке товара отличие*/
.buy__item-note2 {
font-size: 12px;
color: #788996;
padding-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.buy__item-note2 {
padding-top: 10px;
padding-bottom: 0px;
}
}
/*Баннер на сентябрь*/
.zag3 {
color: #ffffff;
font-size: 44px;
line-height: 70px;
margin-top: 70px;
max-width: 650px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.zag3 {
color: #ffffff;
font-size: 34px;
line-height: 40px;
margin-top: 40px;
}
}
.des3 {
color: #ffffff;
font-size: 28px;
line-height: 40px;
margin-top: 30px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.des3 {
color: #ffffff;
font-size: 22px;
line-height: 30px;
}
}
/*Телефон в хедер*/
.comagic_stein {
color: transparent;
font-size: 0px;
}
.comagic_stein span {
color: #333f48;
}
/*карточка товара ссылка на proof*/
.stein_proof_more {
color: #9b2743;
/* font-family: 'GothamProBold'; */
font-size: 16px;
font-weight: 800;
}
.rating_count {
display: block;
margin-bottom: 40px;
}
.rating_count span, .rating_count table {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.rating_count span {
font-size: 13px;
font-weight: bold;
margin-right: 5px;
}
.product-item__images-nav-content .slick-slide {
cursor: pointer;
}
/*точка в фильтре*/
.product-catalog__wrap-left input[type="checkbox"]:checked + label::after {
content: '';
display: inline-block;
margin-right: 10px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 6px solid #9b2743;
width: 12px;
height: 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 10px;
margin-top: 1px;
}
/*Видео на странице о заводе*/
.video__img-steingot {
position: relative;
}
.about__img2 {
overflow: hidden;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
max-width: 500px;
}
.about__img2 img {
height: 420px;
align-self: flex-start;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.about__img2 {
position: relative;
max-width: 100%;
height: 420px;
overflow: hidden;
margin-top: 20px;
}
.about__img2 img {
height: auto;
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.about__img2 {
height: 260px;
}
.about__img2 img {
height: auto;
width: 100%;
}
}
.meta-tags {
width: 100%;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.2;
color: #788996;
}
.meta-tags__text {
margin: 0;
padding: 15px 0;
text-align: right;
color: #788996;
}
.product-catalog__filter-tags,
.product-catalog-bottom__filter-tags {
margin-top: 30px;
margin-bottom: 8px;
display: flex;
flex-wrap: wrap;
}
.product-catalog__filter-tags label,
.product-catalog-bottom__filter-tags label {
color: #333f48;
font-family: 'GothamProBold', sans-serif;
font-size: 11px;
line-height: 24px;
text-transform: uppercase;
margin-bottom: 14px;
margin-right: 36px;
text-decoration: none;
cursor: pointer;
}
.product-catalog__filter-tags label:hover,
.product-catalog__filter-tags label.active,
.product-catalog-bottom__filter-tags label:hover,
.product-catalog-bottom__filter-tags label.active {
color: #9b2743;
}
/*Для спойлера seo*/
.meta-tags__text {
margin: 0;
padding: 40px 0;
text-align: left;
color: #788996;
font-size: 14px;
line-height: 24px;
position: relative;
height: 200px;
overflow: hidden;
padding-bottom: 0px;
display: block;
}
.meta-tags__text:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0%;
width: 100%;
height: 70%;
background-image: -webkit-gradient(linear,left top, left bottom,from(transparent),to(#fff));
background-image: -webkit-linear-gradient(top,transparent,#fff);
background-image: linear-gradient(to bottom,transparent,#fff);
opacity:1;
}
.meta-tags__text.collapsed {
/* height: auto; */
display: table;
}
.meta-tags__text.collapsed:before {
height: 0%;
}
.meta-tags__stein {
padding-left: 280px;
}
@media screen and (max-width: 1080px) {
.meta-tags__stein {
padding-left: 0px;
}
}
@media screen and (max-width: 767px) {
.meta-tags__stein {
padding-left: 0px;
}
}
/*Инфо для фида*/
.fid_info {
padding: 20px;
margin: 0 auto;
margin-top: 50px;
max-width: 900px;
}
/*Стрелка для seo текстов*/
.meta-tags__strelka {
width: 0px;
height: 0px;
border: 10px solid transparent;
border-top-color: #9b2743;
margin: 0 auto;
padding: 0;
cursor: pointer;
}
.meta-tags__strelka:before{
content:'';
width: 0px;
height: 0px;
border: 10px solid transparent;
border-top-color: #ffffff;
display: inline-block;
-webkit-transform: translate(-10px, -16px);
}
.meta-tags__strelka.up {
transform: rotate(180deg) translate(0px, 25px);
-webkit-transform: rotate(180deg) translate(0px, 25px);
-moz-transform: rotate(180deg) translate(0px, 25px);
-o-transform: rotate(180deg) translate(0px, 25px);
-ms-transform: rotate(180deg) translate(0px, 25px) translate(0px, 25px);
animation: none;
margin-top: 25px;
}
.meta-tags__strelka {
animation: bounceIn 3s infinite 3s;
}
@keyframes bounceIn {
40% {
transform: translateY(-5px);
}
60% {
transform: translateY(-5px);
}
}
main {
padding-bottom: 30px;
}
/*Фикс модалки*/
html {
overflow-y: scroll;
overflow-x: auto;
}
/*Баннер новый год*/
@font-face {
font-family: 'Lobster';
font-display: auto;
src: local('Lobster'), local('Lobster'),
url('/local/templates/main/styles/../fonts/Lobster-Regular.woff2') format('woff2'),
url('/local/templates/main/styles/../fonts/Lobster-Regular.eot?#iefix') format('embedded-opentype'),
url('/local/templates/main/styles/../fonts/Lobster-Regular.woff') format('woff'),
url('/local/templates/main/styles/../fonts/Lobster-Regular.ttf') format('truetype'),
url('/local/templates/main/styles/../fonts/Lobster-Regular.svg#Lobster') format('svg');
}
.banner__container2 {
max-width: 1800px;
}
.banner__title2 {
float: right;
right: 30px
margin-right: none;
height: auto;
}
.zag2 {
color: #9b2743;
font-size: 90px;
line-height: 120px;
margin-top: 70px;
max-width: 700px;
text-align: right;
right: 20px;
font-family: 'Lobster', cursive;
margin-right: 30px;
}
.banner2 {
position: relative;
width: 100%;
height: 680px;
overflow: hidden;
}
@media screen and (min-width: 320px) and (max-width: 1650px) {
.banner__container2 {
max-width: 1350px;
}
}
@media screen and (min-width: 320px) and (max-width: 1400px) {
.banner__container2 {
max-width: auto;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.zag2 {
font-size: 46px;
line-height: 65px;
margin-top: 40px;
}
.banner2 {
height: 504px;
}
.banner__title2 {
height: auto;
}
}
/*Для меню*/
.header-top__items_left {
margin-right: 80px;
}
.header-top__item a {
color: rgba(51, 63, 72, 0.85);
}
/*карта объектов*/
.mapsme2 {
width: 100%;
height: 100%;
}
.mapsme1 {
width: 100%;
height: 500px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.mapsme1 {
width: 100%;
height: 64vh;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.mapsme1{
width: 100%;
height: 60vh;
}
}
.ballon_body img {
max-width: 200px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.mapsme1{
width: 100%;
height: 60vh;
}
.ballon_body img {
max-width: 100px;
}
}
.zag4 {
color: #ffffff;
font-size: 44px;
line-height: 70px;
margin-top: 70px;
max-width: 250px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.zag4 {
color: #ffffff;
font-size: 34px;
line-height: 50px;
margin-top: 40px;
}
}
.sog_h {
font-size: 24px;
color: #333f48;
margin: 0 0 22px;
}
.polit_zag {
font-size: 24px;
color: #333f48;
margin: 0 0 22px;
}
/*кнопка в карточке*/
.button__text__product:visited {
color: #ffffff;
text-decoration: none;
}
.button__text__product:hover {
color: #ffffff;
text-decoration: none;
}
.button__text__product {
color: #ffffff;
text-decoration: none;
font-size: 14px;
}
/*Скидка Новый Город*/
.zag6 {
margin-top: 100px;
max-width: 550px;
}
.zag7 {
font-size: 100%;
float: left;
margin-top: 50px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.zag8 {
font-size: 350%;
color: #9b2743;
float: right;
margin-top: 50px;
margin-left: 30px;
}
.zag9 {
font-size: 40%;
margin-top: 40px;
float: right;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.zag10 {
font-size: 30%;
margin-top: -24px;
color: #fff;
float: right;
}
.zag11 {
font-size: 80%;
line-height: 70px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.zag12 {
font-size: 180%;
margin-bottom: 20px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.zag6 {
margin-top: 60px;
}
.zag7 {
margin-top: 10px;
}
.zag8 {
margin-top: 30px;
}
.zag9 {
font-size: 40%;
margin-top: 30px;
}
.zag10 {
font-size: 30%;
margin-top: -24px;
}
.zag11 {
font-size: 80%;
line-height: 50px;
}
.zag12 {
font-size: 140%;
margin-bottom: 20px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
}
/*Подмена Новый город*/
.banner__background2 {
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
background-image: url(/local/templates/main/img/bunner_17.02_02.jpg);
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.zag26 {
margin-top: 50px;
max-width: 550px;
margin-left: 90px;
}
.zag212 {
font-size: 180%;
margin-bottom: 20px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.zag211 {
font-size: 80%;
line-height: 70px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.zag26 {
margin-top: 50px;
margin-left: 0px;
}
.zag212 {
font-size: 120%;
margin-bottom: 20px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.zag211 {
font-size: 80%;
line-height: 30px;
}
}
/*Держим цены*/
.zag22 {
font-size: 190%;
margin-bottom: 20px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.zag27 {
font-size: 100%;
float: left;
margin-top: 30px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.zag7 {
margin-top: 5px;
}
.zag22 {
font-size: 160%;
margin-bottom: 20px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
line-height: 46px;
}
}
/*бесконтактная сделка*/
.pop-content {
margin-left: auto;
margin-right: auto;
max-width: 900px;
}
.pop-content {
font-family: 'Verdana', sans-serif;
}
@media screen and (max-width: 1200px) {
.pop-content {
max-width: 780px;
}
}
@media screen and (max-width: 960px) {
.pop-content {
}
}
.pop-bot {
margin-top: 30px;
}
.zag36 {
margin-top: 50px;
/* margin-left: 90px; */
}
.zag311 {
font-size: 90%;
margin-bottom: 30px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.zag312 {
font-size: 140%;
margin-bottom: 30px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
line-height: 50px;
}
.zag39 {
font-size: 90%;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.zag36 {
margin-top: 20px;
margin-left: 0px;
}
.zag311 {
font-size: 70%;
line-height: 25px;
margin-bottom: 20px;
}
.zag312 {
font-size: 110%;
margin-bottom: 10px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.zag39 {
font-size: 70%;
}
}
/*Текст в тегах*/
.meta_txt_h2 {
font-size: 24px;
color: #333f48;
margin: 0 0 22px;
}
@media screen and (max-width: 767px) {
.meta_txt_h2 {
font-size: 22px;
margin: 0 0 18px;
}
}
.product-catalog__product-item-buttons {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
position: absolute;
z-index: 1;
left: 5px;
right: 5px;
bottom: 0;
}
.button.buy__button {
height: 60px;
padding: 0 10px;
}
.button.buy__button .button__text {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.buy__button:not(.button):hover .button__text {
color: #9b2743;
text-decoration: underline
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.product-catalog__product-item-buttons {
flex-wrap: nowrap;
}
.product-catalog__product-item-buttons .button {
font-size: 12px;
text-align: center;
width: 64%;
padding: 2px 6px 0;
box-sizing: border-box;
}
.product-catalog__product-item-buttons .button:first-of-type {
width: 34%;
}
.product-catalog__product-item-buttons .button a {
font-size: inherit;
}
}
@media screen and (min-width: 768px) and (max-width: 1179px) {
.product-catalog__product-item-buttons .button {
font-size: 11px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.product-catalog__product-item-buttons .button {
font-size: 1.26953125vw;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.product-catalog__product-item-buttons .button {
/*font-size: .8780487804878vw;*/
font-size: .9480487804878vw;
}
}
@media screen and (min-width: 1170px) and (max-width: 1279px) {
.product-catalog__product-item-buttons .button {
/* font-size: 1.09375vw; */
}
}
/*
@media screen and (min-width: 1025px) and (max-width: 1079px) {
.product-catalog__product-item-buttons .button {
padding: 0 6px;
font-size: 10px;
}
.product-catalog__product-item-buttons .button a {
font-size: inherit;
}
}
@media screen and (min-width: 1080px) and (max-width: 1149px) {
.product-catalog__product-item-buttons .button {
padding: 0 8px;
font-size: 11px;
}
.product-catalog__product-item-buttons .button a {
font-size: inherit;
}
}
@media screen and (min-width: 1150px) and (max-width: 1279px) {
.product-catalog__product-item-buttons .button {
font-size: 12px;
}
.product-catalog__product-item-buttons .button a {
font-size: inherit;
}
}*/
@media screen and (max-width: 767px) and (min-width: 320px) {
.product-catalog__product-item {
padding-bottom: 120px;
}
.product-catalog__product-item-buttons {
left: 0;
right: 0;
}
.product-catalog__product-item-buttons .button:first-of-type {
margin-bottom: 10px;
}
.button.buy__button {
padding: 0 9px;
width: 100%;
letter-spacing: 0;
box-sizing: border-box;
}
.button.buy__button .button__text__product {
font-size: 12px;
}
}
.product-item__button-buy-one-click {
text-align: center;
padding-top: 5px;
}
/*мелкие правки*/
.product-catalog__wrap-dog-animate {
margin-top: 20px;
}
.product-item__button-buy-one-click a {
color: #333f48;
}
/*уменьшение кнопок*/
.button.buy__button {
height: 40px;
padding: 0 15px;
}
.button__text__product {
color: #ffffff;
text-decoration: none;
font-size: 12px;
}
.product-catalog__product-item-wrap-cost {
margin-bottom: 0px;
}
/*баннер каталог бесплатная доставка*/
.button_free_dost {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 56px;
padding: 0 50px;
margin-top: 30px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #9b2743;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
a.button_free_dost {
color: #ffffff;
}
.banner__background3 {
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
background-image: url(/local/templates/main/img/banner_Delivery_1200.jpg);
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.banner__background4 {
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
background-image: url(/local/templates/main/img/banner_Delivery_1200.jpg);
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
margin-bottom: 40px;
}
.free_zag_cont {
margin-top: 40px;
max-width: 400px;
margin-left: 90px;
}
.free_zag_cont2 {
font-size: 150%;
margin-bottom: 20px;
line-height: 50px;
}
.free_zag_cont3 {
font-size: 100%;
line-height: 36px;
margin-bottom: 0px;
}
.free_zag_cont4 {
font-size: 100%;
margin-bottom: 20px;
}
.free_zag_cont5 {
font-size: 80%;
margin-bottom: 0px;
}
.free_button_cont {
margin-left: 90px;
font-weight: 600;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.free_zag_cont {
margin-left: 0px;
margin-top: 30px;
padding: 20px;
background-color: #0000004f;
border-radius: 5px;
width: 100%;
}
.free_zag_cont2 {
font-size: 70%;
line-height: 30px;
max-width: 10px;
margin-bottom: 15px;
}
.free_zag_cont3 {
font-size: 55%;
line-height: 24px;
margin-bottom: 5px;
}
.free_zag_cont4 {
font-size: 55%;
margin-bottom: 20px;
line-height: 20px;
}
.free_zag_cont5 {
font-size: 45%;
margin-bottom: 10px;
line-height: 20px;
}
.free_button_cont {
margin-left: 0px;
text-align: center;
}
}
.free_banner_title {
color: #ffffff;
max-width: 460px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin: 0;
height: calc(100% - 96px);
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 26px;
line-height: 36px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.free_banner_title {
font-size: 32px;
/* padding-left: 5vw; */
}
}
.button.buy__button {
height: 40px;
padding: 0 15px;
}
.button__text__product {
color: #ffffff;
text-decoration: none;
font-size: 12px;
}
.product-catalog__product-item-wrap-cost {
margin-bottom: 0px;
}
.red_dost {
color: #9b2743!important;
text-decoration: none;
}
.zag_diliv {
margin-top: 25px;
max-width: 550px;
}
.zag_diliv1 {
font-size: 180%;
margin-bottom: 30px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
line-height: 60px;
}
.zag_diliv2 {
font-size: 120%;
margin-bottom: 10px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
line-height: 50px;
}
.zag_diliv3 {
font-size: 120%;
margin-bottom: 15px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.zag_diliv4 {
font-size: 60%;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.banner__title_diliv {
max-width: 800px;
color: #ffffff;
max-width: 460px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin: 0;
height: calc(100% - 96px);
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.zag_diliv {
margin-top: 30px;
padding: 20px;
background-color: #0000004f;
border-radius: 5px;
width: 100%;
}
.zag_diliv1 {
font-size: 160%;
margin-bottom: 28px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
line-height: 40px;
}
.zag_diliv2 {
font-size: 80%;
margin-bottom: 0px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
line-height: 30px;
}
.zag_diliv3 {
font-size: 80%;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
margin-bottom: 15px;
}
.zag_diliv4 {
font-size: 60%;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
line-height: 24px;
}
.banner__title_diliv {
font-size: 32px;
}
}
/*Видео продукция*/
.video_steingot_o_zavode_pro {
/* margin-left: 94px; */
margin-top: 32px;
margin-bottom: 32px;
}
.about__img_description_pro {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
color: #333f48;
margin-bottom: 10px;
font-size: 19px;
line-height: 28px;
width: 100%;
}
.video__img-steingot_pro {
position: relative;
width: 100%;
}
.about__img_pro {
overflow: hidden;
}
.about__img_pro img {
width: 100%;
}
@media screen and (max-width: 1279px) and (min-width: 1025px) {
.video_steingot_o_zavode_pro {
/* margin-left: 71px; */
}
}
@media screen and (max-width: 1024px) and (min-width: 320px) {
.video_steingot_o_zavode_pro {
max-width: 408px;
}
.video__img-steingot_pro {
position: relative;
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.about__img_pro{
position: relative;
max-width: 100%;
height: 420px;
overflow: hidden;
margin-top: 20px;
}
.about__img_pro img {
height: auto;
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.about__img_pro{
height: auto;
}
.video_steingot_o_zavode_pro {
margin-left: 0px;
}
.about__img_pro img {
height: auto;
width: 100%;
}
}
/*каталог новинка*/
.product-catalog__product-item-bestseller2 {
width: 56px;
height: 56px;
top: 6px;
left: -6px;
position: absolute;
z-index: 2;
color: #ffffff;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 12px;
line-height: 14px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.hit_top {
width: 100%;
}
/*выделение в шабке прайсов*/
.header-top__item2 {
font-size: 12px;
color: #ffffff;
margin: 0 0px;
cursor: pointer;
text-decoration: none;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
background-color: #9b2743;
padding: 3px 15px;
/* border-radius: 5px; */
}
.header-top__item2 a {
text-decoration: none;
}
.header-top__item2 > * {
color: rgb(255, 255, 255);
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;;
}
.header-top__item2:hover {
background-color: #802037;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.header-top__item2 {
margin: 0 5px;
white-space: nowrap;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.header-top__item2 {
padding: 5px 0;
margin: 0 0 1.3vh 0;
font-size: 14px;
}
.header-top__item2 span {
margin: 0 15px;
}
}
/*социальные footer*/
.soc_icon_footer_inst img {
width: 18px;
background: #d6249f;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
color: #fff;
padding: 8px;
border-radius:5px;
}
.soc_icon_footer_inst img:hover {
background: #ad2081;
background: radial-gradient(circle at 30% 107%, #efe68e 0%, #ece48a 5%, #d04d40 45%,#bb218b 60%,#224ecc 90%);
}
.soc_icon_footer_fb img {
width: 18px;
background: #3b5998;
color: #fff;
padding: 8px;
border-radius:5px;
}
.soc_icon_footer_fb img:hover {
background: #375390;
}
.soc_icon_footer_vk img {
width: 18px;
background: #4a76a8;
color: #fff;
padding: 8px;
border-radius:5px;
}
.soc_icon_footer_vk img:hover {
background: #375390;
}
.soc_icon_footer_youtube img {
width: 18px;
background: #ff0000;
color: #fff;
padding: 8px;
border-radius:5px;
}
.soc_icon_footer_youtube img:hover {
background: #d80000;
}
.soc_icon_footer_pin img {
width: 18px;
background: #e60023;
color: #fff;
padding: 8px;
border-radius:5px;
}
.soc_icon_footer_pin img:hover {
background: #d00020;
}
.soc_icon_footer_fb {
padding-right: 10px;
}
.soc_icon_footer_vk {
padding-right: 10px;
}
.soc_icon_footer_inst {
padding-right: 10px;
}
.soc_icon_footer_youtube {
padding-right: 10px;
}
.soc_icon_footer_pin {
padding-right: 10px;
}
.soc_icon_footer_cont {
/* margin-top: 44px; */
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.footer_icon_share {
width: 100%;
padding-bottom:20px;
}
.footer__link_social {
line-height: 24px;
position: relative;
margin: 7px 0;
}
.footer__link_social span {
fill: currentColor;
width: 14px;
height: 22px;
color: #2d2d2d;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.footer__link_social {
line-height: 24px;
position: relative;
margin: 7px 0;
}
.footer__link_social span {
position: absolute;
top: 50%;
left: -30px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/*Баннер 2 поддона*/
.zag_diliv_2x {
margin-top: 25px;
}
.banner__title_diliv_2x {
color: #ffffff;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin: 0;
height: calc(100% - 96px);
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.zag_diliv2_2x {
font-size: 120%;
margin-bottom: 20px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
line-height: 50px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.zag_diliv_2x {
margin-top: 30px;
padding: 20px;
background-color: #0000004f;
border-radius: 5px;
width: 100%;
}
.banner__title_diliv_2x {
font-size: 32px;
}
.zag_diliv2_2x {
font-size: 80%;
margin-bottom: 0px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
line-height: 30px;
}
}
.d_form {
max-width: 900px;
margin: 0 auto;
}
.amo_text_form {
font-size: 12px;
margin-bottom: 30px;
color: #788996;
font-weight: 400;
position: relative;
/* bottom: 125px; */
margin-left: 25px;
animation:anim 5s;
animation-duration:0.1s;
}
@keyframes anim {
from {left:-3%;}
to {left:0;}
}
.amo_text_form a {
color: #788996;
text-decoration: underline;
}
.text_d_form_red {
color: #9b2743;
}
.brand_steingot {
position: relative;
font-size: 14px;
padding-right: 10px;
margin-top: 10px;
}
@media screen and (min-width: 1024px) {
.product-catalog__product-items-subtitle:first-of-type {
max-width: 75%;
}
}
.ymaps-2-1-77-gototech {
display: none!important;
}
.email_none {
font-size: 1px;
color:transparent;
}
.tags_details_st a {
text-decoration: none;
color: #333f48;
font-family: 'GothamProBold', sans-serif;
font-size: 11px;
line-height: 24px;
text-transform: uppercase;
margin-bottom: 14px;
cursor: pointer;
margin-left: 6px;
display: inline-block;
}
.tags_details_st a:before {
content: "#";
color: #333f48;
}
.tags_details_st a:hover {
color: #9b2743;
}
.tags_details_st a:hover:before {
color: #9b2743;
}
.spb_seo_bottom_text {
margin-top: 50px;
}
#promo_dost2 {
margin-bottom: 40px;
}
.garanty_href_podrobnee {
font-weight: 700;
font-size: 120%;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
#placeholder_two_line {
top: 3px;
padding-right: 10px;
}
.input-two-line {
margin-top: 40px;
}
.input-block__placeholder--animate {
transform: translate(-20px, -38px);
}
}
.ukladka-modal {
width: 100%;
}
.footer_logistics {
padding-bottom: 5px;
}
/*для каталога новая разметка*/
.product-item_background {
background: #eeeff0;
position: relative;
text-decoration: none;
color: #333f48;
width: 31%;
margin-right: 2%;
margin-bottom: 16px;
}
.button_20 {
position: relative;
width: 100%;
font-size: 11px;
text-transform: uppercase;
color: #9b2743;
display: block;
text-align: center;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
height: 40px;
padding: 0 15px;
display: flex;
align-items: center;
justify-content: center;
}
.button_20 a {
color: #9b2743;
}
.button.buy__button {
height: 40px;
padding: 0 15px;
margin: 0 auto;
width: 80%;
}
.product-catalog__product-item {
position: relative;
padding: 0 0px 30px;
text-decoration: none;
color: #333f48;
width: 100%;
margin-right: 2%;
box-sizing: border-box;
bottom: 10px;
}
.product-catalog__product-item-name {
margin-left: 20px;
min-height: 70px;
max-width: 85%;
}
.product-catalog__product-item-wrap-cost {
margin-left: 20px;
min-height: 100px;
}
.button_20 a:hover {
color: #9b2743;
}
.button_20 a:active {
color: #9b2743;
}
.button_20 a:link {
color: #9b2743;
}
.button_20 a:visited {
color: #9b2743;
}
.product-catalog__product-item-bestseller2 {
top: -2px;
left: -7px;
}
.product-catalog__product-item-bestseller {
top: -3px;
left: -5px;
}
.product-catalog__product-item-buttons {
flex-wrap: wrap;
}
.similar-products__item {
max-width: 480px;
width: 24%;
margin-right: 1.2%;
}
.product-item__promo_col_2 {
position: absolute;
top: 108%;
left: 0;
width: 100%;
display: flex;
}
.button.premium__coll {
height: 40px;
padding: 0 15px;
margin: 0 auto;
cursor: pointer;
background-color: #243f4f;
flex-grow: 1;
left: 0;
top: 0;
}
.product-item__promo_col_2_first {
position: relative;
margin-right: 28px;
left: 0;
top: 0;
height: 100%;
width: 64px;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.product-catalog__product-item-buttons .button:first-of-type {
width: 80%;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
.product-item__promo_col_2_first {
margin-right: 6px;
}
}
@media screen and (max-width: 1024px) {
.product-item__promo_col_2_first {
margin-right: 0px;
width: 0px;
}
.product-item__images {
margin-bottom: 60px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-item_background {
margin: 0;
padding: 0;
margin-bottom: 24px;
width: calc(50% - 5px);
}
.product-catalog__product-item-name {
margin-left: 0px;
min-height: 64px;
}
.product-catalog__product-item-wrap-cost {
margin-left: 0px;
}
.product-item_background {
margin: 0;
padding: 0;
margin-bottom: 14px;
width: calc(50% - 5px);
}
.product-catalog__product-item-bestseller2 {
width: 46px;
height: 46px;
bottom: 67%;
right: 78%;
}
.product-catalog__product-item-bestseller {
width: 46px;
height: 46px;
top: -4px;
left: -3px;
font-size: 10px;
line-height: 12px;
}
}
/*Карточка товара 15.07*/
.product-item__merits2 {
position: absolute;
top: 90%;
left: 94%;
}
@media screen and (max-width: 1024px) {
.product-item__merits2 {
position: absolute;
top: 90%;
left: 440px;
}
}
@media screen and (max-width: 768px) {
.product-item__merits2 {
position: absolute;
top: 87%;
left: 370px;
}
}
@media screen and (max-width: 420px) {
.product-item__merits2 {
position: absolute;
top: 82%;
left: 85%;
}
}
.product-item__images {
overflow: visible;
}
@media screen and (max-width: 420px) {
.product-item__promo_col_2 {
position: absolute;
top: 100%;
left: 0;
width: 100%;
}
.button.premium__coll {
height: 40px;
padding: 0 0px;
margin: 0 auto;
width: 100%;
}
.product-item__promo_col_2_first {
margin-right: 0px;
}
.product-item__images {
margin-bottom: 40px;
}
}
.product-catalog__product-item-bestseller_prod {
width: 56px;
height: 56px;
top: -3px;
left: -5px;
position: absolute;
z-index: 2;
color: #ffffff;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 12px;
line-height: 14px;
border-radius: 50%;
background: #243f4f;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.product-catalog__product-item-bestseller2_prod {
width: 56px;
height: 56px;
top: 1px;
left: -7px;
position: absolute;
z-index: 2;
color: #ffffff;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 12px;
line-height: 14px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__product-item-bestseller2_prod {
width: 48px;
height: 48px;
bottom: 67%;
right: 78%;
}
.product-catalog__product-item-bestseller_prod {
width: 48px;
height: 48px;
bottom: 87%;
right: 76%;
font-size: 10px;
line-height: 12px;
}
}
.october {
width: 58px;
height: 58px;
font-size: 10px;
padding: 8px;
}
@media screen and (max-width: 1288px) {
.october {
width: 40px;
height: 40px;
font-size: 8px;
padding: 10px;
}
}
@media screen and (max-width: 768px) {
.october {
width: 38px;
height: 38px;
font-size: 8px;
padding: 10px;
}
}
.october_main {
font-size: 8px;
padding: 1px;
}
@media screen and (max-width: 768px) {
.october_main {
font-size: 6px;
padding: 1px;
}
}
.product-catalog__product-item-tip {
margin-top: 15px;
font-size: 14px;
line-height: 20px;
font-weight: 300;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
margin-left: 20px;
/*min-height: 70px;*/
max-width: 85%;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__product-item-tip {
line-height: 16px;
margin-top: 12px;
font-size: 12px;
text-align: center;
padding: 0 6px;
letter-spacing: -0.4px;
margin-left: 0px;
max-width: 100%;
/* min-height: 64px; */
}
}
.where-buy__address {
max-width: 390px;
}
.ymaps-2-1-79-gototech {
display: none !important;
}
/*не работаем*/
.alert {
padding: 60px 20px;
background-color: red;
color: white;
text-align: center;
font-size: 120%;
}
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.closebtn:hover {
color: black;
}
.soc_icon_footer_telegram img {
width: 18px;
height: 18px;
background: #10AADC;
color: #fff;
padding: 8px;
border-radius:5px;
}
.soc_icon_footer_telegram img:hover {
background: #1995bd;
}
.news-preview-bitsu {
font-size:14px;
color: #333f48;
}
.news-preview-bitsu:active {
font-size:14px;
color: #333f48;
}
.news-preview-bitsu:hover {
font-size:14px;
color: #333f48;
}
.fancybox-ms {
text-decoration: none;
}
.news-discription-cont {
margin-bottom: 40px;
}
.margin_news_title {
margin: 15px 0 15px;
}
/*Скругление углов*/
.main-page-video-cont {
margin-top: 50px
}
.product-catalog__product-items {
padding: 10px;
}
.js-items {
padding:10px;
}
.product-item_background {
border-radius: 20px;
}
/*.button {
border-radius: 10px;
}*/
.button.buy__button {
border-radius: 10px;
}
.button_download {
border-radius: 10px;
}
.make-order__button-submit {
border-radius: 10px;
}
.order-popup__button {
border-radius: 10px;
}
.product-item__button-order {
border-radius: 10px;
}
.call-me-modal__button-submit {
border-radius: 10px;
}
.object__wrap-btn-button {
border-radius: 10px;
}
.product-catalog__product-item-img img {
width: 95%;
height: auto;
border-radius: 20px;
margin-top: 6px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-catalog__product-item-img img {
width: 95%;
height: auto;
border-radius: 20px;
margin-top: 14px;
}
}
.article-selection__article-img {
border-radius: 20px;
}
.where-buy__button {
border-radius: 10px 10px 0px 0px;
}
.object-gallery__item-img img {
border-radius: 20px;
}
.object__material-img {
border-radius: 10px;
}
.product-item__image {
border-radius: 10px;
}
.fancybox-content {
border-radius: 10px;
}
.object__image img {
border-radius: 10px;
}
.object__image-nav {
border-radius: 10px;
}
.swiper_cont-main {
padding: 20px;
}
@media screen and (min-width: 1121px) and (max-width: 1279px) {
.swiper_cont-main {
margin-top: 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
.swiper_cont-main {
margin-top: 40px;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.swiper_cont-main {
margin-top: 0px;
}
}
.mySwiper-new-form-main {
border-radius: 40px 40px 40px 40px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.mySwiper-new-form-main {
border-radius: 40px 40px 0px 0px;
}
.swiper_cont-main {
padding: 10px;
}
}
.swiper-button-prev {
border-radius: 5px;
}
.swiper-button-next {
border-radius: 5px;
}
.header-bottom__menu-counter {
border-radius: 4px;
}
.header-top__item2 {
border-radius: 5px;
}
.about__img2 {
border-radius: 20px;
}
.laws__number {
border-radius: 5px;
}
.reviews__item {
border-radius: 20px;
}
.reviews__item-wrap {
border-radius: 20px;
}
.product-catalog__price-input {
border-radius: 5px;
}
.stein_full_img {
border-radius: 20px;
}
.stein_diz_new_cmix img {
border-radius: 20px;
}
.incut2 {
border-radius:20px;
}
.incut {
border-radius:20px;
}
.region-modal__button {
border-radius: 10px;
}
.region-modal__input {
border-radius: 5px;
}
.input {
border-radius: 5px;
}
.personal-data__textarea {
border-radius: 5px;
}
.buy__item-img img {
border-radius: 10px;
}
.message_cont {
padding: 0 0 30px;
text-align: center;
}
.message_cont p {
font-size: 34px;
line-height: 44px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.message_cont {
padding: 0 0 20px;
text-align: center;
}
.message_cont p {
font-size: 16px;
line-height: 24px;
}
}
.product-item__info-subtitle-cont {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
}
.product-item__info-color {
min-width: 30px;
height: 30px;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.product-item__info-block {
padding: 13px 0;
}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
.product-item__info-subtitle {
margin-top: 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.product-item__info-color {
margin-bottom: 15px;
}
.product-item__info-colors {
flex-wrap: wrap;
max-width: 210px;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.buy__item-price b {
margin-right:5px;
}
}
/* End */
/* Start:/local/templates/main/styles/preloader.css?17485472161905*/
.preloader{
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 100%;
/*height: 100%;*/
z-index: 99999;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
background-color: #ffffff;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.preloader{
min-width: 100vw;
right: 0;
}
}
.items {
position: absolute;
top: calc(50% - 11px);
left: calc(50% - 15px);
width: 30px;
height: 22px;
text-align: center;
margin: 0 auto;
}
@keyframes animationItem {
0% {
transform: rotate(0deg);
}
70% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
.item {
position: absolute;
display: inline-block;
width: 40px;
height: 22px;
/*background-color: grey;*/
animation: animationItem 2s infinite;
background-color: #9b2743;
}
.item:nth-child(1) {
animation-delay: 0s;
transform-origin: -4px -2px;
left: -12px;
top: -2px;
}
.item:nth-child(2) {
animation-delay: 0.25s;
transform-origin: 38px -2px;
left: 100%;
top: -2px;
}
.item:nth-child(3) {
animation-delay: 0.5s;
transform-origin: 20px 100%;
left: 22px;
top: 100%;
}
.item:nth-child(4) {
animation-delay: 0.75s;
transform-origin: -22px 100%;
left: -20px;
top: 100%;
}
/*____________________________________________________________________*/
.preloader__line{
position: relative;
margin: 0 40px;
display: block;
box-sizing: content-box;
width: 100%;
height: 6px;
background-color: #aaaaaa;
}
/* End */
/* Start:/local/templates/main/styles/jquery.selectBox.css?17485472163562*/
/* Dropdown control */
.selectBox-dropdown {
min-width: 150px;
position: relative;
border: solid 1px #BBB;
line-height: 1.5;
text-decoration: none;
text-align: left;
color: #000;
outline: none;
vertical-align: middle;
background: #F2F2F2;
background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: inline-block;
cursor: default;
}
.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
border-color: #666;
}
.selectBox-dropdown.selectBox-menuShowing {
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.selectBox-dropdown .selectBox-label {
padding: 2px 8px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
.selectBox-dropdown .selectBox-arrow {
position: absolute;
top: 0;
right: 0;
width: 23px;
height: 100%;
background: url(/local/templates/main/styles/jquery.selectBox-arrow.gif) 50% center no-repeat;
border-left: solid 1px #BBB;
}
/* Dropdown menu */
.selectBox-dropdown-menu {
position: absolute;
z-index: 99999;
max-height: 200px;
min-height: 1em;
border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */
background: #FFF;
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
overflow: auto;
-webkit-overflow-scrolling: touch;
}
/* Inline control */
.selectBox-inline {
min-width: 150px;
outline: none;
border: solid 1px #BBB;
background: #FFF;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: auto;
}
.selectBox-inline:focus {
border-color: #666;
}
/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
list-style: none;
display: block;
cursor: default;
padding: 0;
margin: 0;
}
.selectBox-options LI A {
line-height: 1.5;
padding: 0 .5em;
white-space: nowrap;
overflow: hidden;
background: 6px center no-repeat;
}
.selectBox-options LI.selectBox-hover A {
background-color: #EEE;
}
.selectBox-options LI.selectBox-disabled A {
color: #888;
background-color: transparent;
}
.selectBox-options LI.selectBox-selected A {
background-color: #C8DEF4;
}
.selectBox-options .selectBox-optgroup {
color: #666;
background: #EEE;
font-weight: bold;
line-height: 1.5;
padding: 0 .3em;
white-space: nowrap;
}
/* Disabled state */
.selectBox.selectBox-disabled {
color: #888 !important;
}
.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
opacity: .5;
filter: alpha(opacity=50);
border-color: #666;
}
.selectBox-inline.selectBox-disabled {
color: #888 !important;
}
.selectBox-inline.selectBox-disabled .selectBox-options A {
background-color: transparent !important;
}
/* End */
/* Start:/local/templates/main/styles/admin_style.css?174854721634888*/
/*Стили статей*/
.stein_v {
color: #9b2743;
font-weight: bold;
}
/*таблица*/
.stein_tab {
padding: 0px 10px 15px 10px;
font-size: 14px;
}
.simple-little-table {
background: rgba(255, 255, 255, 0);
border: none;
border-bottom: 1px solid #F9F2F2;
border-collapse: separate;
border-radius: 0px;
}
.simple-little-table th:first-child {
text-align: left;
padding-left: 20px;
}
.simple-little-table th,
.simple-little-table tr:first-child td,
.simple-little-table tr:first-child:hover td,
.table-tr-header-class-1a {
border-bottom: 1px solid #9E9E9E;
border-top: 1px solid #9E9E9E;
border-right: 1px solid #9E9E9E;
font-weight: bold;
}
.simple-little-table tr {
text-align: center;
padding-left: 20px;
background: rgba(255, 255, 255, 0);
}
.simple-little-table tr td:first-child {
text-align: left;
border-left: 1px solid #9E9E9E;
}
.simple-little-table tr td {
/* border-top: 1px solid #ffffff; */
border-bottom: 1px solid #9E9E9E;
border-left: 1px solid #ffffff;
border-right: 1px solid #9E9E9E;
padding: 10px;
height: 30px;
}
/*.simple-little-table tr:nth-child(even) td {
background: rgb(248, 248, 248);
}*/
.simple-little-table tr:last-child td {
}
.simple-little-table tr:hover td {
background: rgba(51, 63, 72, 0.04);
}
.simple-little-table a:link {
color: #666;
font-weight: bold;
text-decoration: none;
}
.simple-little-table a:visited {
color: #999999;
font-weight: bold;
text-decoration: none;
}
.simple-little-table a:active,
.simple-little-table a:hover {
color: #9b2743;
text-decoration: underline;
}
@media screen and (max-width: 490px) {
.simple-little-table {
overflow-x: scroll;
display: block;
}
}
.stein_img_full img {
width: 100%;
padding: 10px 0px 15px 0px;
/* max-width: 720px */
}
@media screen and (max-width: 490px) {
.stein_img_full img {
padding: 10px 0px;
}
}
.stein_img_full {
text-align: center;
}
.stein_cit {
font-style: italic; /* Курсивное начертание */
}
.stein_cit {
/* background: #dadcde; */
padding: 20px;
margin-bottom: 15px;
font-style: italic; /* Курсивное начертание */
}
/*Карттинки*/
.image1 {
overflow: hidden;
width: 100%;
height: 100%;
}
/* .image1 img {
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
}
.image1 img:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
} */
.kolonki12 {
width: 100%;
display: inline-block;
margin: 20px 0px 0px 0px;
}
.kolonki12 p {
text-align: justify;
}
.rightimg {
float: right;
margin: 7px 0 7px 25px;
width: 45%;
}
@media screen and (max-width: 767px) {
.rightimg {
float: right;
margin: 7px 0 7px 7px;
width: 100%;
}
}
/*Читайте также*/
.rmhold {
width: 100%;
padding-left: 105px;
box-sizing: border-box;
display: block;
margin-bottom: 40px;
margin-top: 10px;
/* padding-bottom: 40px; */
}
.text .rmhold {
width: 100%;
padding-left: 105px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
margin-bottom: 40px;
margin-top: 40px;
/* padding-bottom: 40px; */
}
.readblogmore {
padding-left: 145px;
padding-right: 30px;
display: block;
border: 1px solid #cdcdcd;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 188px;
padding-top: 95px;
padding-bottom: 15px;
}
.readmore {
position: absolute;
top: 30px;
left: 145px;
color: white;
background-color: rgb(155, 39, 67);
font-size: 20px;
padding: 8px 15px;
font-weight: bold;
}
.readblogmore a:first-of-type {
position: absolute;
width: 210px;
height: 158px;
display: block;
top: 50%;
border: none;
left: -105px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
/* background-image: url(/upload/137/statya_01.jpg); */
}
.readblogmore a:last-of-type {
font-weight: 700;
font-size: 20px;
color: #333;
text-decoration: none;
border-bottom: 1px solid;
}
.readblogmore a:last-of-type:hover {
border-bottom: 1px solid transparent;
}
@media screen and (max-width: 640px) {
.readblogmore a:first-of-type {
display: none;
}
.text .rmhold, .rmhold {
padding-left: 0px;
}
.readblogmore {
padding-left: 15px;
padding-right: 15px;
padding-top: 55px;
padding-bottom: 30px;
min-height: auto;
}
.readmore {
top: -10px;
left: 15px;
}
}
/*кстати*/
.wide {
width: 100%;
text-align: center;
}
.stein_diz {
position: relative;
padding-bottom: 10px;
display: inline-block;
margin: auto;
margin-top: 25px;
}
.stein_diz img {
display: block;
height: auto;
max-width: calc(100% - 2px);
border: 1px solid #ccc;
margin: auto;
}
.stein_diz_nobord {
position: relative;
padding-bottom: 10px;
display: inline-block;
margin: auto;
margin-top: 25px;
}
.stein_diz_nobord img {
display: block;
height: auto;
max-width: calc(100% - 2px);
margin: auto;
}
.capt {
display: block;
font-style: italic;
box-sizing: border-box;
padding: 15px 0 25px;
text-align: center;
float: none;
margin: auto;
text-align: left;
color: #999999;
}
/*Цитата*/
.incut {
margin: 20px 0 40px;
background: #d3d7dc7a;
position: relative;
display: block;
/*font-family: 'amazing_grotesk_book', Arial;
font-size: 18px;
line-height: 1.5em;*/
padding: 38px 130px 38px 145px;
clear: both;
}
.incut::before {
content: '';
display: inline-block;
width: 55px;
height: 44px;
background-image: url("/upload/137/steigot_dog_01.svg");
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
position: absolute;
left: 80px;
}
@media screen and (max-width: 640px) {
.incut:before {
top: 13px;
left: 10px;
}
.incut {
padding: 65px 20px 25px;
}
}
/*список*/
.stein_list:before {
content: '';
display: inline-block;
margin-right: 10px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 2px solid #9b2743;
width: 10px;
height: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.stein_list {
list-style: none;
}
.stein_marc {
list-style-type: none; /* Убираем исходные маркеры */
counter-reset: num; /* Задаём имя счетчика */
}
.stein_num::before {
content: counter(num) '. '; /* Выводим число */
counter-increment: num; /* Увеличиваем значение счётчика */
font-style: italic;
font-size: 20px;
font-weight: 700;
color: #9b2743;
}
.stein_main img {
width: 100%;
height: auto;
}
.stein_main img {
width: 100%;
height: auto;
}
/*таблица тест*/
.stein_tab {
padding: 0px 10px 15px 10px;
font-size: 14px;
}
.ukladka-little-table {
background: rgba(255, 255, 255, 0);
border: none;
border-bottom: 1px solid #F9F2F2;
border-collapse: separate;
border-radius: 0px;
}
.ukladka-little-table th:first-child {
text-align: left;
padding-left: 20px;
}
.ukladka-little-table th,
.ukladka-little-table tr:first-child td,
.ukladka-little-table tr:first-child:hover td,
.table-tr-header-class-1a {
border-bottom: 1px solid #9E9E9E;
border-top: 1px solid #9E9E9E;
border-right: 1px solid #9E9E9E;
}
.ukladka-little-table tr {
text-align: center;
padding-left: 20px;
background: rgba(255, 255, 255, 0);
}
.ukladka-little-table tr td:first-child {
text-align: left;
border-left: 1px solid #9E9E9E;
font-weight: bold;
}
.ukladka-little-table tr td {
/* border-top: 1px solid #ffffff; */
border-bottom: 1px solid #9E9E9E;
border-left: 1px solid #ffffff;
border-right: 1px solid #9E9E9E;
padding: 10px;
height: 30px;
}
/*.ukladka-little-table tr:nth-child(even) td {
background: rgb(248, 248, 248);
}*/
.ukladka-little-table tr:last-child td {
}
.ukladka-little-table tr:hover td {
background: rgba(51, 63, 72, 0.04);
}
.ukladka-little-table a:link {
color: #666;
font-weight: bold;
text-decoration: none;
}
.ukladka-little-table a:visited {
color: #999999;
font-weight: bold;
text-decoration: none;
}
.ukladka-little-table a:active,
.ukladka-little-table a:hover {
color: #9b2743;
text-decoration: underline;
}
@media screen and (max-width: 490px) {
.ukladka-little-table {
overflow-x: scroll;
display: block;
}
}
/*Таблица Доставка*/
.dev-little-table tr:first-child td {
border-bottom: 1px solid #9E9E9E;
}
.dev-little-table tr:first-child {
color: #ffffff;
}
.dev-little-table tr td:first-child {
text-align: left;
font-weight: bold;
color: #333f48
}
.dev-little-table tr td:last-child {
border-right: 1px solid #ffffff;
}
.dev-little-table tr td {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #9E9E9E;
}
.dev-little-table td {
min-width: 70px;
font-size: 13px;
}
@media screen and (max-width: 1190px) {
.dev-little-table td {
min-width: 70px;
font-size: 13px;
}
.dev-little-table {
overflow-x: scroll;
display: block;
}
}
.dev_td1 {
background-color: #9b2743;
}
.dev_td2 {
background-color: #a93b4e;
}
.dev_td3 {
background-color: #b96069;
}
.dev_td4 {
background-color: #c78285;
}
.dev_td5 {
background-color: #d8a8a7;
}
/*Страница Proof&clean*/
.proof_banner {
position: relative;
display: block;
width: 100%; /* for IE 6 */
}
.proof_img {
position: relative;
width: 100%; /* for IE 6 */
}
.proof_des {
position: absolute;
bottom: 26px;
left: 50px;
width: 100%;
font-size: 80px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
color: #ffffff;
line-height: 90%;
}
.proof_des span {
font-size: 30px;
font-family: 'GothamPro'
}
.kolonki2 {
width: 60%;
float: left;
padding: 5px 5px 5px 5px;
margin-bottom: 20px;
}
.kolonki1 {
width: 35%;
float: right;
padding: 5px 5px 5px 5px;
padding-top: 10%
}
.kolonki4 {
width: 67%;
float: left;
padding: 5px 5px 5px 5px;
}
.kolonki3 {
width: 30%;
float: right;
padding: 5px 5px 5px 5px;
padding-top: 15%
}
.proof_sp {
width: 100%;
display: inline-block;
margin: 20px 0px 20px 0px;
}
.proof_sp2 {
width: 100%;
margin: auto;
max-width: 920px;
}
.proof_of {
width: 100%;
display: inline-block;
margin: 20px 0px 20px 0px;
max-width: 920px;
}
.proof_main {
margin: auto;
max-width: 920px;
}
.stein_pr {
font-style: italic;
font-size: 110%;
font-weight: bold;
}
@media screen and (max-width: 900px) {
.proof_des {
position: absolute;
bottom: 0px;
left: 40px;
line-height: 80%;
width: 100%;
font-size: 60px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
color: #ffffff;
}
.proof_des span {
font-size: 22px;
}
}
@media screen and (max-width: 600px) {
.kolonki2 {
width: 100%;
margin-bottom: 0px;
}
.kolonki1 {
width: 90%;
padding-top: 0%;
padding-bottom: 20px;
}
.kolonki4 {
width: 100%;
}
.kolonki3 {
width: 90%;
}
.proof_des {
position: absolute;
bottom: 0px;
left: 10px;
width: 100%;
font-size: 30px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
color: #ffffff;
line-height: 90%;
}
.proof_des span {
font-size: 16px;
}
.proof_sp {
width: 100%;
display: inline-block;
margin: 20px 0px 20px 0px;
}
}
.h_proof a {
text-decoration: none;
color: #9b2743;
font-family: 'GothamProBold'
}
.h_proof {
font-family: 'GothamProBold'
}
.stein_ul_proof li {
font-size: 16px;
}
/*Что такое*/
.stein_proof_d {
color: #9b2743;
font-family: 'GothamProBold';
font-size: 20px;
font-weight: 800;
}
.container_proof {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.video_proof {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*статья по уходу*/
/*Для ухода*/
.stein_instr_1, .stein_instr_2, .stein_instr_3, .stein_instr_4, .stein_instr_5, .stein_instr_6, .stein_instr_7, .stein_instr_8, .stein_instr_9, .stein_instr_10, .stein_instr_11, .stein_instr_12 {
margin: 20px 0 40px;
background: #d3d7dc7a;
position: relative;
display: block;
padding: 18px 130px 18px 145px;
clear: both;
min-height: 65px;
}
.stein_instr_1::before, .stein_instr_2::before, .stein_instr_3::before, .stein_instr_4::before, .stein_instr_5::before, .stein_instr_6::before, .stein_instr_7::before, .stein_instr_8::before, .stein_instr_9::before, .stein_instr_10::before, .stein_instr_11::before, .stein_instr_12::before {
content: '';
display: inline-block;
width: 65px;
height: 65px;
background-image: url("/upload/137/steigot_dog_01.svg");
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
position: absolute;
left: 40px;
}
.stein_instr_1::before {
background-image: url("/upload/137/instr_1.svg");
}
.stein_instr_2::before {
background-image: url("/upload/137/instr_2.svg");
}
.stein_instr_3::before {
background-image: url("/upload/137/instr_3.svg");
}
.stein_instr_4::before {
background-image: url("/upload/137/instr_4.svg");
}
.stein_instr_5::before {
background-image: url("/upload/137/instr_5.svg");
}
.stein_instr_6::before {
background-image: url("/upload/137/instr_6.svg");
}
.stein_instr_7::before {
background-image: url("/upload/137/instr_7.svg");
}
.stein_instr_8::before {
background-image: url("/upload/137/instr_8.svg");
}
.stein_instr_9::before {
background-image: url("/upload/137/instr_9.svg");
}
.stein_instr_10::before {
background-image: url("/upload/137/instr_10.svg");
}
.stein_instr_11::before {
background-image: url("/upload/137/instr_11.svg");
}
.stein_instr_12::before {
background-image: url("/upload/137/instr_12.svg");
}
.stein_instr_7 {
min-height: 65px;
}
@media screen and (max-width: 640px) {
.stein_instr_1::before, .stein_instr_2::before, .stein_instr_3::before, .stein_instr_4::before, .stein_instr_5::before, .stein_instr_6::before, .stein_instr_7::before, .stein_instr_8::before, .stein_instr_9::before, .stein_instr_10::before, .stein_instr_11::before, .stein_instr_12:before {
top: 13px;
left: 10px;
width: 55px;
height: 44px;
}
.stein_instr_1, .stein_instr_2, .stein_instr_3, .stein_instr_4, .stein_instr_5, .stein_instr_6, .stein_instr_7, .stein_instr_8, .stein_instr_9, .stein_instr_10, .stein_instr_11, .stein_instr_12 {
padding: 65px 20px 25px;
}
}
.stein_zak_d {
font-size: 14px;
line-height: 24px;
color: #9b2743;
font-weight: 700;
}
/*Doroga*/
.banner.hover-carousel {
overflow-x: hidden;
background-color: transparent;
background-repeat: repeat-x;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
animation-duration: 120s !important;
animation-timing-function: linear;
animation-delay: 0s;
animation-direction: normal;
animation-fill-mode: none;
animation-iteration-count: infinite;
animation-play-state: running;
animation-name: animatedBackground;
-moz-animation-name: animatedBackground;
-moz-animation-duration: 120s !important;
-moz-animation-timing-function: linear;
-moz-animation-delay: 0s;
-moz-animation-direction: normal;
-moz-animation-fill-mode: none;
-moz-animation-iteration-count: infinite;
-moz-animation-play-state: running;
height: 120px;
margin-bottom: 30px;
margin-top: 30px;
/* -webkit-animation-name: animatedBackground; */
/* -webkit-animation-duration: 120s !important; */
/* -webkit-animation-timing-function: linear; */
/* -webkit-animation-delay: 0s; */
/* -webkit-animation-direction: normal; */
/* -webkit-animation-fill-mode: none; */
/* -webkit-animation-iteration-count: infinite; */
/* -webkit-animation-play-state: running; */
}
.banner .banner-image {
z-index: 2;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
}
.banner.hover-lax .banner-image {
overflow: hidden;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
}
@keyframes animatedBackground {
0% {
background-position: 0 0;
}
100% {
background-position: -3000px 0;
}
}
.banner-wrapper {
position: relative;
}
/*Видео в статьях*/
.frame_youtube_arc {
overflow:hidden;
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
margin-bottom: 30px;
margin-top: 30px;
}
.frame_youtube_arc iframe {
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
}
/*Статья Идеи дизайна*/
.stein_idei_1, .stein_idei_2, .stein_idei_3, .stein_idei_4, .stein_idei_5, .stein_idei_6, .stein_idei_7, .stein_idei_8, .stein_idei_9, .stein_idei_10, .stein_idei_11, .stein_idei_12, .stein_idei_13 {
margin: 20px 0 40px;
background: #d3d7dc7a;
position: relative;
display: block;
padding: 18px 130px 18px 145px;
clear: both;
min-height: 65px;
}
.stein_idei_1::before, .stein_idei_2::before, .stein_idei_3::before, .stein_idei_4::before, .stein_idei_5::before, .stein_idei_6::before, .stein_idei_7::before, .stein_idei_8::before, .stein_idei_9::before, .stein_idei_10::before, .stein_idei_11::before, .stein_idei_12::before, .stein_idei_13::before {
content: '';
display: inline-block;
width: 55px;
height: 55px;
background-image: url("/upload/137/steigot_dog_01.svg");
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
position: absolute;
left: 40px;
}
.stein_idei_1::before {
background-image: url("/local/templates/main/img/idei-dizayna/idei_1.svg");
}
.stein_idei_2::before {
background-image: url("/local/templates/main/img/idei-dizayna/idei_2.svg");
}
.stein_idei_3::before {
background-image: url("/local/templates/main/img/idei-dizayna/idei_3.svg");
}
.stein_idei_4::before {
background-image: url("/local/templates/main/img/idei-dizayna/idei_4.svg");
}
.stein_idei_5::before {
background-image: url("/local/templates/main/img/idei-dizayna/idei_5.svg");
}
.stein_idei_6::before {
background-image: url("/local/templates/main/img/idei-dizayna/idei_6.svg");
}
.stein_idei_7::before {
background-image: url("/local/templates/main/img/idei-dizayna/idei_7.svg");
}
.stein_idei_8::before {
background-image: url("/local/templates/main/img/idei-dizayna/idei_8.svg");
}
.stein_idei_9::before {
background-image: url("/local/templates/main/img/idei-dizayna/idei_9.svg");
}
.stein_idei_10::before {
background-image: url("/local/templates/main/img/idei-dizayna/idei_10.svg");
}
.stein_idei_11::before {
background-image: url("/local/templates/main/img/idei-dizayna/idei_11.svg");
}
.stein_idei_12::before {
background-image: url("/local/templates/main/img/idei-dizayna/idei_12.svg");
}
.stein_idei_13::before {
background-image: url("/local/templates/main/img/idei-dizayna/idei_13.svg");
}
.stein_idei_7 {
min-height: 65px;
}
@media screen and (max-width: 640px) {
.stein_idei_1::before, .stein_idei_2::before, .stein_idei_3::before, .stein_idei_4::before, .stein_idei_5::before, .stein_idei_6::before, .stein_idei_7::before, .stein_idei_8::before, .stein_idei_9::before, .stein_idei_10::before, .stein_idei_11::before, .stein_idei_12:before, .stein_idei_13:before {
top: 13px;
left: 10px;
width: 55px;
height: 44px;
}
.stein_idei_1, .stein_idei_2, .stein_idei_3, .stein_idei_4, .stein_idei_5, .stein_idei_6, .stein_idei_7, .stein_idei_8, .stein_idei_9, .stein_idei_10, .stein_idei_11, .stein_idei_12, .stein_idei_13 {
padding: 65px 20px 25px;
}
}
/*Статья идеи для дизайна картинки*/
.capt2 {
display: none;
}
.two_coll_st {
margin: 20px 0 30px;
position: relative;
display: block;
}
.stein_full_img {
width: 100%;
}
.stein_diz00 {
margin: 20px 0 30px;
}
.stein_diz2 {
width: 49.5%;
display: inline-block;
}
.stein_diz3 {
width: 49.5%;
display: inline-block;
}
.stein_diz4 {
width: 68.5%;
display: inline-block;
}
.stein_diz5 {
width: 30.5%;
display: inline-block;
}
.stein_diz6 {
width: 30.5%;
display: inline-block;
}
.stein_diz7 {
width: 68.5%;
display: inline-block;
}
.stein_diz8 {
width: 58%;
display: inline-block;
}
.stein_diz9 {
width: 41%;
display: inline-block;
}
.stein_diz10 {
width: 57%;
display: inline-block;
}
.stein_diz11 {
width: 42%;
display: inline-block;
}
.stein_diz12 {
width: 35%;
display: inline-block;
}
.stein_diz13 {
width: 64%;
display: inline-block;
}
.stein_diz14 {
width: 24%;
display: inline-block;
}
.stein_diz15 {
width: 75%;
display: inline-block;
}
.stein_diz16 {
width: 30.5%;
display: inline-block;
}
.stein_diz17 {
width: 68.5%;
display: inline-block;
}
@media screen and (max-width: 640px) {
.stein_diz00 {
margin: 0px;
}
.stein_diz2 {
width: 100%;
}
.stein_diz3 {
width: 100%;
}
.stein_diz4 {
width: 100%;
}
.stein_diz5 {
width: 100%;
}
.stein_diz6 {
width: 100%;
}
.stein_diz7 {
width: 100%;
}
.stein_diz8 {
width: 100%;
}
.stein_diz9 {
width: 100%;
}
.stein_diz10 {
width: 100%;
}
.stein_diz11 {
width: 100%;
}
.stein_diz12 {
width: 100%;
}
.stein_diz13 {
width: 100%;
}
.stein_diz14 {
width: 100%;
}
.stein_diz15 {
width: 100%;
}
.stein_diz16 {
width: 100%;
}
.stein_diz17 {
width: 100%;
}
.stein_full_img {
width: 100%;
margin: 20px 0 10px;
}
.two_coll_st {
margin: 0px;
}
}
/*Тендеции мощения*/
.stein_diz2-1 {
width: 32.5%;
display: inline-block;
}
.stein_diz3-1 {
width: 32.5%;
display: inline-block;
}
@media screen and (max-width: 640px) {
.stein_diz2-1 {
width: 100%;
}
.stein_diz3-1 {
width: 100%;
}
}
.stein_avtor {
text-align: right;
font-weight: 600;
}
/*bavariya*/
.stein_full_img_resize_2 {
width: 100%;
margin: 0 auto;
}
.stein_full_img_resize_cont_2 {
width: 100%;
max-width: 960px;
margin: 40px auto;
text-align: right;
}
.stein_full_img_resize_cont_2 a {
float: right;
}
.stein_full_img_resize_3 {
width: 100%;
margin: 0 auto;
}
.stein_full_img_resize_cont_3 {
width: 100%;
max-width: 600px;
margin: 40px auto;
text-align: right;
}
.stein_full_img_resize_cont_3 a {
float: right;
}
/*Premium_statya*/
.stein_premium_stat_1 {
width: 32.5%;
display: inline-block;
}
.stein_premium_stat_2 {
width: 32.5%;
display: inline-block;
}
.stein_premium_stat_1 img {
width: 50%;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.stein_premium_stat_2 img {
width: 50%;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
.stein_premium_stat_1 {
width: 30.5%;
}
.stein_premium_stat_2 {
width: 30.5%;
}
}
.vse_o_cont {
position: relative;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
color: #333f48;
}
.vse_o_text {
position: absolute;
top: 70px;
font-size: 20px;
z-index: 100;
left: 50%;
}
.vse_o_text2 {
position: absolute;
bottom: 70px;
font-size: 20px;
z-index: 100;
left: 40%;
}
.vse_o_text3 {
position: absolute;
top: 70px;
font-size: 20px;
z-index: 100;
left: 70px;
}
.vse_o_text4 {
position: absolute;
bottom: 155px;
font-size: 20px;
z-index: 100;
right: 165px;
background-color: #fff;
padding: 10px 20px 10px 20px;
}
@media screen and (max-width: 1206px) {
.vse_o_text3 {
position: absolute;
top: 70px;
font-size: 20px;
z-index: 100;
left: 70px;
}
.vse_o_text4 {
position: absolute;
bottom: 100px;
font-size: 20px;
z-index: 100;
right: 45px;
background-color: #fff;
padding: 10px 20px 10px 20px;
}
}
@media screen and (max-width: 768px) {
.vse_o_text2 {
position: absolute;
bottom: 65px;
font-size: 18px;
z-index: 100;
left: 0;
text-align:center;
width: 100%;
}
.vse_o_text {
position: absolute;
top: 50px;
font-size: 20px;
z-index: 100;
left: 50%;
}
.vse_o_text3 {
position: absolute;
top: 30px;
font-size: 20px;
z-index: 100;
left: 30px;
}
.vse_o_text4 {
position: absolute;
bottom: 35px;
font-size: 20px;
z-index: 100;
right: 25px;
background-color: #fff;
padding: 10px 20px 10px 20px;
}
}
@media screen and (max-width: 599px) {
.vse_o_text2 {
position: absolute;
bottom: 55px;
font-size: 14px;
z-index: 100;
left: 0;
text-align:center;
width: 100%;
}
.vse_o_text {
position: absolute;
top: 40px;
font-size: 14px;
z-index: 100;
left: 50%;
}
.vse_o_text3 {
position: absolute;
top: 10px;
font-size: 14px;
z-index: 100;
left: 10px;
}
.vse_o_text4 {
position: absolute;
bottom: 30px;
font-size: 14px;
z-index: 100;
right: 0px;
background-color: #fff;
padding: 10px 20px 10px 20px;
}
}
@media screen and (max-width: 420px) {
.vse_o_text {
position: absolute;
top: 30px;
font-size: 14px;
z-index: 100;
left: 45%;
}
}
.capt_pict {
text-align: center;
}
.dorogi_st a {
text-decoration: none;
}
/*Статьи Отмостка и Сколько в упаковке*/
.st_h2_center {
text-align: center;
}
.st_h3_center_only {
text-align: center;
}
.st_h3_center_only_m {
text-align: center;
margin: 30px 0 22px;
}
.st_h3_center {
text-align: center;
font-size: 20px;
}
.st_h3_center_20 {
font-size: 18px;
text-align: center;
margin-bottom: 5px;
}
.stein_upakovka {
margin: 20px 0 5px;
}
.stein_marc_otm {
list-style-type: none;
counter-reset: my-counter 4;
margin-bottom: 30px;
position: absolute;
top: 40%;
right: 7%;
max-width: 210px;
font-weight: 600;
}
.stein_num_otm {
font-size: 13px;
line-height: 15px;
}
.stein_num_otm::before {
content: counter(my-counter) ". ";
counter-increment: my-counter -1;
font-size: 15px;
font-weight: 700;
color: #9b2743;
}
.stein_marc_otm_2 {
list-style-type: none;
counter-reset: my-counter 7;
margin-bottom: 30px;
position: absolute;
top: 30%;
right: 7%;
max-width: 210px;
font-weight: 600;
}
.stein_num_otm_2 {
font-size: 13px;
line-height: 15px;
}
.stein_num_otm_2::before {
content: counter(my-counter) ". ";
counter-increment: my-counter -1;
font-size: 15px;
font-weight: 700;
color: #9b2743;
}
.stein_otm_img {
position: relative;
}
.stein_otm {
margin: 5px 0 5px;
overflow: hidden;
}
.stein_full_img_otm {
width: 100%;
}
.capt_otm {
margin-bottom: 10px;
text-align: right;
margin-right: 10px;
}
.capt_otm a {
margin-bottom: 10px;
font-style: italic;
color: #9E9E9E
}
.capt_otm a:hover {
color: #9b2743;
}
@media screen and (max-width: 825px) {
.stein_marc_otm {
top: 34%;
max-width: 200px;
}
.stein_marc_otm_2 {
top: 28%;
max-width: 200px;
}
}
@media screen and (max-width: 747px) {
.stein_full_img_otm {
width: 155%;
margin: 20px 0 10px;
}
.stein_marc_otm {
position: relative;
max-width: 1200px;
margin-left: 20px;
}
.stein_num_otm {
font-size: 14px;
line-height: 16px;
}
.stein_marc_otm_2 {
position: relative;
max-width: 1200px;
margin-left: 20px;
}
.stein_num_otm_2 {
font-size: 14px;
line-height: 16px;
}
}
.stein_bold_text {
font-weight: 600;
}
.incut2 {
margin: 20px 0 40px;
background: #d3d7dc7a;
position: relative;
display: block;
padding: 38px 130px 38px 85px;
clear: both;
}
.incut2::before {
content: '';
display: inline-block;
width: 55px;
height: 44px;
background-image: url(/upload/137/steigot_dog_01.svg);
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
position: absolute;
left: 14px;
}
@media screen and (max-width: 640px) {
.incut2:before {
top: 13px;
left: 10px;
}
.incut2 {
padding: 65px 20px 25px;
}
}
.stein_marc3 {
list-style-type: none;
counter-reset: num;
}
.stein_num3::before {
content: counter(num) '. ';
counter-increment: num;
font-size: 20px;
font-weight: 700;
color: #9b2743;
}
.incut3 {
background: #d3d7dc7a;
padding: 20px 20px 20px 0px;
margin-bottom: 20px;
}
.stein_v2 {
color: #9b2743;
font-weight: bold;
margin-left: 20px;
}
/*na beton*/
.stein_na_beton {
margin: 30px 0px 30px 0px;
}
/*maf*/
.stein_diz_maf_3 {
width: 57%;
display: inline-block;
}
.stein_diz_maf_4 {
width: 42%;
display: inline-block;
}
.stein_diz_maf_5 {
width: 46.7%;
display: inline-block;
}
.stein_diz_maf_6 {
width: 52.5%;
display: inline-block;
}
.stein_diz_maf_9 {
width: 37%;
display: inline-block;
}
.stein_diz_maf_10 {
width: 62%;
display: inline-block;
}
.capt_bavariya {
display: block;
font-style: italic;
box-sizing: border-box;
padding: 15px 0 15px;
text-align: center;
float: none;
margin: auto;
text-align: left;
color: #999999;
}
.stein_full_img_resize_cont_bavariya {
width: 100%;
max-width: 600px;
margin: 10px auto;
margin-bottom: 40px;
text-align: right;
}
.stein_diz_new_cmix img {
width: 100%;
display: block;
margin-top: 10px;
margin-bottom:20px;
}
.stein_diz_new_cmix {
margin-top: 30px;
margin-bottom: 30px;
}
/*Новая статья как класть тротуарную плитку*/
/*таблица как класть плитку гост первая*/
.kak-klast-first-table {
background: rgba(255, 255, 255, 0);
border: none;
border-bottom: 1px solid #F9F2F2;
border-radius: 0px;
font-size: 14px;
line-height: 24px;
}
.kak-klast-first-table th:first-child {
text-align: left;
padding-left: 20px;
}
.kak-klast-first-table th,
.kak-klast-first-table tr:first-child td,
.kak-klast-first-table tr:first-child:hover td {
border-bottom: 1px solid #9E9E9E;
border-top: 1px solid #9E9E9E;
border-right: 1px solid #9E9E9E;
}
.kak-klast-first-table tr {
text-align: center;
padding-left: 20px;
background: rgba(255, 255, 255, 0);
}
.kak-klast-first-table tr td:first-child {
text-align: left;
border-left: 1px solid #9E9E9E;
/* font-weight: bold; */
}
.kak-klast-first-table tr td {
/* border-top: 1px solid #ffffff; */
border-bottom: 1px solid #9E9E9E;
border-left: 1px solid #ffffff;
border-right: 1px solid #9E9E9E;
padding: 10px;
height: 30px;
}
.kak-klast-first-table tr:hover td {
background: rgba(51, 63, 72, 0.04);
}
.kak-klast-first-table a:link {
color: #666;
font-weight: bold;
text-decoration: none;
}
.kak-klast-first-table a:visited {
color: #999999;
font-weight: bold;
text-decoration: none;
}
.kak-klast-first-table a:active,
.kak-klast-first-table a:hover {
color: #9b2743;
text-decoration: underline;
}
@media screen and (max-width: 490px) {
.kak-klast-first-table {
overflow-x: scroll;
display: block;
}
}
/*таблица как класть плитку гост вторая*/
.kak-klast-second-table {
background: rgba(255, 255, 255, 0);
border: none;
border-bottom: 1px solid #F9F2F2;
border-radius: 0px;
/* text-align: center; */
font-size: 14px;
line-height: 24px;
}
.kak-klast-second-table th:first-child {
text-align: left;
padding-left: 20px;
}
.kak-klast-second-table th,
.kak-klast-second-table tr:first-child td,
.kak-klast-second-table tr:first-child:hover td {
border-bottom: 1px solid #9E9E9E;
border-top: 1px solid #9E9E9E;
border-right: 1px solid #9E9E9E;
text-align: left;
}
.kak-klast-second-table tr {
/* text-align: center; */
padding-left: 20px;
background: rgba(255, 255, 255, 0);
}
.kak-klast-second-table tr td:first-child {
text-align: left;
border-left: 1px solid #9E9E9E;
font-weight: bold;
}
.kak-klast-second-table tr td {
/* border-top: 1px solid #ffffff; */
border-bottom: 1px solid #9E9E9E;
border-left: 1px solid #ffffff;
border-right: 1px solid #9E9E9E;
padding: 10px;
height: 30px;
text-align: left;
}
.kak-klast-second-table tr:hover td {
background: rgba(51, 63, 72, 0.04);
}
.kak-klast-second-table a:link {
color: #666;
font-weight: bold;
text-decoration: none;
}
.kak-klast-second-table a:visited {
color: #999999;
font-weight: bold;
text-decoration: none;
}
.kak-klast-second-table a:active,
.kak-klast-second-table a:hover {
color: #9b2743;
text-decoration: underline;
}
@media screen and (max-width: 490px) {
.kak-klast-second-table {
overflow-x: scroll;
display: block;
}
}
.kak-klast-second-table img {
min-width: 250px;
}
@media screen and (max-width: 490px) {
.kak-klast-second-table img {
min-width: 50px;
}
}
.left_btc::before {
font-style: normal ;
}
/* End */
/* Start:/local/templates/main/styles/custom.css?175066470936434*/
/* * * ------------------- Tabs ------------------- * * */
.flex { margin-left: -10px; margin-right: -10px; letter-spacing: -4px; }
.flex > [class*="col-"] { display: inline-block; vertical-align: top; min-height: 1px; padding-left: 10px; padding-right: 10px; text-align: left; letter-spacing: normal; box-sizing: border-box; }
.flex-nowrap { white-space: nowrap; }
.flex-nowrap > [class*="col-"] { white-space: normal; }
.flex-center { text-align: center; }
.flex-vertical-center > [class*="col-"] { vertical-align: middle; }
.flex-vertical-bottom > [class*="col-"] { vertical-align: bottom; }
.flex-justify { margin-bottom: -25px; text-align: justify; }
.flex-justify:after { display: inline-block; position: relative; top: -100000px; left: -10000px; height: 0; width: 100%; font-size: 0; line-height: 0; opacity: 0; visibility: hidden; content: ''; }
@supports (flex-wrap: wrap) {
.flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; align-items: stretch; }
.flex-nowrap { -webkit-flex-flow: row nowrap; flex-flow: row nowrap; }
.flex-center { -webkit-justify-content: center; justify-content: center; }
.flex-vertical-center { align-items: center; }
.flex-vertical-bottom { align-items: flex-end; }
.flex-justify { margin-bottom: auto; text-align: initial; justify-content: space-between; }
.flex-justify:after { content: none; }
}
/* * * ------------------- Tabs ------------------- * * */
@media (min-width: 1025px) {
.js-tabs.js-init .js-tabs-content { position: relative; transform: translateZ(0px); }
.js-tabs.js-init .js-tabs-layer { display: block; position: absolute; z-index: -5; left: 0; top: 0; right: 0; opacity: 0; /*transform: translateY(200vh); */pointer-events: none; }
.js-tabs.js-init .js-tabs-layer.opened { position: static; z-index: auto; left: auto !important; top: auto !important; right: auto !important; opacity: 1; /*transform: none; */pointer-events: auto; }
.js-tabs.js-init .js-tabs-content.js-transition .js-tabs-layer { transition: height 300ms, visibility 300ms ease, opacity 300ms ease; }
.js-tabs .js-tabs-layer ~ .js-tabs-layer { display: none; }
.js-tabs.js-init .js-tabs-layer ~ .js-tabs-layer { display: block; }
}
/* * * ------------------- Product stars ------------------- * * */
.product-item_stars { display: inline-block; position: relative; height: 1em; font-size: 24px; line-height: 1; white-space: nowrap; }
.product-item_stars > span { display: inline-block; width: 1em; height: 1em; background: center center / contain no-repeat; }
.product-item_stars > span ~ span { margin-left: .2em; }
.product-item_stars > span.off { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpdD0nJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSd4TWlkWU1pZCBtZWV0JyB2aWV3Qm94PScwIDAgMjQgMjQnPjxwYXRoIGZpbGw9JyM5YjI3NDMnIGQ9J00yNCw4LjY4OCBMMTUuMzcyLDcuOTQ0IEwxMiwwIEw4LjYyOCw3Ljk1NiBMMCw4LjY4OCBMNi41NTIsMTQuMzY0IEw0LjU4NCwyMi44IEwxMiwxOC4zMjQgTDE5LjQxNiwyMi44IEwxNy40NiwxNC4zNjQgTDI0LDguNjg4IEwyNCw4LjY4OCBaIE03LjQ4OCwxOC44MDQgTDguNjg4LDEzLjY2OCBMNC43MDQsMTAuMjEyIEw5Ljk2LDkuNzU2IEwxMiw0LjkyIEwxNC4wNTIsOS43NjggTDE5LjMwOCwxMC4yMjQgTDE1LjMyNCwxMy42OCBMMTYuNTI0LDE4LjgxNiBMMTIsMTYuMDggTDcuNDg4LDE4LjgwNCBMNy40ODgsMTguODA0IFonPjwvcGF0aD48L3N2Zz4=); }
.product-item_stars > span.full { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpdD0nJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSd4TWlkWU1pZCBtZWV0JyB2aWV3Qm94PScwIDAgMjQgMjQnPjxwYXRoIGZpbGw9JyM5YjI3NDMnIGQ9J00xMiwxOC4zMjQgTDE5LjQxNiwyMi44IEwxNy40NDgsMTQuMzY0IEwyNCw4LjY4OCBMMTUuMzcyLDcuOTU2IEwxMiwwIEw4LjYyOCw3Ljk1NiBMMCw4LjY4OCBMNi41NTIsMTQuMzY0IEw0LjU4NCwyMi44IEwxMiwxOC4zMjQgTDEyLDE4LjMyNCBaJz48L3BhdGg+PC9zdmc+); }
.product-item_stars > span.half { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpdD0nJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSd4TWlkWU1pZCBtZWV0JyB2aWV3Qm94PScwIDAgMjQgMjQnPjxwYXRoIGZpbGw9JyM5YjI3NDMnIGQ9J00yNCw5LjE4OCBMMTUuMzcyLDguNDQ0IEwxMiwwLjUgTDguNjI4LDguNDU2IEwwLDkuMTg4IEw2LjU1MiwxNC44NjQgTDQuNTg0LDIzLjMgTDEyLDE4LjgyNCBMMTkuNDE2LDIzLjMgTDE3LjQ2LDE0Ljg2NCBMMjQsOS4xODggTDI0LDkuMTg4IFogTTEyLDE2LjU4IEwxMiw1LjQyIEwxNC4wNTIsMTAuMjY4IEwxOS4zMDgsMTAuNzI0IEwxNS4zMjQsMTQuMTggTDE2LjUyNCwxOS4zMTYgTDEyLDE2LjU4IEwxMiwxNi41OCBaJz48L3BhdGg+PC9zdmc+); }
/* * * ------------------- Product info ------------------- * * */
.product-item__info-rating { display: block; position: relative; margin: -6px 0 6px; font: 400 16px/1.2 'GothamPro', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif; text-decoration: none; color: #333f48 !important; transition: all 400ms; cursor: pointer; }
.product-item__info-rating:hover { color: #9b2743 !important; }
.product-item__info-rating_stars { display: inline-block; vertical-align: 0; font-size: 20px; }
.product-item__info-rating_counter { display: inline-block; vertical-align: 2px; margin-left: 10px; }
/* * * ------------------- Product details ------------------- * * */
.product-item_details { position: relative; }
.product-item_details_nav { position: relative; margin-bottom: 50px; border-bottom: 1px solid #e6edf2; }
.product-item_details_nav a { display: inline-block; vertical-align: bottom; position: relative; margin-right: 2px; padding: 12px 24px 10px; font: 400 19px/1.4 'GothamProBold', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif; text-decoration: none; color: #333f48; background: #f9f9f9; border: 1px solid transparent; border-bottom: none; border-radius: 0; transition: all 400ms; }
.product-item_details_nav a small { display: inline-block; vertical-align: 2px; margin-left: 2px; width: 22px; height: 22px; font-size: 12px; line-height: 22px; text-align: center; color: #fff; background: #9b2743; border-radius: 50%; transition: all 400ms; }
.product-item_details_nav a:hover { color: #fff; background: #9b2743; }
.product-item_details_nav a:hover small { color: #9b2743; background: #fff; }
.product-item_details_nav a.current { margin-bottom: -1px; padding-bottom: 11px; color: #9b2743; background: #fff; border-color: #e6edf2; cursor: default; }
.product-item_details_nav a.current small { color: #fff; background: #9b2743; }
@media (min-width: 1025px) {
.product-item_details_content_toggle { display: none; }
.product-item_details_content_spoiler { display: block !important; }
.product-item_details_content_layer ~ .product-item_details_content_layer { display: none; }
.js-init .product-item_details_content_layer ~ .product-item_details_content_layer { display: block; }
}
@media (max-width: 1024px) {
.product-item_details { margin-top: 30px; }
.product-item_details_nav { display: none; }
.product-item_details_content_toggle { display: block; vertical-align: bottom; position: relative; padding: 12px 20px 10px; font: 700 19px/1.4 'GothamProBold', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif; text-decoration: none; color: #333f48; background: #f9f9f9; border: 1px solid transparent; border-radius: 0; transition: all 400ms; cursor: pointer; }
.product-item_details_content_toggle small { display: inline-block; vertical-align: 2px; margin-left: 2px; width: 22px; height: 22px; font-size: 12px; line-height: 23px; text-align: center; color: #fff; background: #9b2743; border-radius: 50%; transition: all 400ms; }
.product-item_details_content_toggle:hover { color: #fff; background: #9b2743; }
.product-item_details_content_toggle:hover small { color: #9b2743; background: #fff; }
.product-item_details_content_layer ~ .product-item_details_content_layer { border-top: 1px solid #e6edf2; }
.product-item_details_content_layer.opened .product-item_details_content_toggle { color: #fff; background: #9b2743; }
.product-item_details_content_layer.opened .product-item_details_content_toggle small { color: #9b2743; background: #fff; }
.product-item_details_content_spoiler { display: none; padding: 30px 0; }
}
@media (max-width: 767px) {
.product-item_details { margin-bottom: -30px; }
.product-item_details_content_layer { margin: 0 -20px; }
.product-item_details_content_spoiler { padding: 30px 20px; }
}
/* * * Product details :: content * * */
.product-item_details .product-item__bottom-wrap { padding-top: 0; }
@media (max-width: 1024px) {
.product-item_details .product-item__description-title { display: none; }
}
/* * * ------------------- Product reviews ------------------- * * */
/* * * Product reviews :: summary * * */
.product-item_reviews_summary { position: relative; margin-bottom: 20px; color: #333f48; }
.product-item_reviews_summary_rating_general { position: relative; padding: 20px 20px; white-space: nowrap; background: #f7f8fa; }
.product-item_reviews_summary_rating_general_title { margin-bottom: 12px; font: 500 18px/1.2 'GothamProMedium', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif; }
.product-item_reviews_summary_rating_general_value_num { display: inline-block; vertical-align: top; margin: 3px 0 0 10px; }
.product-item_reviews_summary_rating_general_value_num span { display: inline-block; vertical-align: top; font-size: 24px; line-height: 1; }
.product-item_reviews_summary_rating_general_value_num small { display: inline-block; vertical-align: top; margin: 1px 0 0 2px; font-size: 16px; color: #727272; }
.product-item_reviews_summary_rating_general_value_stars { display: inline-block; vertical-align: top; }
.product-item_reviews_summary_rating_general_amount { margin-top: 12px; }
.product-item_reviews_summary_rating_list { display: table; font: 400 14px/1.2 'GothamPro', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif; border-collapse: separate; border-spacing: 0; }
.product-item_reviews_summary_rating_list > li { display: table-row; line-height: inherit; }
.product-item_reviews_summary_rating_list > li > * { display: table-cell; vertical-align: top; padding: 0 0 10px; }
.product-item_reviews_summary_rating_list > li > *:first-child { padding-top: 2px; padding-right: 10px; }
.product-item_reviews_summary_rating_list > li:last-child > * { padding-bottom: 0; }
.product-item_reviews_summary_rating_value_num { display: inline-block; vertical-align: top; margin: 2px 0 0 10px; }
.product-item_reviews_summary_rating_value_num span { display: inline-block; vertical-align: top; font-size: 18px; line-height: 1; }
.product-item_reviews_summary_rating_value_num small { display: inline-block; vertical-align: top; margin: 0 0 0 2px; font-size: 14px; color: #727272; }
.product-item_reviews_summary_rating_value_stars { display: inline-block; vertical-align: top; font-size: 18px; }
.product-item_reviews_summary_recommend { position: relative; margin-bottom: 10px; text-align: center; }
.product-item_reviews_summary_recommend_title { margin-bottom: 10px; font: 400 18px/1.2 'GothamPro', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif; text-transform: uppercase; }
.product-item_reviews_summary_recommend_value { display: inline-block; position: relative; padding-left: 80px; font: 500 20px/1.2 'GothamProMedium', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif; text-transform: uppercase; }
.product-item_reviews_summary_recommend_value:before { position: absolute; left: 0; top: -3px; width: 60px; height: 30px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iIzliMjc0MyIgZD0iTTM5LjU3IDEyLjU4YS4zMjYuMzI2IDAgMCAxLS4yNTEuNTM1aC04LjM3NGEyLjk0NSAyLjk0NSAwIDAgMC0uMTc4LS41NzVsLS4wMjUtLjA0OC4wNC0uMDRBMy4zMSAzLjMxIDAgMCAwIDMxLjkgMTBjMC0uOTM5LS4zOTYtMS44MzctMS4xLTIuNDZsLS4wNC0uMDQuMDI0LS4wNDljLjA4OS0uMjAyLjE1NC0uNDIuMTk0LS42MzloOC4zNWEuMzMuMzMgMCAwIDEgLjI1OC41MzRsLTIuMDIyIDIuNTE2YS4yMi4yMiAwIDAgMCAwIC4yNzVsMi4wMDYgMi40NDR6TTguODU2IDcuNDc3bC4wNC0uMDQtLjAyMy0uMDVhMi45NDUgMi45NDUgMCAwIDEtLjE3OC0uNTc0SC4zM2EuMzI2LjMyNiAwIDAgMC0uMjUuNTM0bDIuMDE0IDIuNDUyYS4yMi4yMiAwIDAgMSAwIC4yNzVMLjA3IDEyLjU4OWEuMzMuMzMgMCAwIDAgLjI1OS41MzRoOC4zNWMuMDQtLjIxOS4xMDUtLjQyOS4xOTQtLjY0bC4wMjQtLjA0OC0uMDQtLjA0YTMuMjU0IDMuMjU0IDAgMCAxLTEuMS0yLjQ2IDMuMjI2IDMuMjI2IDAgMCAxIDEuMS0yLjQ2ek0yOS41MyA5LjAwNWMuNTkuNTI2LjU5IDEuNDU2LS4wMDggMS45ODJsLS4zODkuMzRhMS4zMiAxLjMyIDAgMCAwLS4zNDcgMS41MDVsLjIwMi40NzdhMS4zMTUgMS4zMTUgMCAwIDEtLjg2NiAxLjc4bC0uNTAxLjEzN2MtLjU1LjE1NC0uOTM5LjY0LS45NjMgMS4yMDZsLS4wMjUuNTE4YTEuMzI4IDEuMzI4IDAgMCAxLTEuMzE4IDEuMjU0Yy0uMDgxIDAtLjE1NC0uMDA4LS4yMzUtLjAyNGwtLjUxLS4wOWExLjE1NSAxLjE1NSAwIDAgMC0uMjM0LS4wMjRjLS40NzggMC0uOTIzLjI2LTEuMTU3LjY4OGwtLjI1MS40NTNhMS4zMTQgMS4zMTQgMCAwIDEtMS45MjYuNDM3bC0uNDItLjMwOGExLjMzMiAxLjMzMiAwIDAgMC0xLjU0NS0uMDA4bC0uNDIxLjNjLS4yMzUuMTctLjUwMi4yNDItLjc2OS4yNDJhMS4zMSAxLjMxIDAgMCAxLTEuMTY1LS42OTVsLS4yNS0uNDYxYTEuMzI5IDEuMzI5IDAgMCAwLTEuMTY2LS42OTZjLS4wNzMgMC0uMTU0LjAwOC0uMjI2LjAxNmwtLjUxLjA4OWMtLjA3My4wMTYtLjE1NC4wMTYtLjIyNy4wMTZhMS4zMjQgMS4zMjQgMCAwIDEtMS4zMTgtMS4yNjJsLS4wMjUtLjUxOGExLjMxMiAxLjMxMiAwIDAgMC0uOTYyLTEuMjA1bC0uNTAyLS4xNDZhMS4zMjQgMS4zMjQgMCAwIDEtLjg1OC0xLjc4OGwuMjAzLS40NzdhMS4zMiAxLjMyIDAgMCAwLS4zNC0xLjUwNWwtLjM4OC0uMzQ4YTEuMzE4IDEuMzE4IDAgMCAxIC4wMDgtMS45ODJsLjM4OC0uMzRhMS4zMiAxLjMyIDAgMCAwIC4zNDgtMS41MDVsLS4yMDItLjQ3N2ExLjMxNSAxLjMxNSAwIDAgMSAuODY1LTEuNzhsLjUwMi0uMTM4Yy41NS0uMTUzLjkzOC0uNjM5Ljk2My0xLjIwNWwuMDI0LS41MThhMS4zMjggMS4zMjggMCAwIDEgMS4zMTktMS4yNTRjLjA4IDAgLjE1My4wMDguMjM0LjAyNGwuNTEuMDlhMS4zMTggMS4zMTggMCAwIDAgMS4zOTItLjY2M2wuMjUtLjQ1NEExLjMxNyAxLjMxNyAwIDAgMSAxOC42NDcuMjVsLjQyLjMwN2ExLjMzMiAxLjMzMiAwIDAgMCAxLjU0NS4wMDhsLjQyMi0uMjk5YTEuMjkgMS4yOSAwIDAgMSAuNzY4LS4yNDNjLjQ3IDAgLjkyMy4yNDMgMS4xNjUuNjk2bC4yNTEuNDYxYy4yMzUuNDI5LjY4LjY5NiAxLjE2NS42OTYuMDczIDAgLjE1NC0uMDA4LjIyNy0uMDE2bC41MS0uMDljLjA3Mi0uMDE1LjE1My0uMDE1LjIyNi0uMDE1LjY4OCAwIDEuMjg2LjU0MiAxLjMxOSAxLjI2MmwuMDI0LjUxOGMuMDI0LjU2Ni40MTMgMS4wNTEuOTYzIDEuMjA1bC41MDIuMTQ2YTEuMzI0IDEuMzI0IDAgMCAxIC44NTcgMS43ODhsLS4yMS40NzdhMS4zMiAxLjMyIDAgMCAwIC4zNCAxLjUwNWwuMzg4LjM0OHptLTUuMTU0LjUzNHMuNDM3LS42OC0uMTMtMS4xOThjLS43MDMtLjY0Ny0yLjYyLS4yMTgtMi42Mi0uMjE4LS4xMy4wMjQtLjI3Ni4wNDgtLjQzLjA4OSAwIDAtLjY2My4zMDcgMC0xLjcuNjY0LTIuMDA2LS40NDQtMi4zMTMtLjkwNi0yLjMxMy0uNDYgMC0uMzA3Ljk5NS0uMzA3Ljk5NXMtLjk5NSAyLjczNS0xLjk0MiAzLjQ2M2MtLjI1LjI2Ny0uMzg4LjU2Ni0uNDYuNzc3YS44MjMuODIzIDAgMCAwLS41NTEtLjIwM2gtMS4yNzhhLjg1Ljg1IDAgMCAwLS44NS44NXYzLjM5OGMwIC40Ny4zOC44NS44NS44NWgxLjI3OGEuODQ4Ljg0OCAwIDAgMCAuNDctLjE0NmMuMDMyLS4wMjQuMTkzLS4yMDIuMTkzLS42NzJWMTEuNHMtLjAwOCAyLjYxMyAxLjQ3MyAyLjc3NWEyMC44IDIwLjggMCAwIDAgMS44MTIuMDU2Yy41OS4wNDkgMS4yMTQuMDQ5IDEuNzE1LS4wNTYgMS42OTEtLjM1NiAxLjI2Mi0xLjUzOCAxLjI2Mi0xLjUzOC45MTUtLjY4Ny4zOTctMS41MzcuMzk3LTEuNTM3LjgyNS0uODUuMDI0LTEuNTYxLjAyNC0xLjU2MXoiLz48L3N2Zz4=) center center / contain no-repeat; content: ''; }
.product-item_reviews_summary_add { display: inline-block; position: relative; outline: none; padding: 15px 30px 11px; font: 700 12px/1.2 'GothamProBold', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; color: #fff; background: #9b2743; border: 1px solid transparent; transition: all 400ms; cursor: pointer; }
.product-item_reviews_summary_add:hover { background: #ab1a3e; }
@media (max-width: 1099px) {
.product-item_reviews_summary_rating_list { font: 400 13px/1.2 'GothamPro', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif; }
.product-item_reviews_summary_rating_list > li > *:first-child { padding-right: 6px; }
.product-item_reviews_summary_recommend_title { margin-bottom: 8px; font: 400 15px/1.2 'GothamPro', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif; }
.product-item_reviews_summary_add { padding: 15px 20px 11px; }
}
@media (max-width: 1024px) {
.product-item_reviews_summary { align-items: stretch; margin-left: -5px; margin-right: -5px; }
.product-item_reviews_summary [class*="col-"] { padding: 0 5px; width: 50%; }
.product-item_reviews_summary_rating_general { display: flex; flex-flow: column; align-items: center; min-height: 100%; text-align: center; box-sizing: border-box; }
.product-item_reviews_summary_rating { display: flex; justify-content: center; align-items: center; min-height: 100%; padding: 10px 20px; background: #f7f8fa; box-sizing: border-box; }
.product-item_reviews_summary_recommend { margin: 10px 0 0; padding: 10px 20px 8px; background: #f7f8fa; }
.product-item_reviews_summary_recommend_title { margin-bottom: 6px; font-size: 14px; }
.product-item_reviews_summary_recommend_value { padding-left: 50px; font-size: 16px; }
.product-item_reviews_summary_recommend_value:before { top: -1px; width: 40px; height: 20px; }
.product-item_reviews_summary_add { display: block; margin: 10px auto 0; width: 100%; height: 60px; }
}
@media (max-width: 640px) {
.product-item_reviews_summary_rating_list { display: block; margin: -4px 0; }
.product-item_reviews_summary_rating_list > li { display: block; margin: 4px 0; text-align: center; }
.product-item_reviews_summary_rating_list > li > * { display: block; }
.product-item_reviews_summary_rating_list > li > *:first-child { margin-bottom: 4px; padding: 0; }
}
@media (max-width: 580px) {
.product-item_reviews_summary [class*="col-"] { width: 100%; }
.product-item_reviews_summary_rating { margin-top: 10px; }
.product-item_reviews_summary_recommend { margin-top: 20px; }
}
/* * * Product reviews :: sort * * */
.product-item_reviews_sort { position: relative; margin-bottom: 20px; padding-bottom: 20px; text-align: right; border-bottom: 1px solid #e6edf2; }
.product-item_reviews_sort:after { display: table; clear: both; content: ''; }
.product-item_reviews_sort .product-catalog__select { position: static; right: auto; bottom: auto; float: right; padding: 0 !important; white-space: nowrap; border: none !important; }
.product-item_reviews_sort .product-catalog__select .jq-selectbox__dropdown { position: absolute !important; left: auto !important; top: -12px !important; right: -32px !important; padding: 0 32px 10px 22px !important; box-shadow: 0 0 8px rgba(0, 0, 0, .1); }
.product-item_reviews_sort .product-catalog__select .product-catalog__select .jq-selectbox__dropdown ul { margin-top: 0 !important; }
.product-item_reviews_sort .product-catalog__select_icon { position: relative; z-index: 35; width: 7px; height: 12px; order: 2; margin-left: 10px; fill: currentColor; transform-origin: 50% 50%; transform: rotate(90deg); transition: transform 0.2s ease-in-out; }
/* * * Product reviews :: feed * * */
.product-item_reviews_item { position: relative; padding: 40px 30px 30px; font: 400 14px/1.714285714285714 'GothamPro', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif; color: #333f48; background: #f7f8fa; }
.product-item_reviews_item ~ .product-item_reviews_item { margin-top: 40px; }
.product-item_reviews_item ~ .product-item_reviews_item:before { position: absolute; left: 0; bottom: 100%; right: 0; margin-bottom: 20px; border-bottom: 1px solid #e6edf2; content: ''; }
.product-item_reviews_item_head { display: flex; align-items: baseline; justify-content: space-between; position: relative; margin-bottom: 18px; }
.product-item_reviews_item_head_name { font: 700 16px/1.2 'GothamProBold', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif; color: #333f48; }
.product-item_reviews_item_head_date { font: 400 12px/1.2 'GothamPro', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif; color: #788996; }
.product-item_reviews_item_content .col-left { width: 74.6835443037975%; }
.product-item_reviews_item_content .col-right { width: 25.3164556962025%; padding-left: 30px; }
.product-item_reviews_item_content_text .red { color: #9b2743; }
.product-item_reviews_item_content_text .green { color: #5b9b27; }
.product-item_reviews_item_rating { position: relative; font: 400 14px/1.2 'GothamPro', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif; }
.product-item_reviews_item_rating_title { margin-bottom: 6px; }
.product-item_reviews_item_rating ~ .product-item_reviews_item_rating { margin-top: 10px; }
.product-item_reviews_item_rating_value_num { display: inline-block; vertical-align: top; margin: 2px 0 0 10px; }
.product-item_reviews_item_rating_value_num span { display: inline-block; vertical-align: top; font-size: 18px; line-height: 1; }
.product-item_reviews_item_rating_value_num small { display: inline-block; vertical-align: top; margin: 0 0 0 2px; font-size: 14px; color: #727272; }
.product-item_reviews_item_rating_value_stars { display: inline-block; vertical-align: top; font-size: 18px; }
.product-item_reviews_item_recommend { position: relative; margin-top: 30px; padding-left: 60px; font: 500 14px/1.2 'GothamProMedium', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif; }
.product-item_reviews_item_recommend:before { position: absolute; left: 0; top: 50%; margin-top: -13px; width: 50px; height: 25px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iIzliMjc0MyIgZD0iTTM5LjU3IDEyLjU4YS4zMjYuMzI2IDAgMCAxLS4yNTEuNTM1aC04LjM3NGEyLjk0NSAyLjk0NSAwIDAgMC0uMTc4LS41NzVsLS4wMjUtLjA0OC4wNC0uMDRBMy4zMSAzLjMxIDAgMCAwIDMxLjkgMTBjMC0uOTM5LS4zOTYtMS44MzctMS4xLTIuNDZsLS4wNC0uMDQuMDI0LS4wNDljLjA4OS0uMjAyLjE1NC0uNDIuMTk0LS42MzloOC4zNWEuMzMuMzMgMCAwIDEgLjI1OC41MzRsLTIuMDIyIDIuNTE2YS4yMi4yMiAwIDAgMCAwIC4yNzVsMi4wMDYgMi40NDR6TTguODU2IDcuNDc3bC4wNC0uMDQtLjAyMy0uMDVhMi45NDUgMi45NDUgMCAwIDEtLjE3OC0uNTc0SC4zM2EuMzI2LjMyNiAwIDAgMC0uMjUuNTM0bDIuMDE0IDIuNDUyYS4yMi4yMiAwIDAgMSAwIC4yNzVMLjA3IDEyLjU4OWEuMzMuMzMgMCAwIDAgLjI1OS41MzRoOC4zNWMuMDQtLjIxOS4xMDUtLjQyOS4xOTQtLjY0bC4wMjQtLjA0OC0uMDQtLjA0YTMuMjU0IDMuMjU0IDAgMCAxLTEuMS0yLjQ2IDMuMjI2IDMuMjI2IDAgMCAxIDEuMS0yLjQ2ek0yOS41MyA5LjAwNWMuNTkuNTI2LjU5IDEuNDU2LS4wMDggMS45ODJsLS4zODkuMzRhMS4zMiAxLjMyIDAgMCAwLS4zNDcgMS41MDVsLjIwMi40NzdhMS4zMTUgMS4zMTUgMCAwIDEtLjg2NiAxLjc4bC0uNTAxLjEzN2MtLjU1LjE1NC0uOTM5LjY0LS45NjMgMS4yMDZsLS4wMjUuNTE4YTEuMzI4IDEuMzI4IDAgMCAxLTEuMzE4IDEuMjU0Yy0uMDgxIDAtLjE1NC0uMDA4LS4yMzUtLjAyNGwtLjUxLS4wOWExLjE1NSAxLjE1NSAwIDAgMC0uMjM0LS4wMjRjLS40NzggMC0uOTIzLjI2LTEuMTU3LjY4OGwtLjI1MS40NTNhMS4zMTQgMS4zMTQgMCAwIDEtMS45MjYuNDM3bC0uNDItLjMwOGExLjMzMiAxLjMzMiAwIDAgMC0xLjU0NS0uMDA4bC0uNDIxLjNjLS4yMzUuMTctLjUwMi4yNDItLjc2OS4yNDJhMS4zMSAxLjMxIDAgMCAxLTEuMTY1LS42OTVsLS4yNS0uNDYxYTEuMzI5IDEuMzI5IDAgMCAwLTEuMTY2LS42OTZjLS4wNzMgMC0uMTU0LjAwOC0uMjI2LjAxNmwtLjUxLjA4OWMtLjA3My4wMTYtLjE1NC4wMTYtLjIyNy4wMTZhMS4zMjQgMS4zMjQgMCAwIDEtMS4zMTgtMS4yNjJsLS4wMjUtLjUxOGExLjMxMiAxLjMxMiAwIDAgMC0uOTYyLTEuMjA1bC0uNTAyLS4xNDZhMS4zMjQgMS4zMjQgMCAwIDEtLjg1OC0xLjc4OGwuMjAzLS40NzdhMS4zMiAxLjMyIDAgMCAwLS4zNC0xLjUwNWwtLjM4OC0uMzQ4YTEuMzE4IDEuMzE4IDAgMCAxIC4wMDgtMS45ODJsLjM4OC0uMzRhMS4zMiAxLjMyIDAgMCAwIC4zNDgtMS41MDVsLS4yMDItLjQ3N2ExLjMxNSAxLjMxNSAwIDAgMSAuODY1LTEuNzhsLjUwMi0uMTM4Yy41NS0uMTUzLjkzOC0uNjM5Ljk2My0xLjIwNWwuMDI0LS41MThhMS4zMjggMS4zMjggMCAwIDEgMS4zMTktMS4yNTRjLjA4IDAgLjE1My4wMDguMjM0LjAyNGwuNTEuMDlhMS4zMTggMS4zMTggMCAwIDAgMS4zOTItLjY2M2wuMjUtLjQ1NEExLjMxNyAxLjMxNyAwIDAgMSAxOC42NDcuMjVsLjQyLjMwN2ExLjMzMiAxLjMzMiAwIDAgMCAxLjU0NS4wMDhsLjQyMi0uMjk5YTEuMjkgMS4yOSAwIDAgMSAuNzY4LS4yNDNjLjQ3IDAgLjkyMy4yNDMgMS4xNjUuNjk2bC4yNTEuNDYxYy4yMzUuNDI5LjY4LjY5NiAxLjE2NS42OTYuMDczIDAgLjE1NC0uMDA4LjIyNy0uMDE2bC41MS0uMDljLjA3Mi0uMDE1LjE1My0uMDE1LjIyNi0uMDE1LjY4OCAwIDEuMjg2LjU0MiAxLjMxOSAxLjI2MmwuMDI0LjUxOGMuMDI0LjU2Ni40MTMgMS4wNTEuOTYzIDEuMjA1bC41MDIuMTQ2YTEuMzI0IDEuMzI0IDAgMCAxIC44NTcgMS43ODhsLS4yMS40NzdhMS4zMiAxLjMyIDAgMCAwIC4zNCAxLjUwNWwuMzg4LjM0OHptLTUuMTU0LjUzNHMuNDM3LS42OC0uMTMtMS4xOThjLS43MDMtLjY0Ny0yLjYyLS4yMTgtMi42Mi0uMjE4LS4xMy4wMjQtLjI3Ni4wNDgtLjQzLjA4OSAwIDAtLjY2My4zMDcgMC0xLjcuNjY0LTIuMDA2LS40NDQtMi4zMTMtLjkwNi0yLjMxMy0uNDYgMC0uMzA3Ljk5NS0uMzA3Ljk5NXMtLjk5NSAyLjczNS0xLjk0MiAzLjQ2M2MtLjI1LjI2Ny0uMzg4LjU2Ni0uNDYuNzc3YS44MjMuODIzIDAgMCAwLS41NTEtLjIwM2gtMS4yNzhhLjg1Ljg1IDAgMCAwLS44NS44NXYzLjM5OGMwIC40Ny4zOC44NS44NS44NWgxLjI3OGEuODQ4Ljg0OCAwIDAgMCAuNDctLjE0NmMuMDMyLS4wMjQuMTkzLS4yMDIuMTkzLS42NzJWMTEuNHMtLjAwOCAyLjYxMyAxLjQ3MyAyLjc3NWEyMC44IDIwLjggMCAwIDAgMS44MTIuMDU2Yy41OS4wNDkgMS4yMTQuMDQ5IDEuNzE1LS4wNTYgMS42OTEtLjM1NiAxLjI2Mi0xLjUzOCAxLjI2Mi0xLjUzOC45MTUtLjY4Ny4zOTctMS41MzcuMzk3LTEuNTM3LjgyNS0uODUuMDI0LTEuNTYxLjAyNC0xLjU2MXoiLz48L3N2Zz4=) center center / contain no-repeat; content: ''; }
@media (max-width: 900px) {
.product-item_reviews_item_content .col-left { width: 68.2926829268293%; }
.product-item_reviews_item_content .col-right { width: 31.7073170731707%; padding-left: 20px; }
}
@media (max-width: 767px) {
.product-item_reviews_item_content .col-left { width: 100%; }
.product-item_reviews_item_content .col-right { width: 100%; padding-left: 10px; padding-top: 10px; }
}
/* * * Product reviews :: form * * */
.product-item_reviews_form .input { display: block; }
.product-item_reviews_form .input-block-title { margin-bottom: 12px; font-size: 14px; color: #788996; }
.product-item_reviews_form .col-25 { width: 25%; }
.product-item_reviews_form .col-25 .input-block-title { margin-top: 8px; }
.product-item_reviews_form label.b-form_control { display: inline-block; position: relative; padding: 1px 0 0 28px; font: 300 15px/1.2 'GothamPro', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif; cursor: pointer; }
.product-item_reviews_form label.b-form_control > input { position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; cursor: pointer; }
.product-item_reviews_form label.b-form_control > input ~ span:after { position: absolute; left: 0; top: 0; margin: 3px; width: 11px; height: 11px; background: #9b2743; opacity: 0; visibility: hidden; transition: all 400ms; content: ''; }
.product-item_reviews_form label.b-form_control > input ~ span:before { position: absolute; left: 0; top: 0; width: 17px; height: 17px; background: transparent; border: 1px solid #788996; box-sizing: border-box; content: ''; }
.product-item_reviews_form label.b-form_control > input[type="radio"] ~ span:after,
.product-item_reviews_form label.b-form_control > input[type="radio"] ~ span:before { border-radius: 50%; }
.product-item_reviews_form label.b-form_control > input:checked ~ span:after { opacity: 1; visibility: visible; }
.product-item_reviews_form .line-list { margin-top: 12px; margin-right: -26px; margin-bottom: -26px; }
.product-item_reviews_form .line-list label { margin-right: 26px; margin-bottom: 26px; }
.product-item_reviews_form .block-list { margin-top: 12px; }
.product-item_reviews_form .block-list:first-child { margin-top: auto; }
.product-item_reviews_form .block-list label { display: block; position: relative; }
.product-item_reviews_form .block-list label ~ label { margin-top: 26px; }
.product-item_reviews_form .b-rating_wg { display: block; position: relative; width: 145px; height: 24px; background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyOXB4IiBoZWlnaHQ9IjcycHgiIHZpZXdCb3g9IjAgMCAyOSA3MiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5yYXRpbmc8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9InJhdGluZyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8cGF0aCBkPSJNMjQsOS4xNDUyNjMxNiBMMTUuMzcyLDguMzYyMTA1MjYgTDEyLDAgTDguNjI4LDguMzc0NzM2ODQgTDAsOS4xNDUyNjMxNiBMNi41NTIsMTUuMTIgTDQuNTg0LDI0IEwxMiwxOS4yODg0MjExIEwxOS40MTYsMjQgTDE3LjQ2LDE1LjEyIEwyNCw5LjE0NTI2MzE2IEwyNCw5LjE0NTI2MzE2IFogTTcuNDg4LDE5Ljc5MzY4NDIgTDguNjg4LDE0LjM4NzM2ODQgTDQuNzA0LDEwLjc0OTQ3MzcgTDkuOTYsMTAuMjY5NDczNyBMMTIsNS4xNzg5NDczNyBMMTQuMDUyLDEwLjI4MjEwNTMgTDE5LjMwOCwxMC43NjIxMDUzIEwxNS4zMjQsMTQuNCBMMTYuNTI0LDE5LjgwNjMxNTggTDEyLDE2LjkyNjMxNTggTDcuNDg4LDE5Ljc5MzY4NDIgTDcuNDg4LDE5Ljc5MzY4NDIgWiIgZmlsbD0iI0M2RDNEQyIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNMjQsMzMuMTQ1MjYzMiBMMTUuMzcyLDMyLjM2MjEwNTMgTDEyLDI0IEw4LjYyOCwzMi4zNzQ3MzY4IEwwLDMzLjE0NTI2MzIgTDYuNTUyLDM5LjEyIEw0LjU4NCw0OCBMMTIsNDMuMjg4NDIxMSBMMTkuNDE2LDQ4IEwxNy40NiwzOS4xMiBMMjQsMzMuMTQ1MjYzMiBMMjQsMzMuMTQ1MjYzMiBaIE03LjQ4OCw0My43OTM2ODQyIEw4LjY4OCwzOC4zODczNjg0IEw0LjcwNCwzNC43NDk0NzM3IEw5Ljk2LDM0LjI2OTQ3MzcgTDEyLDI5LjE3ODk0NzQgTDE0LjA1MiwzNC4yODIxMDUzIEwxOS4zMDgsMzQuNzYyMTA1MyBMMTUuMzI0LDM4LjQgTDE2LjUyNCw0My44MDYzMTU4IEwxMiw0MC45MjYzMTU4IEw3LjQ4OCw0My43OTM2ODQyIEw3LjQ4OCw0My43OTM2ODQyIFoiIGZpbGw9IiM5QjI3NDMiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPiAgICAgICAgPHBvbHlnb24gZmlsbD0iIzlCMjc0MyIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjEyIDY3LjI4ODQyMTEgMTkuNDE2IDcyIDE3LjQ0OCA2My4xMiAyNCA1Ny4xNDUyNjMyIDE1LjM3MiA1Ni4zNzQ3MzY4IDEyIDQ4IDguNjI4IDU2LjM3NDczNjggMCA1Ny4xNDUyNjMyIDYuNTUyIDYzLjEyIDQuNTg0IDcyIj48L3BvbHlnb24+ICAgIDwvZz48L3N2Zz4=) left top repeat-x; cursor: pointer; }
.product-item_reviews_form .b-rating_wg_hover,
.product-item_reviews_form .b-rating_wg_select { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; width: 0; height: 100%; max-width: 100%; overflow: hidden; background: inherit; background-position: left bottom; pointer-events: none; }
.product-item_reviews_form .b-rating_wg_hover { z-index: 1; background-position: left center; }
.product-item_details_nav { text-align:center; position: relative; margin-bottom: 50px; border-bottom: 1px solid #e6edf2; }
.faq-link-nav li {
display: inline-block;
color: #333f48;
font-weight: bold;
font-size: 11px;
line-height: 24px;
text-transform: uppercase;
margin: 0 36px 14px 0 !important;
font-family: 'GothamProBold', sans-serif;
}
.faq-link-nav li a {
text-decoration: none;
color: #333f48;
}
.faq-link-nav li.active a, .faq-link-nav li a:hover {
color: #9b2743;
}
.faq-item {
margin: 30px 0 0;
}
.faq-item em {
font-weight: bold;
}
.faq-question-title {
margin-bottom: 8px;
}
.faq-question-title a {
text-decoration: none;
color: #333f48;
}
.faq-question-title a:hover {
color: #9b2743;
}
.faq-question-name {
display: block;
font-size: 13px;
padding-left: 24px;
}
.faq-answer {
position: relative;
margin-top: 8px;
display: block;
}
.faq-answer-body {
display: block;
padding: 40px;
clear: both;
font-size: 14px;
line-height: 24px;
color: #333f48;
background: #d3d7dc7a;
font-family: 'Verdana', sans-serif;
}
.faq-answer-body p:last-child {
margin: 0;
}
.faq-answer-body ul li:last-child {
margin-bottom: 0;
}
a.faq-form-button {
color: #ffffff;
display: block;
float: right;
margin-left: auto;
margin-right: 0;
white-space: nowrap;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
opacity: 1;
transition: opacity 0.2s ease-in-out;
cursor: pointer;
background: #9b2743;
padding: 20px 20px 20px 20px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
a.faq-form-button {
float: none;
margin-left: 0;
margin-right: auto;
width: 100%;
text-align: center;
padding: 20px 0px;
}
a.faq-form-button::before {
content: '';
display: table;
clear: both;
}
}
a.faq-form-button:hover {
opacity: 0.8;
}
.readmore-js-toggle {
position: relative;
display: inline-block !important;
width: auto !important;
color: #9b2743;
font-size: 14px;
line-height: 20px;
cursor: pointer;
transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
margin-left: 24px;
border-bottom: 1px dotted rgba(155, 39, 67, 0.4);
text-decoration: none;
}
/* Навигация */
.nav-wrapper {
overflow: hidden;
}
.faq-link-block {
width: 80%;
float: left;
}
.btn-faq-wrap {
width: 20%;
text-align: center;
float: left;
}
.faq-answer {
padding: 0 24px;
height: 0px;
overflow: hidden;
}
/* Responsive */
@media (max-width: 991px) {
.faq-link-block {
width: 70%;
}
.btn-faq-wrap {
width: 30%;
}
}
@media (max-width: 767px) {
.faq-link-block, .btn-faq-wrap {
width: 100%;
float: none;
}
.btn-faq-wrap {
text-align: left;
margin-top: 10px;
}
}
@media (max-width: 479px) {
.faq-answer {
box-sizing:border-box;
}
}
/*faq image*/
.steingot_otvet {
position: relative;
margin-bottom: 20px;
}
.sotrudnik_otvet {
display: inline-block;
margin-bottom: 10px;
margin-left: 20px;
position: absolute;
top: 10%;
}
.img-circle {
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.img-responsive {
width: 60px;
}
.post_otvet {
}
.name_otvet {
font-size: 16px;
font-weight: 600;
}
.block-hide {
display: none;
}
.title.site_sp, .product-item__info-title h1.site_sp {
font-size: 24px;
}
.form__checkbox {
display: block;
position: relative;
}
.form__checkbox input {
width: 20px;
height: 20px;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.form__checkbox input:checked + span .form__checkbox-icon {
background: #9b2743 url(/local/templates/main/styles/../img/icons/check.svg) center no-repeat;
}
.form__checkbox--top {
margin-bottom: 20px;
}
.form__checkbox--bottom {
margin-top: 20px;
}
.form__checkbox-content {
display: grid;
grid-template-columns: 20px 1fr;
gap: 8px;
}
.form__checkbox-icon {
width: 20px;
height: 20px;
border-radius: 4px;
border: 1px solid #c5d3dc;
}
.label-checkbox--border {
display: block;
position: relative;
padding: 12px;
width: 100%;
}
.label-checkbox--border::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: inherit;
border: 1px solid #9b2743;
}
.label-checkbox--border-blue::before {
border-color: #4a76a8;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.product-catalog__subtitle--m-hidden {
display: none;
}
.product-catalog__availability {
padding: 0;
margin-bottom: -1px;
display: block !important;
}
.product-catalog__availability .product-catalog__items-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.product-catalog__availability .product-catalog__item {
margin-bottom: 0;
}
.product-catalog__availability .product-catalog__item:not(:last-child) {
border-right: 1px solid rgba(98, 109, 118, 0.2);
}
.product-catalog__wrap-left {
position: sticky;
z-index: 9;
top: 60px;
background: #FFFFFF;
max-height: calc(100vh - 60px);
overflow: auto;
}
.product-catalog__categories-subtitle, .product-catalog__filters-subtitle {
position: sticky;
z-index: 99;
top: 0px;
background: #FFFFFF;
}
.product-catalog__filters-wrap-mob, .product-catalog__categories {
z-index: 99;
}
.label-checkbox--border::before {
display: none;
}
}
.blockCookie {
position: fixed;
bottom: 64px;
right: 40px;
width: 548px;
-webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1019607843);
box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1019607843);
border-radius: 16px;
padding: 20px;
background: #FFFFFF;
font-size: 14px;
display: none;
z-index: 100;
}
.blockCookie.visible {
display: block;
}
.blockCookie__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 16px;
}
.blockCookie__btn button {
border: none;
border-radius: 10px;
height: 64px;
width: 128px;
}
.blockCookie__txt {
line-height: 1.5;
}
.blockCookie__txt a {
font-weight: 500;
display: block;
margin-top: 4px;
}
@media (max-width: 640px) {
.blockCookie {
width: auto;
left: 20px;
right: 20px;
bottom: 20px;
padding: 16px;
font-size: 12px;
}
.blockCookie__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blockCookie__btn {
width: 100%;
}
.blockCookie__btn button {
width: 100%;
height: 48px;
}
}
/* End */
/* Start:/local/templates/main/styles/banner_new_form_2023.css?174854721633057*/
.dev {
position: fixed;
top: 0;
left: 0;
padding: 1em;
background-color: white;
}
.text-dost-bitsu-new {
font-size: 90%;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.text-dost-bitsu2-new {
font-size: 100%;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.text-dost-bitsu3-new {
margin-top: 40px;
font-size: 60%;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.text-dost-bitsu-bold-new {
font-size: 90%;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.text-dost-bitsu-bold2-new {
font-size: 70%;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.tween_sect {
height: 600px;
position: relative;
overflow: hidden;
}
.tween_sect .mask {
z-index: -1;
position: absolute;
right: 0;
top: 0;
width: 65%;
height: 100%;
overflow: hidden;
animation: clip-path ease 20s infinite both;
animation-delay: 0.4s;
-webkit-clip-path: circle(0 at 100% 0);
clip-path: circle(0 at 100% 0);
}
.tween_sect .layers {
position: absolute;
top: 0;
right: 0;
width: auto;
height: auto;
z-index: 2;
}
.tween_sect .layers.layer-1 {
top: -10%;
right: -10%;
}
.tween_sect .layers.layer-2 {
right: 80%;
bottom: 10%;
width: 370px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9E9E9E);
filter: drop-shadow(.3rem .36rem .255rem #2d2d2d);
}
.tween_sect .layers.layer-3 {
top: 0;
right: 20%;
}
.tween_sect .cross {
position: relative;
/* transform: rotate(45deg); */
z-index: -3;
}
.tween_sect .cross img {
content: "";
width: 240px;
height: 240px;
display: block;
/* position: absolute; */
z-index: 4;
top: 0;
left: 0;
margin-left: -16px;
border-radius: 100%;
}
.tween_sect .cross-3 {
position: absolute;
bottom: 110%;
left: 46%;
}
.tween_sect .hash {
font-size: 420px;
position: absolute;
left: -5%;
color: #e3e7ed;
font-weight: 900;
line-height: 100%;
top: 35%;
z-index: -1;
}
.tween_sect .hash.small {
z-index: 2;
left: 72%;
top: 52%;
font-size: 120px;
color: #d24e6a;
width: 50px;
}
.tween_sect .small2 {
position: absolute;
bottom: 105%;
right: 40%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: -3;
}
.tween_sect .layers.layer-5 {
opacity: 0.6;
width: 200px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9E9E9E);
filter: drop-shadow(.3rem .36rem .255rem #2d2d2d);
}
.tween_sect .small3 {
position: absolute;
top: 50%;
left: 45%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: -3;
}
.tween_sect .layers.layer-6 {
opacity: 0.6;
width: 190px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9E9E9E);
filter: drop-shadow(.3rem .36rem .255rem #2d2d2d);
}
.tween_sect .small4 {
position: absolute;
bottom: 100%;
right: 85.5%;
font-size: 120px;
color: #d24e6a;
width: 120px;
z-index: 1;
}
.tween_sect .layers.layer-7 {
width: 280px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9FA5A4);
filter: drop-shadow(.3rem .36rem .255rem #9FA5A4);
opacity: 0.8;
}
.tween_sect .small5 {
display: none;
}
.tween_sect .layers.layer-8 {
width: 550px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
}
.tween_sect .small6 {
position: absolute;
bottom: 31%;
right: 92%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: -3;
-moz-transform: rotate(-10deg); /* Для Firefox */
-ms-transform: rotate(-10deg); /* Для IE */
-webkit-transform: rotate(-10deg); /* Для Safari, Chrome, iOS */
-o-transform: rotate(-10deg); /* Для Opera */
transform: rotate(-10deg);
}
.tween_sect .layers.layer-9 {
width: 200px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9FA5A4);
filter: drop-shadow(.1rem .16rem .255rem #9FA5A4);
}
.zag3-1-0-new {
color: #2e3944;
font-size: 44px;
line-height: 70px;
margin-top: 100px;
max-width: 690px;
z-index: 3;
}
a.button.red_tween {
padding: 0 100px;
color: #ffffff;
}
.red_tween {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
padding: 8px 84px 8px 0;
margin-top: 80px;
z-index: 3;
}
.container_new_bitsu {
max-width: 1225px;
margin: 0 auto;
}
@media screen and (max-width: 1700px) {
.container_new_bitsu {
max-width: 71%;
margin: 0 auto;
}
.tween_sect .hash.small {
left: 74%;
top: 60%;
}
.tween_sect .layers.layer-2 {
width: 300px;
}
.tween_sect .small4 {
bottom: 100%;
right: 88%;
}
.tween_sect .layers.layer-7 {
width: 200px;
}
.tween_sect .small2 {
bottom: 105%;
right: 43%;
}
.tween_sect .layers.layer-5 {
width: 150px;
}
.tween_sect .small6 {
bottom: 31%;
right: 91%;
}
.text-dost-bitsu-new {
font-size: 85%;
}
.text-dost-bitsu2-new {
font-size: 95%;
}
.text-dost-bitsu3-new {
margin-top: 30px;
font-size: 55%;
}
.text-dost-bitsu-bold-new {
font-size: 85%;
}
.text-dost-bitsu-bold2-new {
font-size: 65%;
}
}
@media screen and (max-width: 1379px) {
.tween_sect .hash.small {
left: 88%;
top: 73%;
}
.tween_sect .layers.layer-2 {
width: 210px;
}
.tween_sect .small4 {
bottom: 98%;
right: 85%;
}
.tween_sect .layers.layer-7 {
width: 180px;
}
.tween_sect .small2 {
bottom: 105%;
right: 43%;
}
.tween_sect .layers.layer-5 {
width: 140px;
}
.tween_sect .small3 {
top: 46%;
left: 47%;
}
.tween_sect .layers.layer-6 {
width: 120px;
}
.tween_sect .small3 {
top: 46%;
left: 47%;
z-index: 1;
}
.tween_sect .small6 {
bottom: 31%;
right: 89%;
}
.tween_sect .layers.layer-9 {
width: 180px;
}
.text-dost-bitsu-new {
font-size: 85%;
}
.text-dost-bitsu2-new {
font-size: 95%;
}
.text-dost-bitsu3-new {
margin-top: 30px;
font-size: 55%;
}
.text-dost-bitsu-bold-new {
font-size: 85%;
}
.text-dost-bitsu-bold2-new {
font-size: 65%;
}
.tween_sect .mask:after {
position: absolute;
z-index: 6;
background-color: rgba(255, 255, 255, 0.5);
width: 100%;
height: 100%;
content: "";
display: block;
}
}
@media screen and (max-width: 990px) {
.tween_sect .hash.small {
z-index: 2;
left: 95%;
top: 65%;
font-size: 120px;
color: #d24e6a;
width: 50px;
}
.tween_sect .small2 {
right: 46%;
}
.container_new_bitsu {
max-width: 86%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.tween_sect .mask {
width: 100%;
}
.tween_sect .mask:after {
position: absolute;
z-index: 6;
background-color: rgba(255, 255, 255, 0.6);
width: 100%;
height: 100%;
content: "";
display: block;
}
.tween_sect .cross {
z-index: -1;
}
.tween_sect {
height: 600px;
}
.tween_sect .hash.small {
z-index: -1;
}
.tween_sect .small2 {
z-index: 2;
top: 12%;
right: 85%;
}
.layers.layer-5 {
width: 40px;
}
.tween_sect .small3 {
z-index: 2;
top: 30%;
left: 0%;
}
.tween_sect .layers.layer-6 {
width: 80px;
}
.tween_sect .layers.layer-8 {
width: 100px;
}
.tween_sect .layers.layer-5 {
width: 60px;
}
.red_tween {
margin-top: 85px;
max-width: 100%;
padding: 0 40px;
width: 100%;
box-sizing: border-box;
color: #ffffff;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
padding: 8px 84px 8px 0;
}
.tween_sect .cross-3 {
display:none;
}
.tween_sect .small4 {
position: absolute;
bottom: 52%;
left: 2.5%;
right: 0;
font-size: 120px;
color: #d24e6a;
width: 120px;
z-index: 1;
}
.tween_sect .small5 {
display: block;
position: absolute;
bottom: 40.5%;
left: 70%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: 3;
}
.tween_sect .layers.layer-8 {
display: block;
width: 100px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
}
.tween_sect .layers.layer-1 {
top: 34px;
right: -18%;
height: 63%;
}
.zag3-1-0-new {
font-size: 34px;
line-height: 42px;
margin: 0 auto;
margin-top: 70px;
text-align: center;
max-width: 300px;
}
.layer-2 {
display:none;
}
.tween_sect .small6 {
display: none;
}
.tween_sect .layers.layer-7 {
width: 80px;
}
.text-dost-bitsu3-new {
margin-top: 20px;
font-size: 60%;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
}
@media screen and (max-width: 490px) {
.tween_sect .mask {
width: 100%;
}
.tween_sect .mask:after {
position: absolute;
z-index: 6;
background-color: rgba(255, 255, 255, 0.8);
width: 100%;
height: 100%;
content: "";
display: block;
}
.tween_sect .cross {
z-index: -1;
}
.tween_sect {
height: 550px;
}
.tween_sect .hash.small {
z-index: -1;
}
.tween_sect .small2 {
z-index: 2;
top: 50%;
right: 86%;
}
.layers.layer-5 {
width: 40px;
}
.tween_sect .small3 {
z-index: 2;
top: 60%;
left: 0%;
}
.tween_sect .layers.layer-6 {
width: 55px;
}
.tween_sect .layers.layer-8 {
width: 100px;
}
.tween_sect .layers.layer-5 {
width: 40px;
}
.red_tween {
margin-top: 142px;
}
.tween_sect .cross-3 {
display:none;
}
.tween_sect .small4 {
position: absolute;
bottom: 34%;
left: 21%;
right: 0;
font-size: 120px;
color: #d24e6a;
width: 120px;
z-index: 1;
}
.tween_sect .small5 {
display: block;
position: absolute;
bottom: 32%;
left: 60%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: 3;
}
.tween_sect .layers.layer-8 {
display: block;
width: 100px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
}
.tween_sect .layers.layer-1 {
top: 18px;
right: -18%;
height: 64%;
transform: scale(1.1, 1.1);
}
.zag3-1-0-new {
font-size: 30px;
line-height: 42px;
margin-top: 80px;
text-align: center;
}
.layer-2 {
display:none;
}
}
.fade-in {
animation: fade-in 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
.tracking-in-contract {
-webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both;
animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
@-webkit-keyframes tracking-in-contract {
0% {
letter-spacing: 1em;
opacity: 0;
}
40% {
opacity: 0.6;
}
100% {
letter-spacing: normal;
opacity: 1;
}
}
@keyframes tracking-in-contract {
0% {
letter-spacing: 1em;
opacity: 0;
}
40% {
opacity: 0.6;
}
100% {
letter-spacing: normal;
opacity: 1;
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes clip-path {
0% {
-webkit-clip-path: circle(80% at 100% 0);
clip-path: circle(80% at 100% 0);
}
50% {
-webkit-clip-path: circle(90% at 100% 0);
clip-path: circle(90% at 100% 0);
}
100% {
-webkit-clip-path: circle(80% at 100% 0);
clip-path: circle(80% at 100% 0);
}
}
@keyframes rotate-360 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.cont-zag-2022 {
margin-bottom: 20px;
}
/*NG-banner-akciya*/
a.button.red_tween_bitsu-NG {
padding: 0 100px;
color: #ffffff;
position: absolute;
bottom: 0;
}
@media screen and (max-width: 768px) {
a.button.red_tween_bitsu-NG {
left: 0;
}
}
.red_tween_bitsu-NG {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
padding: 8px 84px 8px 0;
z-index: 3;
}
.red_tween_bitsu-NG {
/* margin: 47px 20px 0px 20px; */
z-index: 3;
height: 66px;
}
.zag3-1-0_bitsu2-bitsu-NG {
color: #ffffff;
font-size: 27px;
line-height: 32px;
margin-top: 30px;
max-width: 400px;
z-index: 3;
position: absolute;
}
.text-dost-bitsu-new-bitsu-NG {
font-size: 120%;
line-height: 190%;
}
.text-dost-bitsu-bold-new-bitsu-NG {
font-size: 70%;
}
.text-dost-bitsu2-new-bitsu-NG {
font-size: 40%;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.tween_sect_bitsu-NG {
height: 350px;
position: relative;
overflow: hidden;
background-image: url(/upload/137/chrome_NG_fon_3.jpg);
}
.tween_sect_bitsu-NG .mask_bitsu {
z-index: 1;
position: absolute;
right: 0;
top: 0;
width: 60%;
height: 100%;
overflow: hidden;
animation: clip-path ease 20s infinite both;
animation-delay: 0.4s;
-webkit-clip-path: circle(0 at 100% 0);
clip-path: circle(0 at 100% 0);
}
.tween_sect_bitsu-NG .layers_bitsu {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: auto;
z-index: 2;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-1_bitsu {
top: 0;
right: -1%;
transform: scale(1.2, 1.2);
}
.tween_sect_bitsu-NG .layers_bitsu.layer-2_bitsu {
right: 80%;
bottom: 10%;
width: 170px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9E9E9E);
filter: drop-shadow(.3rem .36rem .255rem #2d2d2d);
}
.tween_sect_bitsu-NG .layers_bitsu.layer-3_bitsu {
top: 0;
right: 20%;
}
.tween_sect_bitsu-NG .cross_bitsu {
position: relative;
transform: rotate(45deg);
z-index: -3;
}
.tween_sect_bitsu-NG .cross_bitsu:before {
/* content: ""; */
width: 280px;
height: 280px;
background-color: #e3e7ed;
display: block;
position: absolute;
z-index: 4;
top: 0;
left: 0;
margin-left: -16px;
border-radius: 100%;
}
.tween_sect_bitsu-NG .cross-3_bitsu {
position: absolute;
bottom: 150%;
left: 55%;
}
.tween_sect_bitsu-NG .hash_bitsu {
font-size: 420px;
position: absolute;
left: -5%;
color: #e3e7ed;
font-weight: 900;
line-height: 100%;
top: 35%;
z-index: -1;
}
.tween_sect_bitsu-NG .hash_bitsu.small_bitsu {
z-index: 2;
left: 60%;
top: -100%;
/* font-size: 120px; */
/* color: #d24e6a; */
width: 800px;
height: 800px;
/* background: red; */
border: 6px solid #ffffff;
border-radius: 100%;
}
.tween_sect_bitsu-NG .small2_bitsu {
position: absolute;
bottom: 105%;
right: 40%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: -3;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-5_bitsu {
opacity: 0.6;
width: 85px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9E9E9E);
filter: drop-shadow(.3rem .36rem .255rem #2d2d2d);
}
.tween_sect_bitsu-NG .small3_bitsu {
position: absolute;
top: 46%;
left: 41%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: -3;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-6_bitsu {
opacity: 0.6;
width: 105px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #2d2d2d);
filter: drop-shadow(.3rem .36rem .255rem #2d2d2d);
}
.tween_sect_bitsu-NG .small4_bitsu {
position: absolute;
bottom: 102%;
right: 86.5%;
font-size: 120px;
color: #d24e6a;
width: 120px;
z-index: 1;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-7_bitsu {
width: 140px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9FA5A4);
filter: drop-shadow(.3rem .36rem .255rem #9FA5A4);
opacity: 0.8;
}
.tween_sect_bitsu-NG .small5_bitsu {
display: none;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-8_bitsu {
width: 550px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
}
.tween_sect_bitsu-NG .small6_bitsu {
position: absolute;
top: 70%;
right: 90.5%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: -3;
-moz-transform: rotate(-10deg); /* Firefox */
-ms-transform: rotate(-10deg); /* IE */
-webkit-transform: rotate(-10deg); /*Safari, Chrome, iOS */
-o-transform: rotate(-10deg); /* Opera */
transform: rotate(-10deg);
}
.tween_sect_bitsu-NG .layers_bitsu.layer-9_bitsu {
width: 110px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9FA5A4);
filter: drop-shadow(.1rem .16rem .255rem #9FA5A4);
}
@media screen and (max-width: 1379px) {
.tween_sect_bitsu-NG .hash_bitsu.small_bitsu {
/* left: 81%; */
/* top: 58%; */
}
.tween_sect_bitsu-NG .layers_bitsu.layer-2_bitsu {
width: 180px;
}
.tween_sect_bitsu-NG .small4_bitsu {
bottom: 98%;
right: 83%;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-7_bitsu {
width: 140px;
}
.tween_sect_bitsu-NG .small2_bitsu {
bottom: 105%;
right: 42%;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-5_bitsu {
width: 100px;
}
.tween_sect_bitsu-NG .small3_bitsu {
top: 46%;
left: 47%;
}
.tween_sect_bitsu-NG .small3_bitsu {
top: 43%;
left: 44%;
z-index: 1;
}
.tween_sect_bitsu-NG .small6_bitsu {
bottom: 31%;
right: 89%;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-6_bitsu {
width: 85px;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-9_bitsu {
width: 110px;
}
.tween_sect_bitsu-NG .mask_bitsu:after {
position: absolute;
z-index: 6;
/* background-color: rgba(255, 255, 255, 0.5); */
width: 100%;
height: 100%;
content: "";
display: block;
}
}
@media screen and (max-width: 990px) {
.tween_sect_bitsu-NG .hash.small_bitsu {
z-index: 2;
left: 95%;
top: 65%;
font-size: 120px;
color: #d24e6a;
width: 50px;
}
}
@media screen and (max-width: 1220px) {
.tween_sect_bitsu-NG .layers_bitsu {
width: 210%;
}
}
@media screen and (max-width: 850px) {
.tween_sect_bitsu-NG .layers_bitsu {
width: 220%;
}
}
@media screen and (max-width: 768px) {
.tween_sect_bitsu-NG .mask_bitsu {
width: 100%;
}
.tween_sect_bitsu-NG .mask_bitsu:after {
position: absolute;
z-index: 6;
/* background-color: rgba(255, 255, 255, 0.6); */
width: 100%;
height: 100%;
content: "";
display: block;
}
.tween_sect_bitsu-NG .cross_bitsu {
z-index: -1;
}
.tween_sect_bitsu-NG {
height: 600px;
}
.tween_sect_bitsu-NG .hash.small_bitsu {
z-index: -1;
}
.tween_sect_bitsu-NG .small2_bitsu {
z-index: 2;
top: 12%;
right: 85%;
}
.tween_sect_bitsu-NG .small3_bitsu {
z-index: 2;
top: 30%;
left: 0%;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-6_bitsu {
width: 80px;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-8_bitsu {
width: 100px;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-5_bitsu {
width: 60px;
}
.red_tween_bitsu-NG {
margin: 88px 0px 0px 0px;
max-width: 100%;
padding: 0 40px;
width: 100%;
box-sizing: border-box;
color: #ffffff;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
padding: 8px 84px 8px 0;
}
.tween_sect_bitsu-NG .cross-3_bitsu {
display:none;
}
.tween_sect_bitsu-NG .small4_bitsu {
position: absolute;
bottom: 52%;
left: 2.5%;
right: 0;
font-size: 120px;
color: #d24e6a;
width: 120px;
z-index: 1;
}
.tween_sect_bitsu-NG .small5_bitsu {
display: block;
position: absolute;
bottom: 40.5%;
left: 70%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: 3;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-8_bitsu {
display: block;
width: 100px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
}
.tween_sect_bitsu-NG .layers_bitsu.layer-1_bitsu {
top: 38px;
right: -2%;
height: 63%;
}
.tween_sect_bitsu-NG .small6_bitsu {
display: none;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-7_bitsu {
width: 80px;
}
}
@media screen and (max-width: 490px) {
.tween_sect_bitsu-NG .mask_bitsu {
width: 100%;
}
.tween_sect_bitsu-NG .mask_bitsu:after {
position: absolute;
z-index: 6;
/* background-color: rgba(255, 255, 255, 0.8); */
width: 100%;
height: 100%;
content: "";
display: block;
}
.tween_sect_bitsu-NG .cross_bitsu {
z-index: -1;
}
.tween_sect_bitsu-NG {
height: 550px;
}
.tween_sect_bitsu-NG .hash_bitsu.small_bitsu {
z-index: -1;
}
.tween_sect_bitsu-NG .small2_bitsu {
z-index: 2;
top: 42%;
right: 86%;
}
.layers_bitsu.layer-5_bitsu {
width: 40px;
}
.tween_sect_bitsu-NG .small3_bitsu {
z-index: 2;
top: 52%;
left: 0%;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-6_bitsu {
width: 55px;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-8_bitsu {
width: 100px;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-5_bitsu {
width: 40px;
}
.tween_sect_bitsu-NG .cross-3_bitsu {
display:none;
}
.tween_sect_bitsu-NG .small4_bitsu {
position: absolute;
bottom: 42%;
left: 21%;
right: 0;
font-size: 120px;
color: #d24e6a;
width: 120px;
z-index: 1;
}
.tween_sect_bitsu-NG .small5_bitsu {
display: block;
position: absolute;
bottom: 37.5%;
left: 63%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: 3;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-8_bitsu {
display: block;
width: 100px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
}
.tween_sect_bitsu-NG .layers_bitsu.layer-1_bitsu {
top: 28px;
right: -18%;
height: 60%;
width: auto;
transform: scale(1.1, 1.1);
}
}
@media screen and (max-width: 768px) {
.tween_sect_bitsu-NG {
height: 600px;
}
}
@media screen and (max-width: 490px) {
.tween_sect_bitsu-NG {
height: 550px;
}
}
@media screen and (max-width: 768px) {
.zag3-1-0_bitsu2-bitsu-NG {
font-size: 34px;
line-height: 42px;
margin: 0 auto;
margin-top: 100px;
/* text-align: center; */
/* max-width: 300px; */
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
/* text-align: center; */
}
}
@media screen and (max-width: 490px) {
.zag3-1-0_bitsu2-bitsu-NG {
font-size: 29px;
line-height: 38px;
margin-top: 20px;
text-align: center;
max-width: 300px;
}
}
.swiper {
width: 100%;
height: 100%;
}
.my-swiper {
width: 200px;
}
.swiper-slide {
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper_cont {
max-width: 916px;
}
@media screen and (max-width: 1379px) {
.swiper_cont {
max-width: 850px;
}
}
@media screen and (max-width: 1163px) {
.swiper_cont {
max-width: 720px;
}
}
@media screen and (max-width: 1024px) {
.swiper_cont {
max-width: 100%;
}
}
.swiper .swiper-nav-wrapper {
bottom: 8%;
left: 0;
right:0;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
width: auto;
padding-top: 0em;
position: absolute;
}
.swiper-button-next {
position: absolute;
background-image: url(/local/templates/main/ms/img/vpravo.svg);
background-size: cover;
width: 30px;
height: 30px;
bottom: 20px;
right: 20px;
background-color: white;
box-shadow: 0px 4px 10px 0px rgb(29 29 29 / 50%);
outline: none;
}
.swiper-button-prev {
background-image: url(/local/templates/main/ms/img/vlevo.svg);
background-size: cover;
width: 30px;
height: 30px;
position: absolute;
bottom: 20px;
right: 60px;
background-color: white;
box-shadow: 0px 4px 10px 0px rgb(29 29 29 / 50%);
outline: none;
left: auto;
}
.swiper-button-next:after, .swiper-button-prev:after {
display: none;
}
@media screen and (max-width: 768px) {
.swiper .swiper-nav-wrapper {
bottom: 17%;
}
}
/*баннер новые формы*/
.tween_sect_bitsu-new-form {
height: 350px;
position: relative;
overflow: hidden;
background-image: url(/upload/137/chrome_NG_fon_3.jpg);
}
.tween_sect_bitsu-new-form .layers_bitsu {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: auto;
z-index: 2;
}
.new-form-button {
padding: 0 40px;
color: #ffffff;
position: absolute;
bottom: 10%;
font-size: 34px;
line-height: 38px;
text-transform: uppercase;
font-family: 'GothamProMedium', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-decoration: none;
background-color: #9b2743;
}
.new-form-button:hover {
color: #ffffff;
}
.new-form-button:active {
color: #ffffff;
}
.new-form-button:visited {
color: #ffffff;
}
.new-form-text-cont {
color: #ffffff;
font-size: 32px;
line-height: 38px;
margin-top: 70px;
margin-left: 40px;
max-width: 400px;
z-index: 3;
position: absolute;
font-family: 'GothamProMedium', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.new-form-text-first {
text-transform: uppercase;
}
.new-form-text-second {
line-height: 90px;
}
.new-form-text-uppercase {
text-transform: uppercase;
}
.new-form-button {
padding: 0 30px;
color: #ffffff;
position: absolute;
bottom: 10%;
font-size: 34px;
line-height: 38px;
text-transform: uppercase;
font-family: 'GothamProMedium', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-decoration: none;
background-color: #9b2743;
}
.new-form-button:hover {
color: #ffffff;
}
.new-form-button:active {
color: #ffffff;
}
.new-form-mask-2 {
z-index: 1;
position: absolute;
right: 10px;
top: 0;
width: 75%;
height: 100%;
overflow: hidden;
animation: clip-path ease 20s infinite both;
animation-delay: 0.4s;
-webkit-clip-path: circle(0 at 100% 0);
clip-path: circle(0 at 100% 0);
background: white;
transform: rotate(6deg);
}
.new-form-mask {
z-index: 1;
position: absolute;
right: 0;
top: 0;
width: 73%;
height: 100%;
overflow: hidden;
animation: clip-path ease 20s infinite both;
animation-delay: 0.4s;
-webkit-clip-path: circle(0 at 100% 0);
clip-path: circle(0 at 100% 0);
}
.new-form-button-cont {
position: absolute;
bottom: 10%;
}
.new-form-button {
padding: 0 40px;
color: #ffffff;
position: relative;
display: inline-block;
font-size: 38px;
line-height: 42px;
text-transform: uppercase;
font-family: 'GothamProMedium', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-decoration: none;
background-color: #9b2743;
}
.new-form-button:hover {
color: #ffffff;
}
.new-form-button:active {
color: #ffffff;
}
.new-form-button-text-2023 {
padding: 0 20px;
color: #ffffff;
position: relative;
display: inline-block;
font-size: 38px;
line-height: 42px;
text-transform: uppercase;
font-family: 'GothamProMedium', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-decoration: none;
color: transparent;
-webkit-text-stroke: 1px white;
}
.swiper .swiper-nav-wrapper {
bottom: 8%;
left: 0;
right:0;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
width: auto;
padding-top: 0em;
position: absolute;
}
.swiper-button-next {
position: absolute;
background-image: url(/local/templates/main/ms/img/vpravo.svg);
background-size: cover;
width: 30px;
height: 30px;
bottom: 20px;
right: 20px;
background-color: white;
box-shadow: 0px 4px 10px 0px rgb(29 29 29 / 50%);
outline: none;
}
.swiper-button-prev {
background-image: url(/local/templates/main/ms/img/vlevo.svg);
background-size: cover;
width: 30px;
height: 30px;
position: absolute;
bottom: 20px;
right: 60px;
background-color: white;
box-shadow: 0px 4px 10px 0px rgb(29 29 29 / 50%);
outline: none;
left: auto;
}
.swiper-button-next:after, .swiper-button-prev:after {
display: none;
}
@media screen and (max-width: 1350px) {
.new-form-button {
font-size: 30px;
line-height: 34px;
}
.new-form-button-text-2023 {
font-size: 30px;
line-height: 34px;
}
.new-form-text-cont {
font-size: 32px;
line-height: 38px;
margin-top: 70px;
margin-left: 20px;
}
}
@media screen and (max-width: 880px) {
.new-form-button {
font-size: 26px;
line-height: 30px;
}
.new-form-button-text-2023 {
font-size: 26px;
line-height: 30px;
}
}
@media screen and (max-width: 768px) {
.swiper .swiper-nav-wrapper {
bottom: 43%;
}
.tween_sect_bitsu-new-form {
height: 700px;
}
.tween_sect_bitsu-new-form .layers_bitsu.layer-1_bitsu {
top: 28px;
right: 0;
height: 50%;
width: 100%;
transform: scale(1.1, 1.1);
border-bottom: 6px solid #fff;
}
.new-form-button {
width: 100%;
box-sizing: border-box;
}
.new-form-text-cont {
font-size: 34px;
line-height: 42px;
margin-top: 0px;
max-width: 90%;
margin-left: auto;
margin-right: auto;
bottom: 16%;
text-align: center;
width: 100%;
}
.new-form-mask-2 {
width: 100%;
left: 20px;
top: 20px;
transform: rotate(359deg);
}
.new-form-mask {
width: 100%;
}
.new-form-mask-2 {
z-index: 1;
position: absolute;
right: 10px;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
animation: none;
clip-path: inset(10px 50px);
background: white;
transform: rotate(0deg);
display: none;
clip-path: inset(0px 0px);
}
.new-form-mask {
z-index: 1;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
animation: none;
clip-path: inset(0px 0px);
clip-path: inset(0px 0px);
}
.new-form-text-second {
line-height: 0px;
display: block;
margin-top: 30px;
}
.new-form-button-cont {
position: absolute;
bottom: 5%;
width: 100%;
text-align: center;
}
.new-form-button {
font-size: 34px;
line-height: 42px;
width: auto;
text-align: center;
padding: 0 20px;
}
.swiper .swiper-nav-wrapper {
bottom: 43%;
}
}
@media screen and (max-width: 490px) {
.new-form-text-cont {
font-size: 24px;
line-height: 30px;
margin-top: 0px;
max-width: 300px;
margin-left: 0px;
bottom: 90px;
text-align: left;
}
.new-form-text-second {
line-height: 0px;
display: block;
margin-top: 30px;
}
.new-form-button-cont {
position: absolute;
bottom: 5%;
text-align: left;
z-index: 2;
}
.new-form-button {
font-size: 24px;
line-height: 30px;
width: 60%;
text-align: left;
padding: 0 20px;
}
.new-form-button-text-2023 {
font-size: 24px;
line-height: 30px;
}
.tween_sect_bitsu-new-form {
height: 550px;
}
.swiper .swiper-nav-wrapper {
bottom: 43%;
}
}
/* End */
/* Start:/local/templates/main/styles/banner_new_form_2023_main.css?1748547216146367*/
.dev {
position: fixed;
top: 0;
left: 0;
padding: 1em;
background-color: white;
}
.text-dost-bitsu-new {
font-size: 90%;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.text-dost-bitsu2-new {
font-size: 100%;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.text-dost-bitsu3-new {
margin-top: 40px;
font-size: 60%;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.text-dost-bitsu-bold-new {
font-size: 90%;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.text-dost-bitsu-bold2-new {
font-size: 70%;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.tween_sect {
height: 600px;
position: relative;
overflow: hidden;
}
.tween_sect .mask {
z-index: -1;
position: absolute;
right: 0;
top: 0;
width: 65%;
height: 100%;
overflow: hidden;
animation: clip-path ease 20s infinite both;
animation-delay: 0.4s;
-webkit-clip-path: circle(0 at 100% 0);
clip-path: circle(0 at 100% 0);
}
.tween_sect .layers {
position: absolute;
top: 0;
right: 0;
width: auto;
height: auto;
z-index: 2;
}
.tween_sect .layers.layer-1 {
top: -10%;
right: -10%;
}
.tween_sect .layers.layer-2 {
right: 80%;
bottom: 10%;
width: 370px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9E9E9E);
filter: drop-shadow(.3rem .36rem .255rem #2d2d2d);
}
.tween_sect .layers.layer-3 {
top: 0;
right: 20%;
}
.tween_sect .cross {
position: relative;
/* transform: rotate(45deg); */
z-index: -3;
}
.tween_sect .cross img {
content: "";
width: 240px;
height: 240px;
display: block;
/* position: absolute; */
z-index: 4;
top: 0;
left: 0;
margin-left: -16px;
border-radius: 100%;
}
.tween_sect .cross-3 {
position: absolute;
bottom: 110%;
left: 46%;
}
.tween_sect .hash {
font-size: 420px;
position: absolute;
left: -5%;
color: #e3e7ed;
font-weight: 900;
line-height: 100%;
top: 35%;
z-index: -1;
}
.tween_sect .hash.small {
z-index: 2;
left: 72%;
top: 52%;
font-size: 120px;
color: #d24e6a;
width: 50px;
}
.tween_sect .small2 {
position: absolute;
bottom: 105%;
right: 40%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: -3;
}
.tween_sect .layers.layer-5 {
opacity: 0.6;
width: 200px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9E9E9E);
filter: drop-shadow(.3rem .36rem .255rem #2d2d2d);
}
.tween_sect .small3 {
position: absolute;
top: 50%;
left: 45%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: -3;
}
.tween_sect .layers.layer-6 {
opacity: 0.6;
width: 190px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9E9E9E);
filter: drop-shadow(.3rem .36rem .255rem #2d2d2d);
}
.tween_sect .small4 {
position: absolute;
bottom: 100%;
right: 85.5%;
font-size: 120px;
color: #d24e6a;
width: 120px;
z-index: 1;
}
.tween_sect .layers.layer-7 {
width: 280px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9FA5A4);
filter: drop-shadow(.3rem .36rem .255rem #9FA5A4);
opacity: 0.8;
}
.tween_sect .small5 {
display: none;
}
.tween_sect .layers.layer-8 {
width: 550px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
}
.tween_sect .small6 {
position: absolute;
bottom: 31%;
right: 92%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: -3;
-moz-transform: rotate(-10deg); /* Для Firefox */
-ms-transform: rotate(-10deg); /* Для IE */
-webkit-transform: rotate(-10deg); /* Для Safari, Chrome, iOS */
-o-transform: rotate(-10deg); /* Для Opera */
transform: rotate(-10deg);
}
.tween_sect .layers.layer-9 {
width: 200px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9FA5A4);
filter: drop-shadow(.1rem .16rem .255rem #9FA5A4);
}
.zag3-1-0-new {
color: #2e3944;
font-size: 44px;
line-height: 70px;
margin-top: 100px;
max-width: 690px;
z-index: 3;
}
a.button.red_tween {
padding: 0 100px;
color: #ffffff;
}
.red_tween {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
padding: 8px 84px 8px 0;
margin-top: 80px;
z-index: 3;
}
.container_new_bitsu {
max-width: 1225px;
margin: 0 auto;
}
@media screen and (max-width: 1700px) {
.container_new_bitsu {
max-width: 71%;
margin: 0 auto;
}
.tween_sect .hash.small {
left: 74%;
top: 60%;
}
.tween_sect .layers.layer-2 {
width: 300px;
}
.tween_sect .small4 {
bottom: 100%;
right: 88%;
}
.tween_sect .layers.layer-7 {
width: 200px;
}
.tween_sect .small2 {
bottom: 105%;
right: 43%;
}
.tween_sect .layers.layer-5 {
width: 150px;
}
.tween_sect .small6 {
bottom: 31%;
right: 91%;
}
.text-dost-bitsu-new {
font-size: 85%;
}
.text-dost-bitsu2-new {
font-size: 95%;
}
.text-dost-bitsu3-new {
margin-top: 30px;
font-size: 55%;
}
.text-dost-bitsu-bold-new {
font-size: 85%;
}
.text-dost-bitsu-bold2-new {
font-size: 65%;
}
}
@media screen and (max-width: 1379px) {
.tween_sect .hash.small {
left: 88%;
top: 73%;
}
.tween_sect .layers.layer-2 {
width: 210px;
}
.tween_sect .small4 {
bottom: 98%;
right: 85%;
}
.tween_sect .layers.layer-7 {
width: 180px;
}
.tween_sect .small2 {
bottom: 105%;
right: 43%;
}
.tween_sect .layers.layer-5 {
width: 140px;
}
.tween_sect .small3 {
top: 46%;
left: 47%;
}
.tween_sect .layers.layer-6 {
width: 120px;
}
.tween_sect .small3 {
top: 46%;
left: 47%;
z-index: 1;
}
.tween_sect .small6 {
bottom: 31%;
right: 89%;
}
.tween_sect .layers.layer-9 {
width: 180px;
}
.text-dost-bitsu-new {
font-size: 85%;
}
.text-dost-bitsu2-new {
font-size: 95%;
}
.text-dost-bitsu3-new {
margin-top: 30px;
font-size: 55%;
}
.text-dost-bitsu-bold-new {
font-size: 85%;
}
.text-dost-bitsu-bold2-new {
font-size: 65%;
}
.tween_sect .mask:after {
position: absolute;
z-index: 6;
background-color: rgba(255, 255, 255, 0.5);
width: 100%;
height: 100%;
content: "";
display: block;
}
}
@media screen and (max-width: 990px) {
.tween_sect .hash.small {
z-index: 2;
left: 95%;
top: 65%;
font-size: 120px;
color: #d24e6a;
width: 50px;
}
.tween_sect .small2 {
right: 46%;
}
.container_new_bitsu {
max-width: 86%;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.tween_sect .mask {
width: 100%;
}
.tween_sect .mask:after {
position: absolute;
z-index: 6;
background-color: rgba(255, 255, 255, 0.6);
width: 100%;
height: 100%;
content: "";
display: block;
}
.tween_sect .cross {
z-index: -1;
}
.tween_sect {
height: 600px;
}
.tween_sect .hash.small {
z-index: -1;
}
.tween_sect .small2 {
z-index: 2;
top: 12%;
right: 85%;
}
.layers.layer-5 {
width: 40px;
}
.tween_sect .small3 {
z-index: 2;
top: 30%;
left: 0%;
}
.tween_sect .layers.layer-6 {
width: 80px;
}
.tween_sect .layers.layer-8 {
width: 100px;
}
.tween_sect .layers.layer-5 {
width: 60px;
}
.red_tween {
margin-top: 85px;
max-width: 100%;
padding: 0 40px;
width: 100%;
box-sizing: border-box;
color: #ffffff;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
padding: 8px 84px 8px 0;
}
.tween_sect .cross-3 {
display:none;
}
.tween_sect .small4 {
position: absolute;
bottom: 52%;
left: 2.5%;
right: 0;
font-size: 120px;
color: #d24e6a;
width: 120px;
z-index: 1;
}
.tween_sect .small5 {
display: block;
position: absolute;
bottom: 40.5%;
left: 70%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: 3;
}
.tween_sect .layers.layer-8 {
display: block;
width: 100px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
}
.tween_sect .layers.layer-1 {
top: 34px;
right: -18%;
height: 63%;
}
.zag3-1-0-new {
font-size: 34px;
line-height: 42px;
margin: 0 auto;
margin-top: 70px;
text-align: center;
max-width: 300px;
}
.layer-2 {
display:none;
}
.tween_sect .small6 {
display: none;
}
.tween_sect .layers.layer-7 {
width: 80px;
}
.text-dost-bitsu3-new {
margin-top: 20px;
font-size: 60%;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
}
@media screen and (max-width: 490px) {
.tween_sect .mask {
width: 100%;
}
.tween_sect .mask:after {
position: absolute;
z-index: 6;
background-color: rgba(255, 255, 255, 0.8);
width: 100%;
height: 100%;
content: "";
display: block;
}
.tween_sect .cross {
z-index: -1;
}
.tween_sect {
height: 550px;
}
.tween_sect .hash.small {
z-index: -1;
}
.tween_sect .small2 {
z-index: 2;
top: 50%;
right: 86%;
}
.layers.layer-5 {
width: 40px;
}
.tween_sect .small3 {
z-index: 2;
top: 60%;
left: 0%;
}
.tween_sect .layers.layer-6 {
width: 55px;
}
.tween_sect .layers.layer-8 {
width: 100px;
}
.tween_sect .layers.layer-5 {
width: 40px;
}
.red_tween {
margin-top: 142px;
}
.tween_sect .cross-3 {
display:none;
}
.tween_sect .small4 {
position: absolute;
bottom: 34%;
left: 21%;
right: 0;
font-size: 120px;
color: #d24e6a;
width: 120px;
z-index: 1;
}
.tween_sect .small5 {
display: block;
position: absolute;
bottom: 32%;
left: 60%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: 3;
}
.tween_sect .layers.layer-8 {
display: block;
width: 100px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
}
.tween_sect .layers.layer-1 {
top: 18px;
right: -18%;
height: 64%;
transform: scale(1.1, 1.1);
}
.zag3-1-0-new {
font-size: 30px;
line-height: 42px;
margin-top: 80px;
text-align: center;
}
.layer-2 {
display:none;
}
}
.fade-in {
animation: fade-in 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
.tracking-in-contract {
-webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both;
animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
@-webkit-keyframes tracking-in-contract {
0% {
letter-spacing: 1em;
opacity: 0;
}
40% {
opacity: 0.6;
}
100% {
letter-spacing: normal;
opacity: 1;
}
}
@keyframes tracking-in-contract {
0% {
letter-spacing: 1em;
opacity: 0;
}
40% {
opacity: 0.6;
}
100% {
letter-spacing: normal;
opacity: 1;
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes clip-path {
0% {
-webkit-clip-path: circle(80% at 100% 0);
clip-path: circle(80% at 100% 0);
}
50% {
-webkit-clip-path: circle(90% at 100% 0);
clip-path: circle(90% at 100% 0);
}
100% {
-webkit-clip-path: circle(80% at 100% 0);
clip-path: circle(80% at 100% 0);
}
}
@keyframes rotate-360 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.cont-zag-2022 {
margin-bottom: 20px;
}
/*NG-banner-akciya*/
a.button.red_tween_bitsu-NG {
padding: 0 100px;
color: #ffffff;
position: absolute;
bottom: 0;
}
@media screen and (max-width: 768px) {
a.button.red_tween_bitsu-NG {
left: 0;
}
}
.red_tween_bitsu-NG {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
padding: 8px 84px 8px 0;
z-index: 3;
}
.red_tween_bitsu-NG {
/* margin: 47px 20px 0px 20px; */
z-index: 3;
height: 66px;
}
.zag3-1-0_bitsu2-bitsu-NG {
color: #ffffff;
font-size: 27px;
line-height: 32px;
margin-top: 30px;
max-width: 400px;
z-index: 3;
position: absolute;
}
.text-dost-bitsu-new-bitsu-NG {
font-size: 120%;
line-height: 190%;
}
.text-dost-bitsu-bold-new-bitsu-NG {
font-size: 70%;
}
.text-dost-bitsu2-new-bitsu-NG {
font-size: 40%;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.tween_sect_bitsu-NG {
height: 350px;
position: relative;
overflow: hidden;
background-image: url(/upload/137/chrome_NG_fon_3.jpg);
}
.tween_sect_bitsu-NG .mask_bitsu {
z-index: 1;
position: absolute;
right: 0;
top: 0;
width: 60%;
height: 100%;
overflow: hidden;
animation: clip-path ease 20s infinite both;
animation-delay: 0.4s;
-webkit-clip-path: circle(0 at 100% 0);
clip-path: circle(0 at 100% 0);
}
.tween_sect_bitsu-NG .layers_bitsu {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: auto;
z-index: 2;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-1_bitsu {
top: 0;
right: -1%;
transform: scale(1.2, 1.2);
}
.tween_sect_bitsu-NG .layers_bitsu.layer-2_bitsu {
right: 80%;
bottom: 10%;
width: 170px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9E9E9E);
filter: drop-shadow(.3rem .36rem .255rem #2d2d2d);
}
.tween_sect_bitsu-NG .layers_bitsu.layer-3_bitsu {
top: 0;
right: 20%;
}
.tween_sect_bitsu-NG .cross_bitsu {
position: relative;
transform: rotate(45deg);
z-index: -3;
}
.tween_sect_bitsu-NG .cross_bitsu:before {
/* content: ""; */
width: 280px;
height: 280px;
background-color: #e3e7ed;
display: block;
position: absolute;
z-index: 4;
top: 0;
left: 0;
margin-left: -16px;
border-radius: 100%;
}
.tween_sect_bitsu-NG .cross-3_bitsu {
position: absolute;
bottom: 150%;
left: 55%;
}
.tween_sect_bitsu-NG .hash_bitsu {
font-size: 420px;
position: absolute;
left: -5%;
color: #e3e7ed;
font-weight: 900;
line-height: 100%;
top: 35%;
z-index: -1;
}
.tween_sect_bitsu-NG .hash_bitsu.small_bitsu {
z-index: 2;
left: 60%;
top: -100%;
/* font-size: 120px; */
/* color: #d24e6a; */
width: 800px;
height: 800px;
/* background: red; */
border: 6px solid #ffffff;
border-radius: 100%;
}
.tween_sect_bitsu-NG .small2_bitsu {
position: absolute;
bottom: 105%;
right: 40%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: -3;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-5_bitsu {
opacity: 0.6;
width: 85px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9E9E9E);
filter: drop-shadow(.3rem .36rem .255rem #2d2d2d);
}
.tween_sect_bitsu-NG .small3_bitsu {
position: absolute;
top: 46%;
left: 41%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: -3;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-6_bitsu {
opacity: 0.6;
width: 105px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #2d2d2d);
filter: drop-shadow(.3rem .36rem .255rem #2d2d2d);
}
.tween_sect_bitsu-NG .small4_bitsu {
position: absolute;
bottom: 102%;
right: 86.5%;
font-size: 120px;
color: #d24e6a;
width: 120px;
z-index: 1;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-7_bitsu {
width: 140px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9FA5A4);
filter: drop-shadow(.3rem .36rem .255rem #9FA5A4);
opacity: 0.8;
}
.tween_sect_bitsu-NG .small5_bitsu {
display: none;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-8_bitsu {
width: 550px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
}
.tween_sect_bitsu-NG .small6_bitsu {
position: absolute;
top: 70%;
right: 90.5%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: -3;
-moz-transform: rotate(-10deg); /* Firefox */
-ms-transform: rotate(-10deg); /* IE */
-webkit-transform: rotate(-10deg); /*Safari, Chrome, iOS */
-o-transform: rotate(-10deg); /* Opera */
transform: rotate(-10deg);
}
.tween_sect_bitsu-NG .layers_bitsu.layer-9_bitsu {
width: 110px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #9FA5A4);
filter: drop-shadow(.1rem .16rem .255rem #9FA5A4);
}
@media screen and (max-width: 1379px) {
.tween_sect_bitsu-NG .hash_bitsu.small_bitsu {
/* left: 81%; */
/* top: 58%; */
}
.tween_sect_bitsu-NG .layers_bitsu.layer-2_bitsu {
width: 180px;
}
.tween_sect_bitsu-NG .small4_bitsu {
bottom: 98%;
right: 83%;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-7_bitsu {
width: 140px;
}
.tween_sect_bitsu-NG .small2_bitsu {
bottom: 105%;
right: 42%;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-5_bitsu {
width: 100px;
}
.tween_sect_bitsu-NG .small3_bitsu {
top: 46%;
left: 47%;
}
.tween_sect_bitsu-NG .small3_bitsu {
top: 43%;
left: 44%;
z-index: 1;
}
.tween_sect_bitsu-NG .small6_bitsu {
bottom: 31%;
right: 89%;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-6_bitsu {
width: 85px;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-9_bitsu {
width: 110px;
}
.tween_sect_bitsu-NG .mask_bitsu:after {
position: absolute;
z-index: 6;
/* background-color: rgba(255, 255, 255, 0.5); */
width: 100%;
height: 100%;
content: "";
display: block;
}
}
@media screen and (max-width: 990px) {
.tween_sect_bitsu-NG .hash.small_bitsu {
z-index: 2;
left: 95%;
top: 65%;
font-size: 120px;
color: #d24e6a;
width: 50px;
}
}
@media screen and (max-width: 1220px) {
.tween_sect_bitsu-NG .layers_bitsu {
width: 210%;
}
}
@media screen and (max-width: 850px) {
.tween_sect_bitsu-NG .layers_bitsu {
width: 220%;
}
}
@media screen and (max-width: 768px) {
.tween_sect_bitsu-NG .mask_bitsu {
width: 100%;
}
.tween_sect_bitsu-NG .mask_bitsu:after {
position: absolute;
z-index: 6;
/* background-color: rgba(255, 255, 255, 0.6); */
width: 100%;
height: 100%;
content: "";
display: block;
}
.tween_sect_bitsu-NG .cross_bitsu {
z-index: -1;
}
.tween_sect_bitsu-NG {
height: 600px;
}
.tween_sect_bitsu-NG .hash.small_bitsu {
z-index: -1;
}
.tween_sect_bitsu-NG .small2_bitsu {
z-index: 2;
top: 12%;
right: 85%;
}
.tween_sect_bitsu-NG .small3_bitsu {
z-index: 2;
top: 30%;
left: 0%;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-6_bitsu {
width: 80px;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-8_bitsu {
width: 100px;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-5_bitsu {
width: 60px;
}
.red_tween_bitsu-NG {
margin: 88px 0px 0px 0px;
max-width: 100%;
padding: 0 40px;
width: 100%;
box-sizing: border-box;
color: #ffffff;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
padding: 8px 84px 8px 0;
}
.tween_sect_bitsu-NG .cross-3_bitsu {
display:none;
}
.tween_sect_bitsu-NG .small4_bitsu {
position: absolute;
bottom: 52%;
left: 2.5%;
right: 0;
font-size: 120px;
color: #d24e6a;
width: 120px;
z-index: 1;
}
.tween_sect_bitsu-NG .small5_bitsu {
display: block;
position: absolute;
bottom: 40.5%;
left: 70%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: 3;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-8_bitsu {
display: block;
width: 100px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
}
.tween_sect_bitsu-NG .layers_bitsu.layer-1_bitsu {
top: 38px;
right: -2%;
height: 63%;
}
.tween_sect_bitsu-NG .small6_bitsu {
display: none;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-7_bitsu {
width: 80px;
}
}
@media screen and (max-width: 490px) {
.tween_sect_bitsu-NG .mask_bitsu {
width: 100%;
}
.tween_sect_bitsu-NG .mask_bitsu:after {
position: absolute;
z-index: 6;
/* background-color: rgba(255, 255, 255, 0.8); */
width: 100%;
height: 100%;
content: "";
display: block;
}
.tween_sect_bitsu-NG .cross_bitsu {
z-index: -1;
}
.tween_sect_bitsu-NG {
height: 550px;
}
.tween_sect_bitsu-NG .hash_bitsu.small_bitsu {
z-index: -1;
}
.tween_sect_bitsu-NG .small2_bitsu {
z-index: 2;
top: 42%;
right: 86%;
}
.layers_bitsu.layer-5_bitsu {
width: 40px;
}
.tween_sect_bitsu-NG .small3_bitsu {
z-index: 2;
top: 52%;
left: 0%;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-6_bitsu {
width: 55px;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-8_bitsu {
width: 100px;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-5_bitsu {
width: 40px;
}
.tween_sect_bitsu-NG .cross-3_bitsu {
display:none;
}
.tween_sect_bitsu-NG .small4_bitsu {
position: absolute;
bottom: 42%;
left: 21%;
right: 0;
font-size: 120px;
color: #d24e6a;
width: 120px;
z-index: 1;
}
.tween_sect_bitsu-NG .small5_bitsu {
display: block;
position: absolute;
bottom: 37.5%;
left: 63%;
font-size: 120px;
color: #d24e6a;
width: 100px;
z-index: 3;
}
.tween_sect_bitsu-NG .layers_bitsu.layer-8_bitsu {
display: block;
width: 100px;
-webkit-filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
filter: drop-shadow(.3rem .36rem .255rem #d4d8de);
}
.tween_sect_bitsu-NG .layers_bitsu.layer-1_bitsu {
top: 28px;
right: -18%;
height: 60%;
width: auto;
transform: scale(1.1, 1.1);
}
}
@media screen and (max-width: 768px) {
.tween_sect_bitsu-NG {
height: 600px;
}
}
@media screen and (max-width: 490px) {
.tween_sect_bitsu-NG {
height: 550px;
}
}
@media screen and (max-width: 768px) {
.zag3-1-0_bitsu2-bitsu-NG {
font-size: 34px;
line-height: 42px;
margin: 0 auto;
margin-top: 100px;
/* text-align: center; */
/* max-width: 300px; */
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
/* text-align: center; */
}
}
@media screen and (max-width: 490px) {
.zag3-1-0_bitsu2-bitsu-NG {
font-size: 29px;
line-height: 38px;
margin-top: 20px;
text-align: center;
max-width: 300px;
}
}
.swiper {
width: 100%;
height: 100%;
}
.my-swiper {
width: 200px;
}
.swiper-slide {
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper_cont {
max-width: 916px;
}
@media screen and (max-width: 1379px) {
.swiper_cont {
max-width: 850px;
}
}
@media screen and (max-width: 1163px) {
.swiper_cont {
max-width: 720px;
}
}
@media screen and (max-width: 1024px) {
.swiper_cont {
max-width: 100%;
}
}
.swiper .swiper-nav-wrapper {
bottom: 8%;
left: 0;
right:0;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
width: auto;
padding-top: 0em;
position: absolute;
}
.swiper-button-next {
position: absolute;
background-image: url(/local/templates/main/ms/img/vpravo.svg);
background-size: cover;
width: 30px;
height: 30px;
bottom: 20px;
right: 20px;
background-color: white;
box-shadow: 0px 4px 10px 0px rgb(29 29 29 / 50%);
outline: none;
}
.swiper-button-prev {
background-image: url(/local/templates/main/ms/img/vlevo.svg);
background-size: cover;
width: 30px;
height: 30px;
position: absolute;
bottom: 20px;
right: 60px;
background-color: white;
box-shadow: 0px 4px 10px 0px rgb(29 29 29 / 50%);
outline: none;
left: auto;
}
.swiper-button-next:after, .swiper-button-prev:after {
display: none;
}
@media screen and (max-width: 768px) {
.swiper .swiper-nav-wrapper {
bottom: 17%;
}
}
/*баннер новые формы*/
.tween_sect_bitsu-new-form {
height: 350px;
position: relative;
overflow: hidden;
background-image: url(/upload/137/chrome_NG_fon_3.jpg);
}
.tween_sect_bitsu-new-form .layers_bitsu {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: auto;
z-index: 2;
}
.new-form-button {
padding: 0 40px;
color: #ffffff;
position: absolute;
bottom: 10%;
font-size: 34px;
line-height: 38px;
text-transform: uppercase;
font-family: 'GothamProMedium', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-decoration: none;
background-color: #9b2743;
}
.new-form-button:hover {
color: #ffffff;
}
.new-form-button:active {
color: #ffffff;
}
.new-form-button:visited {
color: #ffffff;
}
.new-form-text-cont {
color: #ffffff;
font-size: 32px;
line-height: 38px;
margin-top: 70px;
margin-left: 40px;
max-width: 400px;
z-index: 3;
position: absolute;
font-family: 'GothamProMedium', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.new-form-text-first {
text-transform: uppercase;
}
.new-form-text-second {
line-height: 90px;
}
.new-form-text-uppercase {
text-transform: uppercase;
}
.new-form-button {
padding: 0 30px;
color: #ffffff;
position: absolute;
bottom: 10%;
font-size: 34px;
line-height: 38px;
text-transform: uppercase;
font-family: 'GothamProMedium', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-decoration: none;
background-color: #9b2743;
}
.new-form-button:hover {
color: #ffffff;
}
.new-form-button:active {
color: #ffffff;
}
.new-form-mask-2 {
z-index: 1;
position: absolute;
right: 10px;
top: 0;
width: 75%;
height: 100%;
overflow: hidden;
animation: clip-path ease 20s infinite both;
animation-delay: 0.4s;
-webkit-clip-path: circle(0 at 100% 0);
clip-path: circle(0 at 100% 0);
background: white;
transform: rotate(6deg);
}
.new-form-mask {
z-index: 1;
position: absolute;
right: 0;
top: 0;
width: 73%;
height: 100%;
overflow: hidden;
animation: clip-path ease 20s infinite both;
animation-delay: 0.4s;
-webkit-clip-path: circle(0 at 100% 0);
clip-path: circle(0 at 100% 0);
}
.new-form-button-cont {
position: absolute;
bottom: 10%;
}
.new-form-button {
padding: 0 40px;
color: #ffffff;
position: relative;
display: inline-block;
font-size: 38px;
line-height: 42px;
text-transform: uppercase;
font-family: 'GothamProMedium', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-decoration: none;
background-color: #9b2743;
}
.new-form-button:hover {
color: #ffffff;
}
.new-form-button:active {
color: #ffffff;
}
.new-form-button-text-2023 {
padding: 0 20px;
color: #ffffff;
position: relative;
display: inline-block;
font-size: 38px;
line-height: 42px;
text-transform: uppercase;
font-family: 'GothamProMedium', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-decoration: none;
color: transparent;
-webkit-text-stroke: 1px white;
}
.swiper .swiper-nav-wrapper {
bottom: 8%;
left: 0;
right:0;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
width: auto;
padding-top: 0em;
position: absolute;
}
.swiper-button-next {
position: absolute;
background-image: url(/local/templates/main/ms/img/vpravo.svg);
background-size: cover;
width: 30px;
height: 30px;
bottom: 20px;
right: 20px;
background-color: white;
box-shadow: 0px 4px 10px 0px rgb(29 29 29 / 50%);
outline: none;
}
.swiper-button-prev {
background-image: url(/local/templates/main/ms/img/vlevo.svg);
background-size: cover;
width: 30px;
height: 30px;
position: absolute;
bottom: 20px;
right: 60px;
background-color: white;
box-shadow: 0px 4px 10px 0px rgb(29 29 29 / 50%);
outline: none;
left: auto;
}
.swiper-button-next:after, .swiper-button-prev:after {
display: none;
}
@media screen and (max-width: 1350px) {
.new-form-button {
font-size: 30px;
line-height: 34px;
}
.new-form-button-text-2023 {
font-size: 30px;
line-height: 34px;
}
.new-form-text-cont {
font-size: 32px;
line-height: 38px;
margin-top: 70px;
margin-left: 20px;
}
}
@media screen and (max-width: 880px) {
.new-form-button {
font-size: 26px;
line-height: 30px;
}
.new-form-button-text-2023 {
font-size: 26px;
line-height: 30px;
}
}
@media screen and (max-width: 768px) {
.swiper .swiper-nav-wrapper {
bottom: 43%;
}
.tween_sect_bitsu-new-form {
height: 700px;
}
.tween_sect_bitsu-new-form .layers_bitsu.layer-1_bitsu {
top: 28px;
right: 0;
height: 50%;
width: 100%;
transform: scale(1.1, 1.1);
border-bottom: 6px solid #fff;
}
.new-form-button {
width: 100%;
box-sizing: border-box;
}
.new-form-text-cont {
font-size: 34px;
line-height: 42px;
margin-top: 0px;
max-width: 90%;
margin-left: auto;
margin-right: auto;
bottom: 16%;
text-align: center;
width: 100%;
}
.new-form-mask-2 {
width: 100%;
left: 20px;
top: 20px;
transform: rotate(359deg);
}
.new-form-mask {
width: 100%;
}
.new-form-mask-2 {
z-index: 1;
position: absolute;
right: 10px;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
animation: none;
clip-path: inset(10px 50px);
background: white;
transform: rotate(0deg);
display: none;
clip-path: inset(0px 0px);
}
.new-form-mask {
z-index: 1;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
animation: none;
clip-path: inset(0px 0px);
clip-path: inset(0px 0px);
}
.new-form-text-second {
line-height: 0px;
display: block;
margin-top: 30px;
}
.new-form-button-cont {
position: absolute;
bottom: 5%;
width: 100%;
text-align: center;
}
.new-form-button {
font-size: 34px;
line-height: 42px;
width: auto;
text-align: center;
padding: 0 20px;
}
.swiper .swiper-nav-wrapper {
bottom: 43%;
}
}
@media screen and (max-width: 490px) {
.new-form-text-cont {
font-size: 24px;
line-height: 30px;
margin-top: 0px;
max-width: 300px;
margin-left: 0px;
bottom: 90px;
text-align: left;
}
.new-form-text-second {
line-height: 0px;
display: block;
margin-top: 30px;
}
.new-form-button-cont {
position: absolute;
bottom: 5%;
text-align: left;
z-index: 2;
}
.new-form-button {
font-size: 24px;
line-height: 30px;
width: 60%;
text-align: left;
padding: 0 20px;
}
.new-form-button-text-2023 {
font-size: 24px;
line-height: 30px;
}
.tween_sect_bitsu-new-form {
height: 550px;
}
.swiper .swiper-nav-wrapper {
bottom: 43%;
}
}
/*Слайдер-дизайн-проект-2023*/
/*Slide_1*/
.background-main-dizayn {
background-image: url(/upload/137/2023_banner_steingot_diz_1.jpg);
}
.cont_main_banner {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main {
color: #ffffff;
font-size: 60px;
line-height: 80px;
margin-top: 60px;
max-width: 650px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-transform: uppercase;
}
.banner_diz_title-main-footnote {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.swiper .swiper-nav-wrapper-banner-main {
bottom: 8%;
left: 0;
right: 16px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
width: auto;
padding-top: 0em;
position: absolute;
}
.banner_diz_title-main {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main {
color: #ffffff;
font-size: 50px;
line-height: 70px;
max-width: 550px;
text-transform: uppercase;
}
a.button_diz_title-main.banner__button_diz_title-main {
font-size: 32px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn {
background-image: url(/upload/137/2023_banner_steingot_diz_2.jpg);
}
.zag-dizayn-banner-main {
color: #ffffff;
font-size: 28px;
line-height: 40px;
margin-top: 0px;
max-width: 390px;
}
.cont_main_banner {
padding: 0px 0px;
}
.banner_diz_title-main {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 220px);
margin-bottom: 76px;
margin-top: 40px;
padding-left: 5vw;
}
a.button_diz_title-main.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #3f4247;
text-align: center;
}
.banner_diz_title-main-footnote {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
max-width: 190px;
}
}
@media screen and (max-width: 768px) {
.swiper .swiper-nav-wrapper-banner-main {
bottom: 43%;
right: 0px;
}
}
@media screen and (max-width: 490px) {
.swiper .swiper-nav-wrapper-banner-main {
bottom: 25%;
right: 0px;
}
}
/*Slide_2*/
.banner_diz_title-main-2 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
.banner_diz_title-main-footnote-2 {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 40px;
}
.background-main-dizayn-2 {
background-image: url(/upload/137/2023_banner_steingot_dost_1.jpg);
}
.cont_main_banner-2 {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-2 {
color: #ffffff;
font-size: 60px;
line-height: 80px;
margin-top: 60px;
max-width: 650px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-transform: uppercase;
}
.button_diz_title-main-2:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-2 {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
a.button_diz_title-main-2.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-2 {
color: #ffffff;
font-size: 50px;
line-height: 70px;
/* margin-top: 70px; */
max-width: 550px;
text-transform: uppercase;
}
a.button_diz_title-main-2.banner__button_diz_title-main {
font-size: 32px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-2 {
background-image: url(/upload/137/2023_banner_steingot_dost_2.jpg);
}
.zag-dizayn-banner-main-2 {
color: #ffffff;
font-size: 28px;
line-height: 40px;
margin-top: 0px;
}
.cont_main_banner {
padding: 0px 0px;
}
.banner_diz_title-main-2 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 220px);
margin-bottom: 76px;
margin-top: 40px;
}
a.button_diz_title-main-2.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #90293c;
text-align: center;
}
.banner_diz_title-main-footnote-2 {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
max-width: 190px;
}
}
/*Slide_3*/
.background-main-dizayn-3 {
background-image: url(/upload/137/2023_banner_steingot_munhen_1-1.jpg);
}
.cont_main_banner-3 {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-3 {
color: #ffffff;
font-size: 50px;
line-height: 70px;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-transform: uppercase;
}
.banner_diz_title-main-footnote-3 {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-3:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-3 {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-3 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-3.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-3 {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-3 {
color: #ffffff;
font-size: 40px;
line-height: 60px;
max-width: 550px;
text-transform: uppercase;
}
a.button_diz_title-main-3.banner__button_diz_title-main {
font-size: 32px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-3 {
background-image: url(/upload/137/2023_banner_steingot_munhen_2-1.jpg);
}
.zag-dizayn-banner-main-3 {
color: #ffffff;
font-size: 28px;
line-height: 40px;
margin-top: 0px;
max-width: 310px;
}
.cont_main_banner-3 {
padding: 0px 0px;
}
.banner_diz_title-main-3 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
padding-left: 5vw;
}
a.button_diz_title-main-3.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-3.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #3f4247;
text-align: center;
}
.banner_diz_title-main-footnote-3 {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
}
/*Slide_4*/
.background-main-dizayn-4 {
background-image: url(/upload/137/2023_banner_steingot_marintal_1-1.jpg);
}
.cont_main_banner-4 {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-4 {
color: #ffffff;
font-size: 50px;
line-height: 70px;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-transform: uppercase;
}
.banner_diz_title-main-footnote-4 {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-4:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-4 {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-4 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-4.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-4 {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-4 {
color: #ffffff;
font-size: 40px;
line-height: 60px;
max-width: 550px;
text-transform: uppercase;
}
a.button_diz_title-main-4.banner__button_diz_title-main {
font-size: 32px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-4 {
background-image: url(/upload/137/2023_banner_steingot_marintal_2-1.jpg);
}
.zag-dizayn-banner-main-4 {
color: #ffffff;
font-size: 28px;
line-height: 40px;
margin-top: 0px;
max-width: 310px;
}
.cont_main_banner-4 {
padding: 0px 0px;
}
.banner_diz_title-main-4 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
padding-left: 5vw;
}
a.button_diz_title-main-4.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-4.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #9d0c35;
text-align: center;
}
.banner_diz_title-main-footnote-4 {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
}
/*Slide_5*/
.background-main-dizayn-5 {
background-image: url(/upload/137/2023_banner_steingot_objekt_1-1.jpg);
}
.cont_main_banner-5 {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-5 {
color: #ffffff;
font-size: 50px;
line-height: 70px;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-transform: uppercase;
}
.banner_diz_title-main-footnote-5 {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-5:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-5 {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-5 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-5.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-5 {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-5 {
color: #ffffff;
font-size: 40px;
line-height: 60px;
max-width: 550px;
text-transform: uppercase;
}
a.button_diz_title-main-5.banner__button_diz_title-main {
font-size: 32px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-5 {
background-image: url(/upload/137/2023_banner_steingot_objekt_2-1.jpg);
}
.zag-dizayn-banner-main-5 {
color: #ffffff;
font-size: 28px;
line-height: 40px;
margin-top: 0px;
max-width: 310px;
}
.cont_main_banner-5 {
padding: 0px 0px;
}
.banner_diz_title-main-5 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
padding-left: 5vw;
}
a.button_diz_title-main-5.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-5.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #3f4247;
text-align: center;
}
.banner_diz_title-main-footnote-5 {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
}
.magic-banner-text-5 {
font-size: 30px;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.magic-banner-text-5 {
font-size: 22px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.magic-banner-text-5 {
font-size: 11px;
}
}
.magic-banner-text {
font-size: 30px;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.magic-banner-text {
font-size: 22px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.magic-banner-text {
font-size: 11px;
}
}
/*pagination*/
.swiper-pagination-main {
position: absolute;
z-index: 2;
left: 50% !important;
text-align: center;
left: auto !important;
top: 92%;
bottom: auto !important;
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.swiper-pagination-main {
transform: translateX(-50%);
left: 16% !important;
top: 73%;
width: 100% !important;
justify-content: center;
align-items: center;
}
}
.swiper-pagination-main2.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 8px 0;
}
@media screen and (max-width: 768px) {
.swiper-pagination-main2.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
}
.swiper-pagination-main .swiper-pagination-bullet {
width: 11px;
height: 11px;
background: #ffffff;
opacity: 0.2;
transition: all 0.2s;
border-radius: 0px;
}
.swiper-pagination-main .swiper-pagination-bullet-active {
opacity: 1;
background: #ffffff;
width: 15px;
box-shadow: 0px 0px 20px rgb(0 0 0 / 40%);
}
@media screen and (max-width: 768px) {
.swiper-pagination-main2 .swiper-pagination-bullet-active {
height: 11px;
width: 30px;
}
}
.countdown {
font-size: 48px;
text-align: center;
margin: 50px;
}
.count {
color: red;
font-weight: bold;
}
/*Slide_6*/
.background-main-dizayn-6 {
background-image: url(/upload/137/2023_banner_steingot_promo_1.jpg);
}
.cont_main_banner-6 {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-6 {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-6 {
text-transform: uppercase;
font-size: 40px;
line-height: 60px;
}
.magic-banner-text-two-6 {
font-size: 50px;
line-height: 70px;
text-transform: uppercase;
}
.magic-banner-text-three-6 {
font-size: 34px;
line-height: 44px;
}
.magic-banner-text-snoska-6 {
font-size: 18px;
line-height: 20px;
margin-top: 70px;
max-width: 600px;
}
.magic-banner-text-snoska-6-mob {
display: none;
}
.banner_diz_title-main-footnote-6 {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-6:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-6 {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-6 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 50px);
}
a.button_diz_title-main-6.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-6 {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-6 {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-6.banner__button_diz_title-main {
font-size: 32px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-6 {
background-image: url(/upload/137/2023_banner_steingot_promo_2.jpg);
}
.zag-dizayn-banner-main-6 {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-6 {
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
}
.magic-banner-text-two-6 {
font-size: 36px;
line-height: 50px;
text-transform: uppercase;
}
.magic-banner-text-three-6 {
font-size: 16px;
line-height: 20px;
}
.magic-banner-text-snoska-6 {
display: none;
}
.magic-banner-text-snoska-6-mob {
display: block;
color: white;
font-size: 12px;
background: #243f4f;
position: absolute;
bottom: 0px;
padding: 20px;
}
.cont_main_banner-6 {
padding: 0px 0px;
}
.banner_diz_title-main-6 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 20px;
padding-left: 5vw;
}
a.button_diz_title-main-6.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-6.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #9d0c35;
text-align: center;
}
.banner_diz_title-main-footnote-6 {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
}
/*Slide_7*/
.background-main-dizayn-7 {
background-image: url(/upload/137/banner_skidka_desktop_01.jpg);
}
.cont_main_banner-7 {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-7 {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-7 {
text-transform: uppercase;
font-size: 40px;
line-height: 60px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-two-7 {
font-size: 40px;
line-height: 60px;
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-three-7 {
font-size: 24px;
line-height: 36px;
margin-top: 40px;
text-transform: uppercase;
}
.magic-banner-text-snoska-7 {
font-size: 18px;
line-height: 24px;
margin-top: 80px;
}
.banner_diz_title-main-footnote-7 {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-7:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-7 {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-7 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-7.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-7 {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-7 {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-7.banner__button_diz_title-main {
font-size: 32px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-7 {
background-image: url(/upload/137/banner_skidka_mobile_01.jpg);
}
.zag-dizayn-banner-main-7 {
margin-top: 20px;
}
.magic-banner-text-one-7 {
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
}
.magic-banner-text-two-7 {
font-size: 20px;
line-height: 30px;
text-transform: uppercase;
}
.magic-banner-text-three-7 {
font-size: 16px;
line-height: 20px;
max-width: 170px;
margin-top: 20px;
}
.cont_main_banner-7 {
padding: 0px 0px;
}
.banner_diz_title-main-7 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
padding-left: 5vw;
}
a.button_diz_title-main-7.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-7.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #9d0c35;
text-align: center;
}
.banner_diz_title-main-footnote-7 {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
}
.container-form-2023 {
max-width: 1180px;
margin: 0 auto;
}
.counter-time {
margin: 40px;
text-align:center;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 30px;
line-height: 40px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.counter-time {
font-size: 20px;
line-height: 28px;
}
}
/*Slide_9*/
.background-main-dizayn-9 {
background-image: url(/upload/137/2023_banner_steingot_b_dost_1.jpg);
}
.cont_main_banner-9 {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-9 {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-9 {
text-transform: uppercase;
font-size: 40px;
line-height: 70px;
}
.magic-banner-text-two-9 {
font-size: 50px;
line-height: 70px;
text-transform: uppercase;
}
.magic-banner-text-three-9 {
font-size: 20px;
line-height: 30px;
margin-top: 40px;
max-width: 520px;
}
.magic-banner-text-snoska-9 {
font-size: 12px;
line-height: 16px;
color: #ffffff;
position: absolute;
bottom: 170px;
}
.banner_diz_title-main-footnote-9 {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-9:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-9 {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-9 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-9.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-9 {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-9 {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-9.banner__button_diz_title-main {
font-size: 32px;
}
.magic-banner-text-three-9 {
font-size: 16px;
line-height: 24px;
margin-top: 10px;
max-width: 520px;
}
.magic-banner-text-two-9 {
font-size: 46px;
line-height: 60px;
text-transform: uppercase;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-9 {
background-image: url(/upload/137/2023_banner_steingot_b_dost_2.jpg);
}
.zag-dizayn-banner-main-9 {
margin-top: 20px;
max-width: 250px;
}
.magic-banner-text-one-9 {
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
}
.magic-banner-text-two-9 {
font-size: 33px;
line-height: 40px;
}
.magic-banner-text-three-9 {
font-size: 12px;
line-height: 20px;
margin-top: 10px;
max-width: 250px;
}
.cont_main_banner-9 {
padding: 0px 0px;
}
.banner_diz_title-main-9 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
padding-left: 5vw;
}
a.button_diz_title-main-9.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-9.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #3f4247;
text-align: center;
}
.banner_diz_title-main-footnote-9 {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
.magic-banner-text-snoska-9 {
font-size: 8px;
line-height: 10px;
position: inherit;
}
}
/*Slide_10*/
.background-main-dizayn-10 {
background-image: url(/upload/137/2023_banner_steingot_b_dost_1.jpg);
}
.cont_main_banner-10 {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-10 {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-10 {
text-transform: uppercase;
font-size: 30px;
line-height: 40px;
}
.magic-banner-text-two-10 {
font-size: 42px;
line-height: 60px;
text-transform: uppercase;
}
.magic-banner-text-three-10 {
font-size: 14px;
line-height: 20px;
margin-top: 5px;
max-width: 320px;
}
.magic-banner-text-snoska-10 {
font-size: 12px;
line-height: 16px;
color: #ffffff;
position: absolute;
bottom: 110px;
}
.banner_diz_title-main-footnote-10 {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-10:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 60px solid #ffffff;
border-right: 18px solid transparent;
border-left: 10px solid #ffffff;
}
.button_diz_title-main-10 {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 60px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-10 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 90px);
margin-left: 10px;
}
a.button_diz_title-main-10.banner__button_diz_title-main {
padding: 0 30px;
color: #9b2743;
font-size: 30px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.cat_main_banner-10 {
height: 350px;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-10 {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-10 {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-10.banner__button_diz_title-main {
font-size: 32px;
}
.magic-banner-text-three-10 {
font-size: 16px;
line-height: 24px;
margin-top: 10px;
max-width: 520px;
}
.magic-banner-text-two-10 {
font-size: 46px;
line-height: 60px;
text-transform: uppercase;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-10 {
background-image: url(/upload/137/2023_banner_steingot_b_dost_2.jpg);
}
.zag-dizayn-banner-main-10 {
margin-top: 20px;
}
.magic-banner-text-one-10 {
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
}
.magic-banner-text-two-10 {
font-size: 33px;
line-height: 40px;
}
.magic-banner-text-three-10 {
font-size: 12px;
line-height: 20px;
margin-top: 10px;
max-width: 250px;
}
.cont_main_banner-10 {
padding: 0px 0px;
}
.banner_diz_title-main-10 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
padding-left: 5vw;
margin-left: 0px;
}
a.button_diz_title-main-10.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-10.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #3f4247;
text-align: center;
height: 96px;
}
.banner_diz_title-main-footnote-10 {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
.magic-banner-text-snoska-10 {
font-size: 8px;
line-height: 10px;
position: inherit;
}
.cat_main_banner-10 {
height: 504px;
}
}
/*Slide_11*/
.background-main-dizayn-11 {
background-image: url(/upload/137/2023_banner_steingot_promo_1.jpg);
}
.cont_main_banner-11 {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-11 {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-11 {
text-transform: uppercase;
font-size: 30px;
line-height: 40px;
}
.magic-banner-text-two-11 {
font-size: 38px;
line-height: 60px;
text-transform: uppercase;
}
.magic-banner-text-three-11 {
font-size: 14px;
line-height: 20px;
margin-top: 5px;
max-width: 320px;
}
.magic-banner-text-snoska-11 {
font-size: 12px;
line-height: 16px;
color: #ffffff;
position: absolute;
bottom: 110px;
}
.banner_diz_title-main-footnote-11 {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-11:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 60px solid #ffffff;
border-right: 18px solid transparent;
border-left: 10px solid #ffffff;
}
.button_diz_title-main-11 {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 60px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-11 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 90px);
margin-left: 10px;
}
a.button_diz_title-main-11.banner__button_diz_title-main {
padding: 0 30px;
color: #9b2743;
font-size: 30px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.cat_main_banner-11 {
height: 350px;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-11 {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-11 {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-11.banner__button_diz_title-main {
font-size: 32px;
}
.magic-banner-text-three-11 {
font-size: 16px;
line-height: 24px;
margin-top: 10px;
max-width: 520px;
}
.magic-banner-text-two-11 {
font-size: 38px;
line-height: 60px;
text-transform: uppercase;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-11 {
background-image: url(/upload/137/2023_banner_steingot_promo_2.jpg);
}
.zag-dizayn-banner-main-11 {
margin-top: 20px;
}
.magic-banner-text-one-11 {
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
}
.magic-banner-text-two-11 {
font-size: 33px;
line-height: 40px;
}
.magic-banner-text-three-11 {
font-size: 12px;
line-height: 20px;
margin-top: 10px;
max-width: 250px;
}
.cont_main_banner-11 {
padding: 0px 0px;
}
.banner_diz_title-main-11 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
padding-left: 5vw;
margin-left: 0px;
}
a.button_diz_title-main-11.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-11.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #3f4247;
text-align: center;
height: 96px;
}
.banner_diz_title-main-footnote-11 {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
.magic-banner-text-snoska-11 {
font-size: 8px;
line-height: 10px;
position: inherit;
}
.cat_main_banner-11 {
height: 504px;
}
}
/*October*/
/*Slide_oct*/
.background-main-dizayn-oct {
background-image: url(/steingot-oktoberfest/img/banner_octoberfest_desktop.jpg);
}
.cont_main_banner-oct {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-oct {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-oct {
text-transform: uppercase;
font-size: 36px;
line-height: 50px;
max-width: 200px;
margin-top: 30px;
}
.magic-banner-text-two-oct {
font-size: 50px;
line-height: 70px;
text-transform: uppercase;
}
.magic-banner-text-three-oct {
font-size: 34px;
line-height: 44px;
}
.magic-banner-text-snoska-oct {
font-size: 18px;
line-height: 20px;
margin-top: 70px;
max-width: 600px;
}
.magic-banner-text-snoska-oct-mob {
display: none;
}
.banner_diz_title-main-footnote-oct {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-oct:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-oct {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-oct {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
.banner_diz_title-main-oct-2 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 20px);
}
a.button_diz_title-main-oct.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-two-oct {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-oct-mob {
display:none;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-oct {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-oct {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-oct.banner__button_diz_title-main {
font-size: 32px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-oct {
background-image: url(/steingot-oktoberfest/img/banner_octoberfest_mobile.jpg);
}
.zag-dizayn-banner-main-oct {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-oct {
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
}
.magic-banner-text-two-oct {
font-size: 26px;
line-height: 34px;
text-transform: uppercase;
max-width: 50px;
}
.magic-banner-text-three-oct {
font-size: 16px;
line-height: 20px;
}
.magic-banner-text-snoska-oct {
display: none;
}
.magic-banner-text-snoska-oct-mob {
display: block;
color: white;
font-size: 12px;
background: #243f4f;
position: absolute;
bottom: 0px;
padding: 20px;
}
.cont_main_banner-oct {
padding: 0px 0px;
}
.banner_diz_title-main-oct {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 200px);
margin-bottom: 76px;
margin-top: 20px;
padding-left: 5vw;
}
.banner_diz_title-main-oct-2 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 20px;
padding-left: 5vw;
}
a.button_diz_title-main-oct.banner__button_diz_title-main {
padding: 0 0px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-oct.banner__button_diz_title-main {
width: 100%;
font-size: 28px;
border-bottom: 20px solid #9d0c35;
text-align: center;
}
.banner_diz_title-main-footnote-oct {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
.button_diz_title-main-oct:after {
display:none;
}
.magic-banner-text-one-oct {
display:none;
}
.magic-banner-text-one-oct-mob {
display:block;
position: absolute;
top: 58%;
color: #ffffff;
font-size: 16px;
line-height: 20px;
max-width: 100px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-transform: uppercase;
}
}
.gallery__item.-md_bitsu_horiz_l {
grid-column: 3 / -1;
-ms-grid-row: 5;
-ms-grid-row-span: 2;
grid-row: 1 / span 2;
}
.gallery__item.-md_bitsu_horiz_r {
grid-column: 1 / 3;
-ms-grid-row: 1;
-ms-grid-row-span: 3;
grid-row: 4 / span 2;
}
.gallery__item.-md_bitsu_vert {
grid-column: 1 / -1;
}
.gallery__item.-md_bitsu_horiz_l-2 {
grid-column: 3 / -1;
-ms-grid-row: 5;
-ms-grid-row-span: 2;
grid-row: 7 / span 2;
}
.stein_oktober_text_2023 {
margin-bottom: 10px;
margin-top: 80px
}
.stein_diz_oct_2023 p {
font-size: 30px;
color: #333f48;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-style: italic;
line-height: 38px;
}
.stein_diz_oct_1 {
width: 26%;
display: inline-block;
}
.stein_diz_oct_2 {
width: 70%;
display: inline-block;
float: right;
}
.oct_va {
margin-bottom: 20px;
margin-top: 20px;
display: inline-block;
}
.stein_diz_oct_2023 {
margin-top: 80px
}
@media screen and (max-width: 840px) {
.stein_diz_oct_1 {
width: 100%;
float: none;
}
}
@media screen and (max-width: 640px) {
.stein_diz_oct_1 {
width: 100%;
}
}
@media screen and (max-width: 840px) {
.stein_diz_oct_2 {
width: 100%;
float: none;
}
}
@media screen and (max-width: 640px) {
.stein_diz_oct_2 {
width: 100%;
}
}
@media screen and (max-width: 640px) {
.stein_diz_oct_2023 p {
font-size: 14px;
margin-bottom: 5px;
line-height: 20px;
}
}
.gallery_cont_mob {
display:none;
}
.gallery_cont_desc {
display:block;
margin-top: 60px;
}
@media screen and (min-width: 767px) and (max-width: 1240px) {
.stein_diz_oct_2023 p {
font-size: 20px;
line-height: 28px;
}
.stein_diz_oct_2023 {
margin-top: 20px;
}
}
@media screen and (max-width: 767px) {
.gallery_cont_mob {
display:block;
}
.gallery_cont_desc {
display:none;
}
.stein_oktober_text_2023 {
margin-bottom: 0px;
margin-top: 50px
}
.oct_va {
margin-bottom: 40px;
margin-top: 0px;
}
.stein_diz_oct_2023 {
margin-top: 40px
}
}
.img-responsive-oct-mob {
display: block;
height: auto;
width: 100%;
margin-bottom: 10px;
}
/*Slide_akciya_dizain*/
.background-main-dizayn-dizain-akciya {
background-image: url(/upload/137/banner_winter_desktop.jpg);
}
.cont_main_banner-dizain-akciya {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-dizain-akciya {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-dizain-akciya {
text-transform: uppercase;
font-size: 46px;
line-height: 50px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-two-dizain-akciya {
font-size: 30px;
line-height: 40px;
text-transform: uppercase;
}
.magic-banner-text-three-dizain-akciya {
font-size: 16px;
line-height: 26px;
}
.magic-banner-text-three-dizain-akciya-01 {
font-size: 16px;
line-height: 26px;
margin-top: 20px;
margin-bottom: 20px;
}
.magic-banner-text-snoska-dizain-akciya {
font-size: 18px;
line-height: 24px;
margin-top: 80px;
}
.banner_diz_title-main-footnote-dizain-akciya {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-dizain-akciya:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-dizain-akciya {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-dizain-akciya {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-dizain-akciya.banner__button_diz_title-main {
padding: 0 150px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-dizain-akciya {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-dizain-akciya {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-dizain-akciya.banner__button_diz_title-main {
font-size: 32px;
}
.magic-banner-text-one-dizain-akciya {
font-size: 40px;
line-height: 44px;
}
.magic-banner-text-two-dizain-akciya {
font-size: 30px;
line-height: 40px;
}
.magic-banner-text-three-dizain-akciya {
font-size: 14px;
line-height: 24px;
}
.magic-banner-text-three-dizain-akciya-01 {
font-size: 14px;
line-height: 22px;
margin-top: 20px;
margin-bottom: 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-dizain-akciya {
background-image: url(/upload/137/banner_winter_mobile.jpg);
}
.zag-dizayn-banner-main-dizain-akciya {
margin-top: 20px;
}
.magic-banner-text-one-dizain-akciya {
text-transform: uppercase;
font-size: 28px;
line-height: 34px;
max-width: 290px;
}
.magic-banner-text-two-dizain-akciya {
font-size: 22px;
line-height: 28px;
text-transform: uppercase;
}
.magic-banner-text-three-dizain-akciya {
font-size: 10px;
line-height: 12px;
margin-bottom: 5px;
max-width: 240px;
}
.magic-banner-text-three-dizain-akciya-01 {
font-size: 10px;
line-height: 14px;
margin-bottom: 10px;
margin-top: 10px;
}
.cont_main_banner-dizain-akciya {
padding: 0px 0px;
}
.banner_diz_title-main-dizain-akciya {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
padding-left: 5vw;
}
a.button_diz_title-main-dizain-akciya.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-dizain-akciya.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #3f4247;
text-align: center;
}
.banner_diz_title-main-footnote-dizain-akciya {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
}
/*Slide_NG*/
.background-main-dizayn-NG {
background-image: url(/upload/137/banner_NY_desktop_GR.jpg);
}
.cont_main_banner-NG {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-NG {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-NG {
text-transform: uppercase;
font-size: 46px;
line-height: 50px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-two-NG {
font-size: 30px;
line-height: 40px;
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-three-NG {
font-size: 20px;
line-height: 10px;
}
.magic-banner-text-snoska-NG {
font-size: 18px;
line-height: 24px;
margin-top: 80px;
}
.magic-banner-text-three-NG-2 {
margin-top: 20px;
}
.banner_diz_title-main-footnote-NG {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-NG:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-NG {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-NG {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 0px);
}
a.button_diz_title-main-NG.banner__button_diz_title-main {
padding: 0 150px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
display: none;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-NG {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-NG {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-NG.banner__button_diz_title-main {
font-size: 32px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-NG {
background-image: url(/upload/137/banner_NY_mobile_GR.jpg);
}
.zag-dizayn-banner-main-NG {
margin-top: 20px;
}
.magic-banner-text-one-NG {
text-transform: uppercase;
font-size: 30px;
line-height: 10px;
}
.magic-banner-text-two-NG {
font-size: 18px;
line-height: 28px;
text-transform: uppercase;
max-width: 220px;
}
.magic-banner-text-three-NG {
font-size: 10px;
line-height: 0px;
}
.magic-banner-text-three-NG-2 {
font-size: 8px;
line-height: 10px;
margin-top: 5px;
}
.cont_main_banner-NG {
padding: 0px 0px;
}
.banner_diz_title-main-NG {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
padding-left: 5vw;
}
a.button_diz_title-main-NG.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
display: block;
}
a.button_diz_title-main-NG.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #3f4247;
text-align: center;
}
.banner_diz_title-main-footnote-NG {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
}
/*Slide_poveshenie*/
.background-main-dizayn-poveshenie {
background-image: url(/upload/137/banner_price_rise_desktop.jpg);
}
.cont_main_banner-poveshenie {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-poveshenie {
color: #ffffff;
max-width: 750px;
font-family: 'GothamProMedium', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-poveshenie {
text-transform: uppercase;
font-size: 30px;
line-height: 90px;
}
.magic-banner-text-two-poveshenie {
font-size: 46px;
line-height: 56px;
text-transform: uppercase;
}
.magic-banner-text-three-poveshenie {
font-size: 30px;
line-height: 40px;
}
.magic-banner-text-snoska-poveshenie {
font-size: 18px;
line-height: 24px;
margin-top: 80px;
}
.banner_diz_title-main-footnote-poveshenie {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-poveshenie:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-poveshenie {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-poveshenie {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-poveshenie.banner__button_diz_title-main {
padding: 0px 160px 0px 75px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-poveshenie {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a.button_diz_title-main-poveshenie.banner__button_diz_title-main {
padding: 0 80px;
}
.zag-dizayn-banner-main-poveshenie {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-poveshenie.banner__button_diz_title-main {
font-size: 32px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-poveshenie {
background-image: url(/upload/137/banner_price_rise_mobile.jpg);
}
.zag-dizayn-banner-main-poveshenie {
margin-top: 20px;
}
.magic-banner-text-one-poveshenie {
text-transform: uppercase;
font-size: 16px;
line-height: 46px;
}
.magic-banner-text-two-poveshenie {
font-size: 26px;
line-height: 34px;
text-transform: uppercase;
}
.magic-banner-text-three-poveshenie {
font-size: 16px;
line-height: 20px;
}
.cont_main_banner-poveshenie {
padding: 0px 0px;
}
.banner_diz_title-main-poveshenie {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
padding-left: 5vw;
}
a.button_diz_title-main-poveshenie.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-poveshenie.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #9d0c35;
text-align: center;
}
.banner_diz_title-main-footnote-poveshenie {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
}
/*Slide_new_of*/
.background-main-dizayn-new_of {
background-image: url(/upload/137/banner_new_of_desktop.jpg);
}
.cont_main_banner-new_of {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-new_of {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-new_of {
text-transform: uppercase;
font-size: 54px;
line-height: 90px;
}
.magic-banner-text-two-new_of {
font-size: 46px;
line-height: 56px;
text-transform: uppercase;
}
.magic-banner-text-three-new_of {
font-size: 20px;
line-height: 40px;
}
.magic-banner-text-snoska-new_of {
font-size: 18px;
line-height: 24px;
margin-top: 80px;
}
.banner_diz_title-main-footnote-new_of {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-new_of:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-new_of {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-new_of {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-new_of.banner__button_diz_title-main {
padding: 0px 160px 0px 75px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-new_of {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a.button_diz_title-main-new_of.banner__button_diz_title-main {
padding: 0 80px;
}
.zag-dizayn-banner-main-new_of {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-new_of.banner__button_diz_title-main {
font-size: 32px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-new_of {
background-image: url(/upload/137/banner_new_of_mobile.jpg);
}
.zag-dizayn-banner-main-new_of {
margin-top: 20px;
}
.magic-banner-text-one-new_of {
text-transform: uppercase;
font-size: 16px;
line-height: 46px;
}
.magic-banner-text-two-new_of {
font-size: 26px;
line-height: 34px;
text-transform: uppercase;
}
.magic-banner-text-three-new_of {
font-size: 16px;
line-height: 20px;
max-width: 200px;
}
.cont_main_banner-new_of {
padding: 0px 0px;
}
.banner_diz_title-main-new_of {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
padding-left: 5vw;
}
a.button_diz_title-main-new_of.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-new_of.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #9d0c35;
text-align: center;
}
.banner_diz_title-main-footnote-new_of {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
}
/*Slide_may*/
.background-main-dizayn-may {
background-image: url(/upload/137/banner_may_desktop.jpg);
}
.cont_main_banner-may {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-may {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-may {
text-transform: uppercase;
font-size: 64px;
line-height: 70px;
}
.magic-banner-text-two-may {
font-size: 36px;
line-height: 56px;
text-transform: uppercase;
}
.magic-banner-text-three-may {
font-size: 20px;
line-height: 40px;
text-transform: uppercase;
}
.magic-banner-text-three-may-2 {
font-size: 20px;
line-height: 30px;
text-transform: uppercase;
margin-top: 20px;
max-width: 450px;
}
.magic-banner-text-snoska-may {
font-size: 18px;
line-height: 24px;
margin-top: 80px;
text-transform: uppercase;
}
.banner_diz_title-main-footnote-may {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-may:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-may {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-may {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-may.banner__button_diz_title-main {
padding: 0px 200px 0px 75px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-may {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a.button_diz_title-main-may.banner__button_diz_title-main {
padding: 0 80px;
}
.zag-dizayn-banner-main-may {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-may.banner__button_diz_title-main {
font-size: 32px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-may {
background-image: url(/upload/137/banner_may_mobile.jpg);
}
.zag-dizayn-banner-main-may {
margin-top: 20px;
}
.magic-banner-text-one-may {
text-transform: uppercase;
font-size: 26px;
line-height: 46px;
}
.magic-banner-text-two-may {
font-size: 20px;
line-height: 34px;
text-transform: uppercase;
}
.magic-banner-text-three-may {
font-size: 14px;
line-height: 20px;
max-width: 220px;
}
.magic-banner-text-three-may-2 {
font-size: 12px;
line-height: 20px;
max-width: 220px;
}
.cont_main_banner-may {
padding: 0px 0px;
}
.banner_diz_title-main-may {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
padding-left: 5vw;
}
a.button_diz_title-main-may.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-may.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #9d0c35;
text-align: center;
}
.banner_diz_title-main-footnote-may {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
}
/*Slide_BD*/
.background-main-dizayn-BD {
background-image: url(/upload/137/2024_banner_steingot_b_dost_1_1.jpg);
}
.cont_main_banner-BD {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-BD {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-BD {
text-transform: uppercase;
font-size: 40px;
line-height: 60px;
}
.magic-banner-text-two-BD {
font-size: 50px;
line-height: 70px;
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-three-BD {
font-size: 24px;
line-height: 36px;
margin-top: 40px;
max-width: 520px;
text-transform: uppercase;
}
.magic-banner-text-snoska-BD {
font-size: 12px;
line-height: 16px;
color: #ffffff;
position: absolute;
bottom: 170px;
}
.banner_diz_title-main-footnote-BD {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-BD:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-BD {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-BD {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-BD.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-BD {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-BD {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-BD.banner__button_diz_title-main {
font-size: 32px;
}
.magic-banner-text-three-BD {
font-size: 18px;
line-height: 28px;
margin-top: 10px;
max-width: 400px;
}
.magic-banner-text-two-BD {
font-size: 46px;
line-height: 60px;
text-transform: uppercase;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-BD {
background-image: url(/upload/137/2024_banner_steingot_b_dost_1_2.jpg);
}
.zag-dizayn-banner-main-BD {
margin-top: 20px;
}
.magic-banner-text-one-BD {
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
}
.magic-banner-text-two-BD {
font-size: 33px;
line-height: 40px;
}
.magic-banner-text-three-BD {
font-size: 15px;
line-height: 24px;
margin-top: 10px;
max-width: 250px;
}
.cont_main_banner-BD {
padding: 0px 0px;
}
.banner_diz_title-main-BD {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
/* padding-left: 5vw; */
}
a.button_diz_title-main-BD.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-BD.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #3f4247;
text-align: center;
}
.banner_diz_title-main-footnote-BD {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
.magic-banner-text-snoska-BD {
font-size: 8px;
line-height: 10px;
position: inherit;
}
}
/*Slide_BD2*/
.background-main-dizayn-BD2 {
background-image: url(/upload/137/2024_banner_steingot_b_dost_2_1.jpg);
}
.cont_main_banner-BD2 {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-BD2 {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-BD2 {
text-transform: uppercase;
font-size: 40px;
line-height: 60px;
}
.magic-banner-text-two-BD2 {
font-size: 50px;
line-height: 70px;
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-three-BD2 {
font-size: 24px;
line-height: 36px;
margin-top: 40px;
max-width: 520px;
text-transform: uppercase;
}
.magic-banner-text-snoska-BD2 {
font-size: 12px;
line-height: 16px;
color: #ffffff;
position: absolute;
bottom: 170px;
}
.banner_diz_title-main-footnote-BD2 {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-BD2:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-BD2 {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-BD2 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-BD2.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-BD2 {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-BD2 {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-BD2.banner__button_diz_title-main {
font-size: 32px;
}
.magic-banner-text-three-BD2 {
font-size: 18px;
line-height: 28px;
margin-top: 10px;
max-width: 400px;
}
.magic-banner-text-two-BD2 {
font-size: 46px;
line-height: 60px;
text-transform: uppercase;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-BD2 {
background-image: url(/upload/137/2024_banner_steingot_b_dost_2_2.jpg);
}
.zag-dizayn-banner-main-BD2 {
margin-top: 20px;
}
.magic-banner-text-one-BD2 {
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
}
.magic-banner-text-two-BD2 {
font-size: 33px;
line-height: 40px;
}
.magic-banner-text-three-BD2 {
font-size: 15px;
line-height: 24px;
margin-top: 10px;
max-width: 250px;
}
.cont_main_banner-BD2 {
padding: 0px 0px;
}
.banner_diz_title-main-BD2 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
padding-left: 5vw;
}
a.button_diz_title-main-BD2.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-BD2.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #3f4247;
text-align: center;
}
.banner_diz_title-main-footnote-BD2 {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
.magic-banner-text-snoska-BD2 {
font-size: 8px;
line-height: 10px;
position: inherit;
}
}
.banner_height_cont {
height: 350px;
width: 90%;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.banner_height_cont {
width: 100%;
}
}
/*Slide_BD3*/
.background-main-dizayn-BD3 {
background-image: url(/upload/137/2024_banner_steingot_b_dost_2_1.jpg);
}
.cont_main_banner-BD {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-BD3 {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-top: 40px;
}
.magic-banner-text-one-BD3 {
text-transform: uppercase;
font-size: 30px;
line-height: 50px;
}
.magic-banner-text-two-BD3 {
font-size: 40px;
line-height: 70px;
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-three-BD3 {
font-size: 16px;
line-height: 24px;
margin-top: 10px;
max-width: 300px;
text-transform: uppercase;
margin-bottom: 20px;
}
.magic-banner-text-snoska-BD3 {
font-size: 12px;
line-height: 16px;
color: #ffffff;
position: absolute;
bottom: 170px;
}
.banner_diz_title-main-footnote-BD3 {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-BD3:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 56px solid #ffffff;
border-right: 19px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-BD3 {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 56px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-BD3 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-BD3.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 28px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-BD3 {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-BD3 {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-BD3.banner__button_diz_title-main {
font-size: 32px;
}
.magic-banner-text-three-BD3 {
font-size: 16px;
line-height: 24px;
margin-top: 10px;
max-width: 320px;
}
.magic-banner-text-two-BD3 {
font-size: 46px;
line-height: 60px;
text-transform: uppercase;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-BD3 {
background-image: url(/upload/137/2024_banner_steingot_b_dost_2_2.jpg);
}
.zag-dizayn-banner-main-BD3 {
margin-top: 20px;
}
.magic-banner-text-one-BD3 {
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
}
.magic-banner-text-two-BD3 {
font-size: 33px;
line-height: 40px;
}
.magic-banner-text-three-BD3 {
font-size: 12px;
line-height: 20px;
margin-top: 10px;
max-width: 200px;
margin-bottom: 60px;
}
.cont_main_banner-BD3 {
padding: 0px 0px;
}
.banner_diz_title-main-BD3 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 50px;
margin-top: 0px;
padding-left: 5vw;
}
a.button_diz_title-main-BD3.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-BD3.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #3f4247;
text-align: center;
}
.banner_diz_title-main-footnote-BD3 {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
.magic-banner-text-snoska-BD3 {
font-size: 8px;
line-height: 10px;
position: inherit;
}
}
/*Slide_PM*/
.background-main-dizayn-PM {
background-image: url(/upload/137/2024_banner_steingot_bruschatka_1_1.jpg);
}
.cont_main_banner-PM {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-PM {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-PM {
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
}
.magic-banner-text-two-PM {
font-size: 40px;
line-height: 90px;
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-three-PM {
font-size: 40px;
line-height: 50px;
/* margin-top: 40px; */
max-width: 720px;
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-snoska-PM {
font-size: 12px;
line-height: 16px;
color: #ffffff;
position: absolute;
bottom: 170px;
}
.banner_diz_title-main-footnote-PM {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-PM:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-PM {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-PM {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-PM.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-PM {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-PM {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-PM.banner__button_diz_title-main {
font-size: 32px;
}
.magic-banner-text-three-PM {
font-size: 16px;
line-height: 24px;
margin-top: 10px;
max-width: 520px;
}
.magic-banner-text-two-PM {
font-size: 46px;
line-height: 60px;
text-transform: uppercase;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-PM {
background-image: url(/upload/137/2024_banner_steingot_bruschatka_1_2.jpg);
}
.zag-dizayn-banner-main-PM {
margin-top: 20px;
}
.magic-banner-text-one-PM {
text-transform: uppercase;
font-size: 12px;
line-height: 16px;
}
.magic-banner-text-two-PM {
font-size: 19px;
line-height: 45px;
margin-top: 5px;
}
.magic-banner-text-three-PM {
font-size: 19px;
line-height: 30px;
margin-top: 0px;
max-width: 350px;
}
.cont_main_banner-PM {
padding: 0px 0px;
}
.banner_diz_title-main-PM {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
padding-left: 5vw;
}
a.button_diz_title-main-PM.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-PM.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #3f4247;
text-align: center;
}
.banner_diz_title-main-footnote-PM {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
.magic-banner-text-snoska-PM {
font-size: 8px;
line-height: 10px;
position: inherit;
}
}
#flashing {
text-shadow: none;
color: #ffffff;
opacity: 0.7;
position: relative;
animation: flash 1.5s ease-in-out infinite alternate; }
@keyframes flash {
0% {
opacity: 0.7;
color: #ffffff;
text-shadow: none; }
10% {
opacity: 1;
color: #ece2e2;
text-shadow: 0 0 1px #e4dbdb, 0 0 2px #e0d4d4, 0 0 3px #decdcd, 0 0 4px #c6bbbb; }
55% {
opacity: 0.7;
color: #ffffff;
text-shadow: none; }
85% {
opacity: 1;
color: #ffffff;
text-shadow: 0 0 1px #ede8e8, 0 0 2px #d3caca, 0 0 3px #e1d2d2, 0 0 4px #e5dada; }
}
/*Slide_VSE*/
.background-main-dizayn-VSE {
background-image: url(/upload/137/banner_vse_desktop.jpg);
}
.cont_main_banner-VSE {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-VSE {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-VSE {
text-transform: uppercase;
font-size: 30px;
line-height: 40px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-bottom: 20px;
display: block;
}
.magic-banner-text-two-VSE {
font-size: 50px;
line-height: 70px;
text-transform: uppercase;
}
.magic-banner-text-three-VSE {
font-size: 16px;
line-height: 26px;
margin-top: 0px;
max-width: 620px;
text-transform: uppercase;
}
.magic-banner-text-snoska-VSE {
font-size: 12px;
line-height: 16px;
color: #ffffff;
position: absolute;
bottom: 170px;
}
.banner_diz_title-main-footnote-VSE {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-VSE:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-VSE {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-VSE {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-VSE.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.magic-banner-text-one-VSE {
font-size: 28px;
line-height: 36px;
margin-bottom: 0px;
}
.cont_main_banner-VSE {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-VSE {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-VSE.banner__button_diz_title-main {
font-size: 32px;
}
.magic-banner-text-three-VSE {
font-size: 14px;
line-height: 20px;
margin-top: 10px;
max-width: 400px;
}
.magic-banner-text-two-VSE {
font-size: 46px;
line-height: 60px;
text-transform: uppercase;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-VSE {
background-image: url(/upload/137/banner_vse_mobile.jpg);
}
.zag-dizayn-banner-main-VSE {
margin-top: 20px;
}
.magic-banner-text-one-VSE {
text-transform: uppercase;
font-size: 18px;
line-height: 30px;
max-width: 300px;
margin-bottom: 0px;
}
.magic-banner-text-two-VSE {
font-size: 33px;
line-height: 40px;
}
.magic-banner-text-three-VSE {
font-size: 10px;
line-height: 14px;
margin-top: 0px;
max-width: 250px;
}
.cont_main_banner-VSE {
padding: 0px 20px;
}
.banner_diz_title-main-VSE {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
/* padding-left: 5vw; */
}
a.button_diz_title-main-VSE.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-VSE.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #3f4247;
text-align: center;
}
.banner_diz_title-main-footnote-VSE {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
.magic-banner-text-snoska-VSE {
font-size: 8px;
line-height: 10px;
position: inherit;
}
}
/*Slide_ideas*/
.background-main-dizayn-ideas {
background-image: url(/upload/137/banner_ideas_desktop.jpg);
}
.cont_main_banner-ideas {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-ideas {
color: #ffffff;
max-width: 750px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-one-ideas {
text-transform: uppercase;
font-size: 40px;
line-height: 50px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-bottom: 20px;
display: block;
}
.magic-banner-text-two-ideas {
font-size: 50px;
line-height: 70px;
text-transform: uppercase;
}
.magic-banner-text-three-ideas {
font-size: 16px;
line-height: 26px;
margin-top: 0px;
max-width: 620px;
text-transform: uppercase;
}
.magic-banner-text-snoska-ideas {
font-size: 12px;
line-height: 16px;
color: #ffffff;
position: absolute;
bottom: 170px;
}
.banner_diz_title-main-footnote-ideas {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-ideas:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-ideas {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-ideas {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-ideas.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.magic-banner-text-one-ideas {
font-size: 28px;
line-height: 36px;
margin-bottom: 0px;
}
.cont_main_banner-ideas {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-ideas {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-ideas.banner__button_diz_title-main {
font-size: 32px;
}
.magic-banner-text-three-ideas {
font-size: 14px;
line-height: 20px;
margin-top: 10px;
max-width: 400px;
}
.magic-banner-text-two-ideas {
font-size: 46px;
line-height: 60px;
text-transform: uppercase;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-ideas {
background-image: url(/upload/137/banner_ideas_mobile.jpg);
}
.zag-dizayn-banner-main-ideas {
margin-top: 240px;
}
.magic-banner-text-one-ideas {
text-transform: uppercase;
font-size: 18px;
line-height: 30px;
max-width: 300px;
margin-bottom: 0px;
}
.magic-banner-text-two-ideas {
font-size: 33px;
line-height: 40px;
}
.magic-banner-text-three-ideas {
font-size: 10px;
line-height: 14px;
margin-top: 0px;
max-width: 250px;
}
.cont_main_banner-ideas {
padding: 0px 20px;
}
.banner_diz_title-main-ideas {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
/* padding-left: 5vw; */
}
a.button_diz_title-main-ideas.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-ideas.banner__button_diz_title-main {
width: 60%;
font-size: 28px;
border-bottom: 20px solid #3f4247;
text-align: center;
}
.banner_diz_title-main-footnote-ideas {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
.magic-banner-text-snoska-ideas {
font-size: 8px;
line-height: 10px;
position: inherit;
}
}
/*Slide_ZC*/
.background-main-dizayn-ZC {
background-image: url(/upload/137/Steingot-zamorazhivaem_ceny_desc.jpg);
}
.cont_main_banner-ZC {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-ZC {
color: #ffffff;
/* max-width: 750px; */
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-bottom: 70px;
}
.magic-banner-text-one-ZC {
text-transform: uppercase;
font-size: 36px;
line-height: 60px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-bottom: 10px;
}
.magic-banner-text-two-ZC {
font-size: 30px;
line-height: 46px;
/* text-transform: uppercase; */
/* margin-bottom: 60px; */
}
.magic-banner-text-three-ZC {
font-size: 20px;
line-height: 30px;
margin-top: 50px;
max-width: 520px;
position: absolute;
bottom: 200px;
}
.magic-banner-text-snoska-ZC {
font-size: 12px;
line-height: 16px;
color: #ffffff;
position: absolute;
bottom: 170px;
}
.banner_diz_title-main-footnote-ZC {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-ZC:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-ZC {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-ZC {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-ZC.banner__button_diz_title-main {
padding: 0 60px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-ZC {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-ZC {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-ZC.banner__button_diz_title-main {
font-size: 32px;
}
.magic-banner-text-three-ZC {
font-size: 16px;
line-height: 24px;
margin-top: 10px;
max-width: 520px;
}
.magic-banner-text-two-ZC {
/* font-size: 46px; */
line-height: 40px;
/* text-transform: uppercase; */
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-ZC {
background-image: url(/upload/137/Steingot-zamorazhivaem_ceny_mob.jpg);
}
.zag-dizayn-banner-main-ZC {
margin-top: 20px;
max-width: 250px;
}
.magic-banner-text-one-ZC {
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
}
.magic-banner-text-two-ZC {
font-size: 18px;
line-height: 26px;
}
.magic-banner-text-three-ZC {
font-size: 12px;
line-height: 20px;
margin-top: 10px;
max-width: 250px;
position: inherit;
margin-bottom: 10px;
}
.cont_main_banner-ZC {
padding: 0px 0px;
}
.banner_diz_title-main-ZC {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
padding-left: 5vw;
}
a.button_diz_title-main-ZC.banner__button_diz_title-main {
/* padding: 0 40px; */
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-ZC.banner__button_diz_title-main {
width: 70%;
font-size: 28px;
border-bottom: 20px solid #3f4247;
text-align: center;
}
.banner_diz_title-main-footnote-ZC {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
.magic-banner-text-snoska-ZC {
font-size: 8px;
line-height: 10px;
position: inherit;
max-width: 120px;
}
}
.background-ZC2 {
background-image: url(/upload/137/Steingot-zamorazhivaem_ceny_desc_red_3.jpg);
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-ZC2 {
background-image: url(/upload/137/Steingot-zamorazhivaem_ceny_mob_red_3.jpg);
}
}
/*Slide_ZP*/
.background-main-dizayn-ZP {
background-image: url(/upload/137/Steingot-uspej_kupit_desc_2.jpg);
}
.cont_main_banner-ZP {
margin: 0px auto;
max-width: 1760px;
padding: 0px 20px;
}
.zag-dizayn-banner-main-ZP {
color: #ffffff;
/* max-width: 750px; */
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-bottom: 70px;
}
.magic-banner-text-one-ZP {
text-transform: uppercase;
font-size: 38px;
line-height: 60px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-bottom: 40px;
}
.magic-banner-text-two-ZP {
font-size: 32px;
line-height: 46px;
/* text-transform: uppercase; */
/* margin-bottom: 60px; */
}
.magic-banner-text-three-ZP {
font-size: 26px;
line-height: 36px;
margin-top: 50px;
max-width: 520px;
position: absolute;
bottom: 200px;
}
.magic-banner-text-snoska-ZP {
font-size: 12px;
line-height: 16px;
color: #ffffff;
position: absolute;
bottom: 170px;
}
.banner_diz_title-main-footnote-ZP {
color: #ffffff;
margin-bottom: 38px;
font-size: 18px;
text-transform: none;
line-height: 20px;
margin-top: 90px;
}
.button_diz_title-main-ZP:after {
position: absolute;
left: 99%;
top:0px;
content: '';
border-top: 96px solid #ffffff;
border-right: 32px solid transparent;
border-left: 20px solid #ffffff;
}
.button_diz_title-main-ZP {
position: absolute;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 96px;
padding: 0 100px;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
-webkit-flex-shrink: 0;
flex-shrink: 0;
letter-spacing: 2.2px;
cursor: pointer;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0;
}
.banner_diz_title-main-ZP {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
}
a.button_diz_title-main-ZP.banner__button_diz_title-main {
padding: 0 80px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-two-strong-ZP {
text-transform: uppercase;
font-size: 38px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (min-width: 767px) and (max-width: 1367px) {
.cont_main_banner-ZP {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.zag-dizayn-banner-main-ZP {
color: #ffffff;
max-width: 550px;
}
a.button_diz_title-main-ZP.banner__button_diz_title-main {
font-size: 32px;
}
.magic-banner-text-three-ZP {
font-size: 16px;
line-height: 24px;
margin-top: 10px;
max-width: 520px;
}
.magic-banner-text-two-ZP {
/* font-size: 46px; */
line-height: 40px;
/* text-transform: uppercase; */
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-dizayn-ZP {
background-image: url(/upload/137/Steingot-uspej_kupit_mob_2.jpg);
}
.zag-dizayn-banner-main-ZP {
margin-top: 20px;
max-width: 250px;
}
.magic-banner-text-one-ZP {
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
}
.magic-banner-text-two-ZP {
font-size: 16px;
line-height: 26px;
}
.magic-banner-text-two-strong-ZP {
text-transform: uppercase;
font-size: 20px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.magic-banner-text-three-ZP {
font-size: 12px;
line-height: 20px;
margin-top: 10px;
max-width: 250px;
position: inherit;
margin-bottom: 10px;
}
.cont_main_banner-ZP {
padding: 0px 0px;
}
.banner_diz_title-main-ZP {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: start;
margin: 0;
height: calc(100% - 180px);
margin-bottom: 76px;
margin-top: 0px;
padding-left: 5vw;
}
a.button_diz_title-main-ZP.banner__button_diz_title-main {
padding: 0 60px;
color: #9b2743;
font-size: 38px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
a.button_diz_title-main-ZP.banner__button_diz_title-main {
width: 70%;
font-size: 28px;
border-bottom: 20px solid #3f4247;
text-align: center;
}
.banner_diz_title-main-footnote-ZP {
color: #ffffff;
margin-bottom: 38px;
font-size: 11px;
text-transform: none;
line-height: 16px;
margin-top: 10px;
}
.magic-banner-text-snoska-ZP {
font-size: 8px;
line-height: 10px;
position: inherit;
max-width: 120px;
}
}
/* End */
/* Start:/local/components/areal/choose.city/templates/.default/style.css?17485472164298*/
Для меню.city__popup{}
.city__popup{
box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .1);
padding: 9px 20px;
position: fixed;
background-color: #fff;
top: 52px;
left: 34px;
border-radius: 6px;
z-index: 99;
text-align: center;
width: 340px;
z-index:9999;
}
.city__btn {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
cursor: pointer;
text-decoration: none;
background: #9b2743;
border-radius: .1875rem;
color: #fff;
font-weight: 500;
font-size: .875rem;
line-height: 1.285714286;
border: .125rem solid transparent;
padding: .3125rem 1.25rem;
min-height: 3rem;
min-width: 7.8125rem;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .28s ease;
-o-transition: all .28s ease;
-moz-transition: all .28s ease;
transition: all .28s ease;
}
.city__btn-no{
background: #eee;
color: #000;
}
.search__popup{
padding: 30px;
border-radius: 5px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 1.875rem;
z-index: 100;
width: 31.625rem;
background: #fff;
box-shadow: 0 .25rem 1.25rem rgba(0, 0, 0, .1);
border-radius: .1875rem;
}
.popup-bg{
height: 100%;
width: 100vh;
background: rgb(0, 0, 0, 0.4);
z-index: 999999;
cursor: pointer;
}
.search__popup{
display: none;
}
.popup-bg .search__popup{
display: block;
}
.search__popup strong{
font-size: 20px;
}
.search__city{
margin:30px 0;
display: flex;
justify-content: space-between;
}
.search__city a{
color:#000;
font-weight: 700;
text-decoration: none;
}
.search__city a:hover{
color:#9b2743;
}
.search__form{
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
flex: 1;
background: #fff;
border: .125rem solid #e0e0e0;
border-radius: .25rem;
height: 3rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
}
.search__form input{
width: 100%;
border: none;
padding-left: 20px;
font-size: 16px;
font-weight: 600;
}
.search__popup-close{
cursor: pointer;
width: 1.75rem;
height: 1.75rem;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
background: #fff;
font-size: .5rem;
line-height: 1;
box-shadow: 0 .25rem 1.25rem rgba(0, 0, 0, .1);
border-radius: 100%;
position: absolute;
right: -.9375rem;
top: -.9375rem;
color: #bdbdbd;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: -o-transform .2s ease-out;
-moz-transition: transform .2s ease-out, -moz-transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out, -moz-transform .2s ease-out, -o-transform .2s ease-out;
}
.search__popup-close:before{
content: "✖";
font-size: 14px;
}
.region-modal__form{
position: relative;
}
@media only screen and (max-width: 576px) {
.city__popup{left: 15px;width: 61vw;}
.city__popup p{font-size:12px;}
.city__btns{
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
}
/* End */
/* Start:/local/templates/main/ms/css/uslugi.css?174854722099309*/
/*Услуги*/
.content-item0 {
background: url(/local/templates/main/ms/img/banner_ukladka_01_uslugi.jpg);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 420px;
/*height: 200px;*/
margin: 20px auto;
overflow: hidden;
position: relative;
width: 65%;
float: left;
background-size: cover;
background-repeat: no-repeat;
background-position: top left;
border-radius: 30px;
}
.content-item0 .overlay {
border-bottom: 480px solid rgba(155, 39, 67, 0.7);
border-left: 380px solid transparent;
bottom: 0;
height: 0;
opacity: 0.95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.content-item0:hover .overlay {
border-bottom: 1300px solid rgba(155, 39, 67, 0.70);;
border-left: 1300px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-item0 .overlay2 {
border-bottom: 300px solid hsla(346, 60%, 38%, 0.7);
border-left: 250px solid transparent;
bottom: 0;
height: 0;
opacity: 0.95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.content-item0:hover .overlay2 {
border-bottom: 1300px solid rgba(155, 39, 67, 0.70);;
border-left: 1300px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-item0 .corner-overlay-content {
bottom: 15px;
color: #fff;
position: absolute;
right: 15px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
font-size: 28px;
}
.content-item0:hover .corner-overlay-content {
opacity: 0;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #ffffff;
}
.content-item0 .overlay-content {
bottom: 0;
color: #ffffff;
left: 0;
opacity: 0;
padding: 30px;
position: absolute;
right: 0;
top: 0;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.content-item0 .overlay-content h2 {
border-bottom: 1px solid #fff;
padding: 0 0 12px;
color: #ffffff;
}
.content-item0:hover .overlay-content {
opacity: 1;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.content-item1 {
background: url(/local/templates/main/ms/img/delivery_uslugi_001.jpg);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 200px;
margin: 20px 20px 20px 20px;
overflow: hidden;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: top left;
border-radius: 30px;
}
.content-item1 .overlay {
border-bottom: 250px solid rgba(155, 39, 67, 0.7);
border-left: 180px solid transparent;
bottom: 0;
height: 0;
opacity: 0.95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.content-item1:hover .overlay {
border-bottom: 800px solid rgba(155, 39, 67, 0.70);
border-left: 800px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-item1 .overlay2 {
border-bottom: 160px solid rgba(155, 39, 67, 0.7);
border-left: 120px solid transparent;
bottom: 0;
height: 0;
opacity: 0.95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.content-item1:hover .overlay2 {
border-bottom: 800px solid rgba(155, 39, 67, 0.70);
border-left: 800px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-item1 .corner-overlay-content {
bottom: 15px;
color: #fff;
position: absolute;
right: 15px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
font-size: 24px;
}
.content-item1:hover .corner-overlay-content {
opacity: 0;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #ffffff;
}
.content-item1 .overlay-content {
bottom: 0;
color: #ffffff;
left: 0;
opacity: 0;
padding: 30px;
position: absolute;
right: 0;
top: 0;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.content-item1 .overlay-content h2 {
border-bottom: 1px solid #fff;
padding: 0 0 12px;
color: #ffffff;
}
.content-item1:hover .overlay-content {
opacity: 1;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.content-item2 {
/* background: url(/local/templates/main/ms/img/malye_uslug_001.jpg); */
background: url(/local/templates/main/ms/img/dezain_uslugi_001.jpg);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 200px;
margin: 20px 20px 20px 20px;
overflow: hidden;
position: relative;
/* width: 100%; */
background-size: cover;
background-repeat: no-repeat;
background-position: top left;
border-radius: 30px;
}
.content-item2 .overlay {
border-bottom: 250px solid rgba(155, 39, 67, 0.7);
border-left: 180px solid transparent;
bottom: 0;
height: 0;
opacity: 0.95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.content-item2:hover .overlay {
border-bottom: 800px solid rgba(155, 39, 67, 0.70);
border-left: 800px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-item2 .overlay2 {
border-bottom: 160px solid rgba(155, 39, 67, 0.7);
border-left: 120px solid transparent;
bottom: 0;
height: 0;
opacity: 0.95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.content-item2:hover .overlay2 {
border-bottom: 800px solid rgba(155, 39, 67, 0.70);
border-left: 800px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-item2 .corner-overlay-content {
bottom: 15px;
color: #fff;
position: absolute;
right: 15px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
font-size: 24px;
text-align: right;
}
.content-item2:hover .corner-overlay-content {
opacity: 0;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #ffffff;
}
.content-item2 .overlay-content {
bottom: 0;
color: #ffffff;
left: 0;
opacity: 0;
padding: 30px;
position: absolute;
right: 0;
top: 0;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.content-item2 .overlay-content h2 {
border-bottom: 1px solid #fff;
padding: 0 0 12px;
color: #ffffff;
}
.content-item2:hover .overlay-content {
opacity: 1;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.content-item2 .overlay-content p {
color: #ffffff;
}
.content-item3 {
background: url(/local/templates/main/ms/img/dezain_uslugi_001.jpg);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 420px;
margin: 0px auto;
overflow: hidden;
position: relative;
width: 98.4%;
float: left;
background-size: cover;
/* background-repeat: no-repeat; */
background-position: top left;
}
.content-item3 .overlay {
border-bottom: 480px solid rgba(155, 39, 67, 0.7);
border-left: 380px solid transparent;
bottom: 0;
height: 0;
opacity: 0.95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.content-item3:hover .overlay {
border-bottom: 1800px solid rgba(155, 39, 67, 0.70);
border-left: 1800px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-item3 .overlay2 {
border-bottom: 300px solid hsla(346, 60%, 38%, 0.7);
border-left: 250px solid transparent;
bottom: 0;
height: 0;
opacity: 0.95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.content-item3:hover .overlay2 {
border-bottom: 1800px solid rgba(155, 39, 67, 0.70);
border-left: 1800px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-item3 .corner-overlay-content {
bottom: 15px;
color: #fff;
position: absolute;
right: 15px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
font-size: 28px;
}
.content-item3:hover .corner-overlay-content {
opacity: 0;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #ffffff;
}
.content-item3 .overlay-content {
bottom: 0;
color: #ffffff;
left: 0;
opacity: 0;
padding: 30px;
position: absolute;
right: 0;
top: 0;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.content-item3 .overlay-content h2 {
border-bottom: 1px solid #fff;
padding: 0 0 12px;
color: #ffffff;
}
.content-item3:hover .overlay-content {
opacity: 1;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.content-it {
float: right;
width: 35%;
}
@media screen and (max-width: 1024px) {
.content-item0 {
width: 55%;
}
.content-it {
width: 45%;
}
}
.content-item0 .overlay-content p {
color: #ffffff;
}
.content-item1 .overlay-content p {
color: #ffffff;
}
.content-item2 .overlay-content p {
color: #ffffff;
}
@media screen and (max-width: 600px) {
.content-item0 {
width: 100%;
float: left;
height: 200px;
margin: 20px auto;
}
.content-it {
float: right;
width: 100%;
height: 420px;
margin: 20px auto;
}
.content-item1 {
margin: 0px;
margin: 0px ;
}
.content-item0 {
margin: 0px;
margin: 0px ;
}
.content-item2 {
height: 200px;
margin: 20px 0px 20px 0px ;
}
.content-item3 {
width: 100%;
margin: 0px 0px 20px 0px;
}
.content-item0 .overlay-content p {
display: none;
}
.content-item1 .overlay-content p {
display: none;
}
.content-item2 .overlay-content p {
display: none;
}
.content-item0 .overlay {
border-bottom: 240px solid rgba(155, 39, 67, 0.7);
border-left: 180px solid transparent;
}
.content-item1 .overlay {
border-bottom: 240px solid rgba(155, 39, 67, 0.7);
border-left: 180px solid transparent;
}
.content-item2 .overlay {
border-bottom: 240px solid rgba(155, 39, 67, 0.7);
border-left: 180px solid transparent;
}
.content-item0 .overlay2 {
border-bottom: 155px solid rgba(155, 39, 67, 0.7);
border-left: 120px solid transparent;
}
.content-item1 .overlay2 {
border-bottom: 155px solid rgba(155, 39, 67, 0.7);
border-left: 120px solid transparent;
}
.content-item2 .overlay2 {
border-bottom: 155px solid rgba(155, 39, 67, 0.7);
border-left: 120px solid transparent;
}
.content-item0 .corner-overlay-content {
font-size: 16px;
}
.content-item1 .corner-overlay-content {
font-size: 16px;
}
.content-item2 .corner-overlay-content {
font-size: 16px;
}
}
/*Услуги регионы*/
.content-item0-reg {
background: url(/local/templates/main/ms/img/dezain_uslugi_001.jpg);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 420px;
margin: 20px auto;
overflow: hidden;
position: relative;
width: 65%;
float: left;
background-size: cover;
background-repeat: no-repeat;
background-position: top left;
border-radius: 30px;
}
.content-item0-reg .overlay {
border-bottom: 480px solid rgba(155, 39, 67, 0.7);
border-left: 380px solid transparent;
bottom: 0;
height: 0;
opacity: 0.95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.content-item0-reg:hover .overlay {
border-bottom: 1300px solid rgba(155, 39, 67, 0.70);;
border-left: 1300px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-item0-reg .overlay2 {
border-bottom: 300px solid hsla(346, 60%, 38%, 0.7);
border-left: 250px solid transparent;
bottom: 0;
height: 0;
opacity: 0.95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.content-item0-reg:hover .overlay2 {
border-bottom: 1300px solid rgba(155, 39, 67, 0.70);;
border-left: 1300px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-item0-reg .corner-overlay-content {
bottom: 15px;
color: #fff;
position: absolute;
right: 15px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
font-size: 28px;
}
.content-item0-reg:hover .corner-overlay-content {
opacity: 0;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #ffffff;
}
.content-item0-reg .overlay-content {
bottom: 0;
color: #ffffff;
left: 0;
opacity: 0;
padding: 30px;
position: absolute;
right: 0;
top: 0;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.content-item0-reg .overlay-content h2 {
border-bottom: 1px solid #fff;
padding: 0 0 12px;
color: #ffffff;
}
.content-item0-reg:hover .overlay-content {
opacity: 1;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.content-item1-reg {
background: url(/local/templates/main/ms/img/delivery_uslugi_001.jpg);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 200px;
margin: 20px 20px 20px 20px;
overflow: hidden;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: top left;
border-radius: 30px;
}
.content-item1-reg .overlay {
border-bottom: 250px solid rgba(155, 39, 67, 0.7);
border-left: 180px solid transparent;
bottom: 0;
height: 0;
opacity: 0.95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.content-item1-reg:hover .overlay {
border-bottom: 800px solid rgba(155, 39, 67, 0.70);
border-left: 800px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-item1-reg .overlay2 {
border-bottom: 160px solid rgba(155, 39, 67, 0.7);
border-left: 120px solid transparent;
bottom: 0;
height: 0;
opacity: 0.95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.content-item1-reg:hover .overlay2 {
border-bottom: 800px solid rgba(155, 39, 67, 0.70);
border-left: 800px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-item1-reg .corner-overlay-content {
bottom: 15px;
color: #fff;
position: absolute;
right: 15px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
font-size: 24px;
}
.content-item1-reg:hover .corner-overlay-content {
opacity: 0;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #ffffff;
}
.content-item1-reg .overlay-content {
bottom: 0;
color: #ffffff;
left: 0;
opacity: 0;
padding: 30px;
position: absolute;
right: 0;
top: 0;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.content-item1-reg .overlay-content h2 {
border-bottom: 1px solid #fff;
padding: 0 0 12px;
color: #ffffff;
}
.content-item1-reg:hover .overlay-content {
opacity: 1;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.content-item2-reg {
background: url(/local/templates/main/ms/img/banner_ukladka_01_uslugi.jpg);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 200px;
margin: 20px 20px 20px 20px;
overflow: hidden;
position: relative;
/* width: 100%; */
background-size: cover;
background-repeat: no-repeat;
background-position: top left;
border-radius: 30px;
}
.content-item2-reg .overlay {
border-bottom: 250px solid rgba(155, 39, 67, 0.7);
border-left: 180px solid transparent;
bottom: 0;
height: 0;
opacity: 0.95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.content-item2-reg:hover .overlay {
border-bottom: 800px solid rgba(155, 39, 67, 0.70);
border-left: 800px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-item2-reg .overlay2 {
border-bottom: 160px solid rgba(155, 39, 67, 0.7);
border-left: 120px solid transparent;
bottom: 0;
height: 0;
opacity: 0.95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.content-item2-reg:hover .overlay2 {
border-bottom: 800px solid rgba(155, 39, 67, 0.70);
border-left: 800px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-item2-reg .corner-overlay-content {
bottom: 15px;
color: #fff;
position: absolute;
right: 15px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
font-size: 24px;
text-align: right;
}
.content-item2-reg:hover .corner-overlay-content {
opacity: 0;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #ffffff;
}
.content-item2-reg .overlay-content {
bottom: 0;
color: #ffffff;
left: 0;
opacity: 0;
padding: 30px;
position: absolute;
right: 0;
top: 0;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.content-item2-reg .overlay-content h2 {
border-bottom: 1px solid #fff;
padding: 0 0 12px;
color: #ffffff;
}
.content-item2-reg:hover .overlay-content {
opacity: 1;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.content-item2-reg .overlay-content p {
color: #ffffff;
}
.content-item3 {
background: url(/local/templates/main/ms/img/dezain_uslugi_001.jpg);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 420px;
margin: 0px auto;
overflow: hidden;
position: relative;
width: 98.4%;
float: left;
background-size: cover;
/* background-repeat: no-repeat; */
background-position: top left;
}
.content-item3 .overlay {
border-bottom: 480px solid rgba(155, 39, 67, 0.7);
border-left: 380px solid transparent;
bottom: 0;
height: 0;
opacity: 0.95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.content-item3:hover .overlay {
border-bottom: 1800px solid rgba(155, 39, 67, 0.70);
border-left: 1800px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-item3 .overlay2 {
border-bottom: 300px solid hsla(346, 60%, 38%, 0.7);
border-left: 250px solid transparent;
bottom: 0;
height: 0;
opacity: 0.95;
position: absolute;
right: 0;
text-indent: -9999px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 0;
}
.content-item3:hover .overlay2 {
border-bottom: 1800px solid rgba(155, 39, 67, 0.70);
border-left: 1800px solid transparent;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-item3 .corner-overlay-content {
bottom: 15px;
color: #fff;
position: absolute;
right: 15px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
font-size: 28px;
}
.content-item3:hover .corner-overlay-content {
opacity: 0;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #ffffff;
}
.content-item3 .overlay-content {
bottom: 0;
color: #ffffff;
left: 0;
opacity: 0;
padding: 30px;
position: absolute;
right: 0;
top: 0;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.content-item3 .overlay-content h2 {
border-bottom: 1px solid #fff;
padding: 0 0 12px;
color: #ffffff;
}
.content-item3:hover .overlay-content {
opacity: 1;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.content-it {
float: right;
width: 35%;
}
@media screen and (max-width: 1024px) {
.content-item0-reg {
width: 55%;
}
.content-it {
width: 45%;
}
}
.content-item0-reg .overlay-content p {
color: #ffffff;
}
.content-item1-reg .overlay-content p {
color: #ffffff;
}
.content-item2-reg .overlay-content p {
color: #ffffff;
}
@media screen and (max-width: 600px) {
.content-item0-reg {
width: 100%;
float: left;
height: 200px;
margin: 20px auto;
}
.content-it {
float: right;
width: 100%;
height: 420px;
margin: 20px auto;
}
.content-item1-reg {
margin: 0px;
margin: 0px ;
}
.content-item0-reg {
margin: 0px;
margin: 0px ;
}
.content-item2-reg {
height: 200px;
margin: 20px 0px 20px 0px ;
}
.content-item3 {
width: 100%;
margin: 0px 0px 20px 0px;
}
.content-item0-reg .overlay-content p {
display: none;
}
.content-item1-reg .overlay-content p {
display: none;
}
.content-item2-reg .overlay-content p {
display: none;
}
.content-item0-reg .overlay {
border-bottom: 240px solid rgba(155, 39, 67, 0.7);
border-left: 180px solid transparent;
}
.content-item1-reg .overlay {
border-bottom: 240px solid rgba(155, 39, 67, 0.7);
border-left: 180px solid transparent;
}
.content-item2-reg .overlay {
border-bottom: 240px solid rgba(155, 39, 67, 0.7);
border-left: 180px solid transparent;
}
.content-item0-reg .overlay2 {
border-bottom: 155px solid rgba(155, 39, 67, 0.7);
border-left: 120px solid transparent;
}
.content-item1-reg .overlay2 {
border-bottom: 155px solid rgba(155, 39, 67, 0.7);
border-left: 120px solid transparent;
}
.content-item2-reg .overlay2 {
border-bottom: 155px solid rgba(155, 39, 67, 0.7);
border-left: 120px solid transparent;
}
.content-item0-reg .corner-overlay-content {
font-size: 16px;
}
.content-item1-reg .corner-overlay-content {
font-size: 16px;
}
.content-item2-reg .corner-overlay-content {
font-size: 16px;
}
}
/* Укладка */
.accordion_uk {
width: 100%;
max-width: 100%;
min-height: 0;
display: block;
position: relative;
margin: 0 auto;
padding: 0;
background-color: #fefffa;
overflow: hidden;
}
.yk_zag {
font-weight: bold;
}
/* заголовки панелей аккордеона */
.accordion_uk h2 {
/* font-size: 16px; */
/* font-weight: 300; */
/* letter-spacing: 1px; */
/* display: block; */
/* margin: 0; */
/* padding: 10px 25px; */
/* cursor: pointer; */
/* color: #f4f4f4; */
/* background: #333f4808; */
/* border-top: 1px solid #c3c6c9; */
/* border-bottom: 1px solid #9E9E9E; */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.accordion_uk h2 {
font-size: 16px;
font-weight: 300;
/* letter-spacing: 1px; */
display: block;
margin: 0;
padding: 10px 25px;
cursor: pointer;
/* color: #f4f4f4; */
background: #dadcde8c;
border-top: 1px solid #ffffff;
/* border-bottom: 1px solid #9E9E9E; */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 65px;
}
.uklad_bord {
border-bottom: 1px solid #9E9E9E;
}
.msg {
position: relative;
overflow: hidden;
max-height: 800px;
opacity: 1;
transform: translate(0, 0);
}
.msg p {
/* color: rgba(48, 69, 92, 0.8); */
/* font-size: 13px; */
/* line-height: 20px; */
/* letter-spacing: 1px; */
/* padding: 0 20px; */
}
@media (max-width: 550px) {
.accordion_uk {
box-sizing: border-box;
transform: translate(0, 0);
max-width: 100%;
min-height: 100%;
margin: 0;
left: 0;
}
}
.accordion_uk ul {
list-style: none;
perspective: 900;
padding: 20px;
margin: 0;
}
.accordion_uk ul li {
position: relative;
padding: 0;
margin: 0;
}
.accordion_uk ul li:nth-of-type(1) {
animation-delay: 0.5s;
}
.accordion_uk ul li:nth-of-type(2) {
animation-delay: 0.75s;
}
.accordion_uk ul li:nth-of-type(3) {
animation-delay: 1s;
}
.accordion_uk ul li:last-of-type {
padding-bottom: 0;
}
.accordion_uk ul li i {
position: absolute;
transform: translate(-6px, 0);
margin-top: 16px;
/* расположим указатель на панели заголовка справа */
right: 25px;
}
.accordion_uk ul li i:before, .accordion_uk ul li i:after {
content: "";
position: absolute;
background-color: #9b2743;
width: 3px;
height: 9px;
}
.accordion_uk ul li i:before {
transform: translate(-2px, 0) rotate(45deg);
}
.accordion_uk ul li i:after {
transform: translate(2px, 0) rotate(-45deg);
}
.accordion_uk ul li input[type=checkbox] {
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
opacity: 0;
}
.accordion_uk ul li input[type=checkbox]:checked ~ div.msg {
margin-top: 0;
max-height: 0;
opacity: 0;
transform: translate(0, 2%);
}
.accordion_uk ul li input[type=checkbox]:checked ~ i:before {
transform: translate(2px, 0) rotate(45deg);
}
.accordion_uk ul li input[type=checkbox]:checked ~ i:after {
transform: translate(-2px, 0) rotate(-45deg);
}
div.msg, ul li i:before, ul li i:after {
transition: all 0.5s ease-in-out;
}
.accordion_uk .msg img {
width: 40%;
height: auto;
-moz-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
/* -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); */
/* box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); */
float:right;
margin: 20px;
}
.stein_uklad {
width: 50%;
float:left;
margin-bottom: 0px;
padding: 30px;}
.msg img .large-img {
width: 100%;
margin-bottom: 10px;
}
.msg img.img-left {
width: 25%;
float:left;
margin:5px 15px 5px 0;
}
.msg img.img-right {
width: 25%;
float:right;
margin:5px 0 5px 15px;
}
.video-responsive {
margin: 20px;
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
-moz-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*.accordion_uk {
margin: 15px 15px 40px 15px;
}*/
.stein_uklad_img { position: absolute;
width: 310px;
height: 310px;
display: block;
top: 70%;
border: none;
right: 40px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
/* background-image: url(/upload/137/statya_01.jpg); */
}
.stein_price {
margin-top: 0px;
font-size: 20px;
color: #333f48;
font-weight: 700;
}
@media screen and (max-width: 1084px) {
.accordion_uk .msg img {
width: 45%;
height: auto;
-moz-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
/* -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); */
/* box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); */
float:right;
margin: 20px;
}
.stein_uklad {
width: 40%;
float:left;
margin-bottom: 0px;
padding: 30px;
}
}
@media screen and (max-width: 880px) {
.accordion_uk .msg img {
width: 100%;
margin: 0 auto;
margin-bottom: 20px;
}
.stein_uklad {
width: 100%;
float:left;
margin-bottom: 0px;
padding: 20px;
}
}
/*карта объектов*/
.mapsme3 {
width: 100%;
height: 100%;
}
.mapsme4 {
width: 100%;
height: 500px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.mapsme4 {
width: 100%;
height: 64vh;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.mapsme4{
width: 100%;
height: 60vh;
}
}
.ballon_body img {
max-width: 200px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.mapsme4{
width: 100%;
height: 60vh;
}
.ballon_body img {
max-width: 100px;
}
}
/*бесплатная доставка*/
.free_d_h1 {
text-align: center;
}
.free_d_h2 {
text-align: center;
font-size: 20px;
font-weight: 500;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.free_d_h1 {
text-align: center;
font-size: 30px;
}
.free_d_h2 {
text-align: center;
font-size: 16px;
}
}
.cont_ban {
overflow:hidden;
width: 100%;
height:100%;
}
.owl-carousel-ms2 {
margin-bottom: 10px;
width: 130%;
}
.owl-carousel-ms3 {
margin-bottom: 10px;
width: 130%;
right: 150px
}
@media screen and (min-width: 1000px) and (max-width: 1300px) {
.owl-carousel-ms2 {
width: 150%;
}
.owl-carousel-ms3 {
width: 150%;
right: 100px
}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
.owl-carousel-ms2 {
width: 150%;
}
.owl-carousel-ms3 {
width: 150%;
right: 150px
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.owl-carousel-ms2 {
width: 190%;
}
.owl-carousel-ms3 {
width: 190%;
right: 140px
}
}
.stein_main3 {
margin-top: 50px;
}
.dostav_h2 {
margin-bottom: 50px;
}
.dostav_h2 {
margin-top: 100px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.dostav_h2 {
margin-top: 70px;
}
}
.button_b_dost {
margin-bottom: 100px;
margin-top: 20px
}
.callto_dost_text {
margin-left: 41%;
padding-top: 5px;
font-size: 18px;
color: #333f48;
}
.callto_dost_button {
float: left;
/* width: 40%; */
}
.calltoaction_dost {
width: 80%;
margin-bottom: 50px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.calltoaction_dost {
width: 90%;
margin-bottom: 50px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}
.callto_dost_text {
margin: 0 auto;
padding-top: 5px;
font-size: 16px;
color: #333f48;
width: 80%;
text-align: center;
}
.callto_dost_button {
text-align: center;
float: none;
width: 100%;
margin: 0 auto;
margin-bottom: 20px;
}
.button_b_dost {
margin-bottom: 10px;
margin-top: 20px
}
}
.dost_cont_accord {
width: 100%;
}
/*Цитата для доставки*/
.incut2 {
/* margin: 20px 0 40px; */
background: #f5f5f6;
position: relative;
display: block;
/*font-family: 'amazing_grotesk_book', Arial;
font-size: 18px;
line-height: 1.5em;*/
padding: 38px 130px 38px 145px;
clear: both;
display: flex;
align-items: flex-end;
font-size: 18px;
}
.incut2::before {
content: '';
display: inline-block;
width: 55px;
height: 44px;
background-image: url("/upload/137/steigot_dog_01.svg");
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
position: absolute;
left: 80px;
}
@media screen and (max-width: 640px) {
.incut2:before {
top: 13px;
left: 10px;
}
.incut2 {
padding: 65px 20px 25px;
font-size: 14px;
}
}
/*Таблица Доставка2*/
.dev-little-table2 tr:first-child td {
border-bottom: 1px solid #9E9E9E;
}
.dev-little-table2 tr:last-child td {
border-bottom: 1px solid #ffffff;
}
.dev-little-table2 tr:first-child {
color: #333f48;
font-weight: bold;
}
.dev-little-table2 tr td:first-child {
text-align: left;
font-weight: bold;
color: #333f48
}
.dev-little-table2 tr td:last-child {
border-right: 1px solid #ffffff;
}
.dev-little-table2 tr td {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #9E9E9E;
border-left: 1px solid #ffffff;
border-right: 1px solid #9E9E9E;
}
@media screen and (max-width: 490px) {
.dev-little-table2 td {
min-width: 70px;
font-size: 13px;
}
.dev-little-table2 {
overflow-x: scroll;
display: block;
}
}
.dev_tr3 {
background-color: #f5f5f7;
}
.dev-little-table2 tr:hover td{
background: rgba(158, 158, 158, 0.2); /* цвет при наведении */
}
/*Таблица Доставка3*/
.dev-little-table3 tr:first-child td {
border-bottom: 0px solid #9E9E9E;
}
.dev-little-table3 tr:last-child td {
border-bottom: 0px solid #ffffff;
}
.dev-little-table3 tr:first-child {
color: #333f48;
font-weight: bold;
}
.dev-little-table3 tr td:last-child {
border-right: 0px solid #ffffff;
}
.dev-little-table3 tr td {
border-top: 1px solid #9e9e9e6b;
border-bottom: 0px solid #f5f5f6;
border-left: none;
border-right: 0px solid #9E9E9E;
}
@media screen and (max-width: 490px) {
.dev-little-table3 td {
min-width: 70px;
font-size: 13px;
}
.dev-little-table3 {
overflow-x: scroll;
display: block;
}
}
.dev_tr3 {
background-color: #f5f5f7;
}
.dev-little-table2 tr:hover td{
background: rgba(158, 158, 158, 0.2); /* цвет при наведении */
}
.dev-little-table3 {
background-color: #f5f5f6;
margin-bottom: 0px;
border: 1px solid #f5f5f6;
}
.dost_line {
width: 70px;
float: right;
margin-bottom: 20px;
}
.dost_line2 {
width: 70px;
float: left;
margin-bottom: 20px;
}
.dost_line3{
width: 40px;
float: right;
margin-bottom: 20px;
}
.dost_fura {
max-width: 200px;
margin: 0 auto;
}
.dost_man {
max-width: 130px;
margin: 0 auto;
}
.dev-little-table3 td {
padding: 20px
}
.dost_icon_tb {
padding: 10px
}
/*Аккордион*/
.certificates__certificates-block2 {
text-decoration: none;
}
.certificates__toggle2 {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #f5f5f7;
/* height: 100px; */
padding: 20px 50px 20px 100px;
font-size: 18px;
line-height: 24px;
margin-bottom: 10px;
cursor: pointer;
}
@media screen and (max-width: 1024px) and (min-width: 320px) {
.certificates__toggle2 {
font-size: 14px;
line-height: 18px;
/*height: 56px;*/
padding: 0 20px;
}
}
@media screen and (max-width: 1200px) and (min-width: 1045px) {
.callto_dost_text {
margin-left: 18px;
padding-top: 8px;
font-size: 18px;
color: #333f48;
}
.callto_dost_button {
margin-right: 30px;
}
}
@media screen and (max-width: 1045px) and (min-width: 768px) {
.callto_dost_text {
margin-left: 20px;
padding-top: 10px;
font-size: 14px;
color: #333f48;
}
.callto_dost_button {
margin-right: 30px;
}
}
@media screen and (max-width: 767px) and (min-width: 320px) {
.calltoaction_dost {
width: 90%;
margin-bottom: 50px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 936px) and (min-width: 320px) {
.certificates__toggle2 {
font-size: 14px;
line-height: 18px;
/* height: 56px; */
padding: 20px 20px 20px 20px;
/* margin-bottom: 40px; */
}
}
.certificates__toggle2:hover .certificates__certificates-block-title {
color: #92243f;
}
.certificates__toggle2:hover .certificates__indicator {
border-color: #92243f;
}
.certificates__toggle2:hover .certificates__indicator:before,
.certificates__toggle2:hover .certificates__indicator:after {
background-color: #92243f;
}
.certificates__toggle2.js-open .certificates__indicator:before {
transform: rotate(0deg);
}
.certificates__items2 {
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin: 10px 50px 50px 50px;
display: flex;
display: none;
box-sizing: border-box;
transition: opacity 0.3s ease-in-out;
}
.js-certificates-block3 {
padding: 20px 60px 20px;
text-decoration: none;
background-color: #f5f5f7;
border-top: 1px solid #cfd3d4;
}
.certificates__certificates-block2 {
text-decoration: none;
background-color: #f5f5f7;
}
@media screen and (max-width: 1024px) and (min-width: 320px) {
.certificates__items2 {
padding: 20px 00px 20px;
font-size: 14px;
margin: 00px 20px 30px 20px;
}
.js-certificates-block3 {
padding: 20px 10px 20px;
text-decoration: none;
background-color: #f5f5f7;
border-top: 1px solid #cfd3d4;
}
.certificates__certificates-block2 {
text-decoration: none;
background-color: #f5f5f7;
}
}
.dost_ac_title {
max-width: 90%;
}
.dost_ac_title p {
font-size: 18px;
margin-bottom: 0px
}
@media screen and (max-width: 936px) and (min-width: 320px) {
.dost_ac_title {
max-width: 100%;
}
.dost_ac_title p {
font-size: 14px;
}
}
a.catalog__button2 {
position: relative;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.button_red .button__icon2 {
color: #9b2743;
fill: currentColor;
}
.button__icon2 {
width: 42px;
height: 9px;
position: absolute;
top: calc(50% - 6px);
right: 29px;
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
@media screen and (max-width: 767px) and (min-width: 320px) {
a.catalog__button2 {
padding: 8px 20px;
}
.button__icon2 {
left: 150px;
}
}
.stein_vigoda li {
font-size: 20px;
line-height: 34px;
}
.stein_list_none {
list-style-type: none;
}
.stein_bbold {
font-weight: bold;
color: #9b2743;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (max-width: 767px) and (min-width: 320px) {
.stein_vigoda li {
font-size: 14px;
line-height: 24px;
}
}
.button__text2 {
font-size: 18px;
font-weight: bold;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media screen and (max-width: 767px) and (min-width: 320px) {
.button__text2 {
font-size: 11px;
font-weight: bold;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
}
.callto_dost_text a {
text-decoration: none;
}
/*доставка малых партий*/
/*Таблица Доставка2*/
.dev-little-table-dil {
background-color: #f5f5f5;
border: none;
margin: 0px;
}
.dev-little-table-dil tr:first-child {
font-weight: bold;
}
.dev-little-table-dil td {
width: 50%;
text-align:left;
border: none;
}
.dev-little-table-dil td:first-child {
}
@media screen and (max-width: 490px) {
.dev-little-table-dil td {
min-width: 70px;
font-size: 13px;
}
.dev-little-table-dil {
overflow-x: scroll;
display: block;
}
}
.dev_tr3 {
background-color: #f5f5f7;
}
.dev-little-table2 tr:hover td{
background: rgba(158, 158, 158, 0.2); /* цвет при наведении */
}
.banner_del_2 {
height: 100%;
max-width: 1225px;
margin: 0 auto;
}
.container_dil_2 {
max-width: 1225px;
margin: 0 auto;
margin-top: 40px;
}
.zag_diliv_malie {
max-width: 25%;
background-color: #333f488c;
height: 100%;
color: #ffffff;
font-size: 32px;
line-height: 34px;
margin: 0;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
padding: 50px;
}
@media screen and (max-width: 767px) and (min-width: 320px) {
.zag_diliv_malie {
max-width: 100%;
background-color: #333f488c;
color: #ffffff;
font-size: 30px;
line-height: 32px;
}
}
.dost_truck {
max-width: 130px;
min-width: 110px;
/* margin: 0 auto; */
display: inline-block;
margin-right: 10px;
}
@media screen and (max-width: 767px) and (min-width: 320px) {
.dost_truck {
min-width: 90px;
}
}
.stein_bbold_red {
font-weight: bold;
color: #ff4c4c;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.stein_bbold_green {
font-weight: bold;
color: #12b312;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.zag_diliv_truck_18 {
font-size: 58%;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
font-weight: bold;
}
.zag_diliv_truck_16 {
font-size: 40%;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.dev-little-table-dil-section {
padding-top: 22px;
background-color: #f5f5f5;
padding-left: 40px;
}
@media screen and (max-width: 767px) and (min-width: 320px) {
.dev-little-table-dil-section {
padding-left: 0px;
}
}
.free_d_h2_2 {
text-align: center;
font-size: 26px;
font-weight: 500;
}
@media screen and (max-width: 767px) and (min-width: 320px) {
.free_d_h2_2 {
text-align: center;
font-size: 16px;
}
}
.free_d_h1_2 {
text-align: center;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.free_d_h1_2 {
text-align: center;
font-size: 26px;
}
}
.banner_title_melkie {
/*max-width: 800px;*/
color: #ffffff;
/*max-width: 460px;*/
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin: 0;
height: calc(100% - 96px);
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 40px;
line-height: 48px;
}
.banner_title_melkie {
font-size: 32px;
}
.zag_diliv_melkie {
margin-left: 25px;
margin-top: 90px;
}
.zag_diliv1_melkie {
font-size: 180%;
margin-bottom: 30px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
line-height: 60px;
}
.zag_diliv2_melkie {
font-size: 100%;
margin-bottom: 10px;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
line-height: 50px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.zag_diliv_melkie {
margin-left: 40px;
margin-top: 90px;
}
.zag_diliv1_melkie {
font-size: 140%;
line-height: 56px;
}
.zag_diliv2_melkie {
font-size: 60%;
line-height: 30px;
}
}
.banner_dil_fon {
height: 100%;
margin: 0 auto;
background-color: #333f483b;
}
/*Дизайн проект*/
.owl-carousel-ms5 {
margin-bottom: 10px;
width: 100%;
}
.owl-carousel .owl-nav button.owl-prev {
position:absolute;
background-image: url(/local/templates/main/ms/img/vpravo.svg);
background-size: cover;
width: 80px;
height: 80px;
bottom: 50px;
right: 404px;
background-color: white;
box-shadow: 0px 4px 10px 0px rgba(29, 29, 29, 0.5);
outline: none;
}
.owl-carousel .owl-nav button.owl-next {
background-image: url(/local/templates/main/ms/img/vlevo.svg);
background-size: cover;
width: 80px;
height: 80px;
position:absolute;
bottom: 50px;
right: 500px;
background-color: white;
box-shadow: 0px 4px 10px 0px rgba(29, 29, 29, 0.5);
outline: none;
}
.owl-carousel .owl-nav button.owl-prev:hover {
box-shadow: 0px 5px 10px 0px rgba(29, 29, 29, 0.5);
}
.owl-carousel .owl-nav button.owl-next:hover {
box-shadow: 0px 5px 10px 0px rgba(29, 29, 29, 0.5);
}
.stein_diz_proekt_sli {
padding: 10px;
background: linear-gradient(to bottom left, #e4e5e9, #ffffff );
background-size: cover;
height: 100%;
float: right;
/* top: 0px; */
min-height: 610px;
}
.dev-little-table-diz-proekt {
background-color: #ffffff;
border: none;
margin: 0px;
}
.dev-little-table-diz-proekt:first-child {
font-weight: bold;
}
.dev-little-table-diz-proekt td {
vertical-align: top;
text-align:left;
border: none;
padding-left: 20px;
}
.dev-little-table-diz-proekt td:first-child {
}
.diz_proekt_td1 {
width: 30%;
}
.diz_proekt_td2 {
width: 20%;
background: linear-gradient(to bottom left, #e4e5e9, #ffffff );
}
.diz_proekt_td3 {
width: 30%;
}
.diz_proekt_td4 {
width: 20%;
}
.diz_proekt_td5 {
width: 20%;
}
.diz_proekt_td6 {
width: 30%;
}
.diz_proekt_td7 {
width: 20%;
}
.diz_proekt_td8 {
width: 30%;
background: linear-gradient(to bottom left, #e4e5e9, #ffffff );
}
.stein_diz_etap_zag {
font-size: 30px;
font-weight: bold;
color: #9b2743;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-bottom: 10px;
}
.zag_diz_proekt_offer {
width: 50%;
background-color: #333f488c;
height: 100%;
font-size: 32px;
line-height: 34px;
margin: 0;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
/* padding: 50px; */
background: linear-gradient(270deg, #a6a799e3 20%, #a6a799 30%, #ffffff 100%);
}
.zag_diz_proekt_offer_cont {
float: right;
max-width: 600px;
margin-top: 30px;
padding: 30px;
}
.zag_diz_banner_zag {
font-size: 60px;
line-height: 74px;
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.zag_diz_banner_text {
font-size: 16px;
margin-left: 40px;
margin-bottom: 0px;
}
.zag_diz_banner_icon:before {
display: inline-block;
content: ' ';
background-image: url('/local/templates/main/ms/img/icon_check.svg');
background-size: 28px 28px;
height: 28px;
width: 28px;
margin-right: 10px;
position: relative;
top: 40px;
}
.diz_proekt_td_zag {
color: #9b2743;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 30px;
font-weight: bold;
}
.owl-carousel .owl-item img {
border: 2px solid #dadcde;
}
/*Тендеции мощения*/
.stein_diz_proekt_1 {
width: 26.7%;
display: inline-block;
margin-top: 10px;
margin-bottom: 160px;
background-color: white;
padding: 20px;
margin-right: 20px;
margin-left: 20px;
min-height: 170px;
float: left;
}
.stein_diz_proekt_2 {
width: 26.7%;
display: inline-block;
margin-top: 10px;
margin-bottom: 160px;
background-color: white;
padding: 20px;
margin-right: 20px;
margin-left: 20px;
min-height: 170px;
float: center;
}
.stein_diz_proekt_3 {
width: 26.7%;
display: inline-block;
margin-top: 10px;
margin-bottom: 160px;
background-color: white;
padding: 20px;
margin-right: 20px;
margin-left: 20px;
min-height: 170px;
float: right;
}
@media screen and (max-width: 640px) {
.stein_diz_proekt_1 {
width: 100%;
}
.stein_diz_proekt_2 {
width: 100%;
}
.stein_diz_proekt_3 {
width: 100%;
}
}
.raboty_fon_dp {
background-image: url(/local/templates/main/ms/img/diz_proekt_vigody_2.jpg);
background-size: cover;
margin-top: 80px;
padding-top: 1px;
}
.stein_diz_proekt_usloviya_1 {
width: 36%;
display: inline-block;
}
.stein_diz_proekt_usloviya_2 {
width: 60%;
display: inline-block;
float: right;
}
.stein_diz_proekt_vklyuchaet_1 {
width: 57%;
display: inline-block;
float: left;
padding: 50px;
}
.stein_diz_proekt_vklyuchaet_2 {
width: 34%;
display: inline-block;
}
@media screen and (max-width: 640px) {
.stein_diz_proekt_usloviya_1 {
width: 100%;
}
.stein_diz_proekt_usloviya_2 {
width: 100%;
}
.stein_diz_proekt_vklyuchaet_1 {
width: 100%;
}
.stein_diz_proekt_vklyuchaet_2 {
width: 100%;
}
}
.stein_diz_proekt_padding {
/*padding: 50px;*/
}
.stein_diz_usloviya_zag {
font-size: 40px;
color: #333f48;
margin: 0 0 22px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.diz-proekt_h2 {
margin-top: 100px;
margin-bottom: 70px;
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
font-size: 40px;
}
.stein_diz_usloviya_text:before {
display: inline-block;
content: ' ';
background-image: url('/local/templates/main/ms/img/icon_check.svg');
background-size: 28px 28px;
height: 28px;
width: 28px;
margin-right: 10px;
position: relative;
top: 38px;
}
.stein_diz_usloviya_text p {
margin-left: 40px;
font-size: 16px;
margin-bottom: 0px;
}
.zag_diz_proekt_zag {
font-size: 22px;
color: #333f48;
margin: 0 0 12px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
text-transform: uppercase;
margin-top: 20px;
}
.zag_diz_proekt_text {
margin: 0 0 12px;
}
.banner2 {
position: relative;
width: 100%;
height: 680px;
overflow: hidden;
}
.stein_diz_usloviya_text2 {
font-size: 12px;
}
.stein_diz_usloviya_text2 p {
line-height: 16px;
}
.diz-proekt_w_h2 {
margin-top: 100px;
margin-bottom: 70px;
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
color: white;
font-size: 40px;
}
.usloviya_r_proekt {
margin-bottom: 50px;
margin-top: 150px;
}
.diz_p_a_r_proekt {
/* margin-bottom: 150px; */
margin-top: 50px;
}
.stein_diz_usloviya_text_cont {
margin-top: 30px;
}
a.catalog__button_d_proekt {
position: relative;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 16px;
}
.button_red .button__icon_d_proekt {
color: #9b2743;
fill: currentColor;
}
.button__icon_d_proekt {
width: 42px;
height: 9px;
position: absolute;
top: calc(50% - 6px);
right: 29px;
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
/*
.diz_p_section_stoimost {
min-height: 340px;
margin-top: 150px;
display: block;
position: relative;
}*/
.stein_diz_proekt_stoimost_1 {
width: 40%;
display: inline-block;
float: left;
padding: 50px;
padding-top: 50px;
background-color: #9b2743;
height: 136px;
margin-top: 30px;
text-align: center;
}
.stein_diz_proekt_stoimost_2 {
width: 40%;
display: inline-block;
float: right;
padding: 50px;
padding-top: 20px;
background: linear-gradient(to bottom left, #e4e5e9 40%, #ffffff );
height: 170px;
margin-top: 30px;
}
.stein_diz_proekt_cont_left {
margin-right: 20px;
margin-left: 20px;
}
.stein_diz_proekt_cont_left p {
color: white;
font-size: 30px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-top: 20px;
line-height: 36px;
}
.stein_diz_proekt_cont_right {
color: #626b72;
margin-right: 20px;
margin-left: 20px;
min-height: 200px
}
.stein_diz_proekt_5 img {
position: absolute;
right: 42%;
top: -20px;
width: 20%;
}
.stein_diz_proekt_podarok_zag {
font-size: 30px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-bottom: 10px;
padding-top: 10px;
}
.stein_diz_proekt_podarok_text {
font-size: 16px;
margin-bottom: 10px;
}
.stein_diz_proekt_podarok_zvezda {
font-size: 12px;
margin-bottom: 10px;
}
.stein_diz_proekt_carusel_1 {
width: 68.5%;
display: inline-block;
}
.stein_diz_proekt_carusel_2 {
width: 30.5%;
display: inline-block;
float: right;
}
.diz-proekt_h2_primery {
margin-top: 80px;
margin-bottom: 30px;
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
font-size: 40px;
}
.banner_2 {
position: relative;
width: 100%;
height: 520px;
overflow: hidden;
}
.banner_2__background {
content: '';
position: absolute;
top: 0;
right: 0;
z-index: -1;
display: block;
width: 70%;
height: 100%;
/* background-color: #b69b8e; */
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.banner_2 {
height: 504px;
}
}
@-webkit-keyframes scaleBanner {
0% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaleBanner {
0% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.js-block-animate .banner_2__background {
-webkit-animation: scaleBanner 3s ease-in-out both;
animation: scaleBanner 3s ease-in-out both;
}
@media screen and (max-width: 1246px) and (min-width: 1231px) {
.stein_diz_proekt_1 {
width: 26%;
}
.stein_diz_proekt_2 {
width: 26%;
}
.stein_diz_proekt_3 {
width: 26%;
}
}
@media screen and (max-width: 1230px) and (min-width: 934px) {
.zag_diz_proekt_offer {
font-size: 30px;
line-height: 32px;
}
.banner2 {
height: 700px;
}
.zag_diz_proekt_offer_cont {
padding: 30px;
}
.zag_diz_banner_icon {
line-height: 20px;
}
.zag_diz_banner_icon:before {
display: inline-block;
content: ' ';
background-image: url('/local/templates/main/ms/img/icon_check.svg');
background-size: 22px 22px;
height: 22px;
width: 22px;
margin-right: 10px;
position: relative;
top: 28px;
}
.diz-proekt_h2 {
margin-top: 60px;
margin-bottom: 60px;
}
.diz-proekt_w_h2 {
margin-top: 60px;
margin-bottom: 40px;
font-size: 30px;
}
.stein_diz_proekt_1 {
width: 90%;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
background-color: white;
padding: 20px;
margin-right: 20px;
margin-left: 20px;
min-height: 120px;
float: none;
}
.stein_diz_proekt_2 {
width: 90%;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
background-color: white;
padding: 20px;
margin-right: 20px;
margin-left: 20px;
min-height: 120px;
float: none;
}
.stein_diz_proekt_3 {
width: 90%;
display: inline-block;
margin-top: 10px;
margin-bottom: 20px;
background-color: white;
padding: 20px;
margin-right: 20px;
margin-left: 20px;
min-height: 120px;
float: none;
}
.stein_diz_usloviya_zag {
font-size: 30px;
margin: 0 0 22px;
}
.stein_diz_usloviya_text p {
margin-left: 40px;
font-size: 14px;
margin-bottom: 0px;
}
.stein_diz_usloviya_text:before {
display: inline-block;
content: ' ';
background-image: url(/local/templates/main/ms/img/icon_check.svg);
background-size: 22px 22px;
height: 22px;
width: 22px;
margin-right: 10px;
position: relative;
top: 32px;
}
.stein_diz_usloviya_text2 p {
line-height: 12px;
font-size: 11px;
}
.usloviya_r_proekt {
margin-bottom: 70px;
margin-top: 70px;
}
.diz_p_a_r_proekt {
margin-bottom: 70px;
margin-top: 70px;
}
.stein_diz_proekt_5 {
display: none;
}
.diz-proekt_h2_primery {
margin-top: 60px;
margin-bottom: 30px;
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
font-size: 30px;
}
.zag_diz_proekt_zag {
font-size: 24px;
}
.zag_diz_proekt_text {
font-size: 14px;
}
.stein_diz_proekt_sli {
padding: 10px;
background: linear-gradient(to bottom left, #e4e5e9, #ffffff );
background-size: cover;
height: 100%;
min-height: 569px;
}
.owl-carousel .owl-nav button.owl-prev {
bottom: 45px;
right: 375px;
}
.owl-carousel .owl-nav button.owl-next {
bottom: 45px;
right: 470px;
}
.stein_main_diz_proekt {
margin-right: 20px;
margin-left: 20px;
}
}
@media screen and (max-width: 1190px) and (min-width: 934px) {
.stein_diz_proekt_vklyuchaet_1 {
width: 55%;
}
.stein_diz_proekt_vklyuchaet_2 {
width: 33%;
}
}
@media screen and (max-width: 1080px) and (min-width: 934px) {
.stein_diz_proekt_stoimost_1 {
width: 38%;
}
.stein_diz_proekt_stoimost_2 {
width: 38%;
}
.usloviya_r_proekt {
margin-bottom: 100px;
margin-top: 100px;
}
}
@media screen and (max-width: 933px) and (min-width: 892px) {
.usloviya_r_proekt {
margin-bottom: 100px;
margin-top: 70px;
}
.banner2 {
height: 750px;
}
.zag_diz_banner_zag {
font-size: 30px;
line-height: 44px;
}
.zag_diz_banner_text {
font-size: 13px;
line-height: 18px;
}
.stein_diz_proekt_vklyuchaet_1 {
width: 50%;
display: inline-block;
float: left;
padding: 40px;
}
.stein_diz_proekt_vklyuchaet_2 {
width: 38%;
padding-top: 40px;
}
.diz_p_section_stoimost {
min-height: 340px;
margin-top: 150px;
display: block;
position: relative;
}
.stein_diz_proekt_stoimost_1 {
width: 37%;
}
.stein_diz_proekt_stoimost_2 {
width: 37%;
}
.diz-proekt_h2_primery {
}
.zag_diz_proekt_zag {
margin-left: 20px;
}
.zag_diz_proekt_text {
font-size: 16px;
margin-left: 20px;
}
.stein_diz_proekt_sli {
min-height: 400px;
}
.owl-carousel .owl-nav button.owl-prev {
bottom: 0px;
top: 482px;
right: 16px;
}
.owl-carousel .owl-nav button.owl-next {
bottom: 0px;
top: 482px;
right: 114px;
}
.stein_diz_proekt_carusel_1 {
width: 100%;
}
.stein_diz_proekt_carusel_2 {
width: 100%;
float: none;
}
.stein_diz_proekt_1 {
width: 90%;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
background-color: white;
padding: 20px;
margin-right: 20px;
margin-left: 20px;
min-height: 120px;
float: none;
}
.stein_diz_proekt_2 {
width: 90%;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
background-color: white;
padding: 20px;
margin-right: 20px;
margin-left: 20px;
min-height: 120px;
float: none;
}
.stein_diz_proekt_3 {
width: 90%;
display: inline-block;
margin-top: 10px;
margin-bottom: 20px;
background-color: white;
padding: 20px;
margin-right: 20px;
margin-left: 20px;
min-height: 120px;
float: none;
}
.stein_diz_proekt_5 {
display: none;
}
}
@media screen and (max-width: 891px) and (min-width: 840px) {
.banner2 {
height: 550px;
}
.zag_diz_banner_zag {
font-size: 30px;
line-height: 44px;
}
.zag_diz_banner_text {
font-size: 13px;
line-height: 18px;
}
.stein_diz_proekt_vklyuchaet_1 {
width: 50%;
display: inline-block;
float: left;
padding: 40px;
}
.stein_diz_proekt_vklyuchaet_2 {
width: 38%;
padding-top: 40px;
}
.diz_p_section_stoimost {
min-height: 340px;
margin-top: 150px;
display: block;
position: relative;
}
.stein_diz_proekt_stoimost_1 {
width: 37%;
}
.stein_diz_proekt_stoimost_2 {
width: 37%;
}
.diz-proekt_h2_primery {
margin-top: 60px;
margin-bottom: 30px;
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
font-size: 30px;
}
.zag_diz_proekt_zag {
font-size: 16px;
color: #333f48;
margin: 0 0 12px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
text-transform: uppercase;
margin-top: 10px;
}
.zag_diz_proekt_text {
font-size: 14px;
}
.owl-carousel .owl-nav button.owl-prev {
bottom: 0px;
top: 462px;
right: 16px;
}
.owl-carousel .owl-nav button.owl-next {
bottom: 0px;
top: 462px;
right: 114px;
}
.stein_diz_proekt_sli {
min-height: 320px;
}
.stein_diz_proekt_5 {
display: none;
}
.stein_diz_proekt_1 {
width: 90%;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
background-color: white;
padding: 20px;
margin-right: 20px;
margin-left: 20px;
min-height: 120px;
float: none;
}
.stein_diz_proekt_2 {
width: 90%;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
background-color: white;
padding: 20px;
margin-right: 20px;
margin-left: 20px;
min-height: 120px;
float: none;
}
.stein_diz_proekt_3 {
width: 90%;
display: inline-block;
margin-top: 10px;
margin-bottom: 20px;
background-color: white;
padding: 20px;
margin-right: 20px;
margin-left: 20px;
min-height: 120px;
float: none;
}
.stein_diz_proekt_carusel_1 {
width: 100%;
}
.stein_diz_proekt_carusel_2 {
width: 100%;
float: none;
}
}
@media screen and (min-width: 840px) {
.container_mobile {
display: none;
}
}
@media screen and (max-width: 840px) {
.banner_2 {
position: relative;
width: 100%;
height: 520px;
overflow: hidden;
}
.banner_2__background {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
/* background-color: #b69b8e; */
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.zag_diz_proekt_offer {
max-width: 100%;
background-color: #333f488c;
font-size: 30px;
line-height: 32px;
}
.banner2 {
position: relative;
width: 100%;
height: 750px;
overflow: hidden;
}
.zag_diz_banner_zag {
font-size: 30px;
line-height: 44px;
}
.zag_diz_banner_text {
font-size: 13px;
line-height: 18px;
}
.zag_diz_proekt_offer {
width: 100%;
height: 100%;
top: 25%;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
background: #ded9d3e6;
position: relative;
}
.zag_diz_proekt_offer_cont {
float: none;
max-width: none;
margin-top: 30px;
padding: 30px;
}
.zag_diz_banner_icon {
line-height: 20px;
}
.zag_diz_banner_icon:before {
display: inline-block;
content: ' ';
background-image: url('/local/templates/main/ms/img/icon_check.svg');
background-size: 22px 22px;
height: 22px;
width: 22px;
margin-right: 10px;
position: relative;
top: 24px;
}
.diz-proekt_h2 {
margin-top: 60px;
margin-bottom: 60px;
font-size: 30px;
}
.diz-proekt_w_h2 {
margin-top: 60px;
margin-bottom: 40px;
font-size: 30px;
}
.stein_diz_proekt_1 {
width: auto;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
background-color: white;
padding: 20px;
margin-right: 0px;
margin-left: 0px;
min-height: 170px;
float: none;
}
.stein_diz_proekt_2 {
width: auto;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
background-color: white;
padding: 20px;
margin-right: 0px;
margin-left: 0px;
min-height: 170px;
float: none;
}
.stein_diz_proekt_3 {
width: auto;
display: inline-block;
margin-top: 10px;
margin-bottom: 20px;
background-color: white;
padding: 20px;
margin-right: 0px;
margin-left: 0px;
min-height: 170px;
float: none;
}
.stein_diz_proekt_usloviya_1 {
width: 100%;
float: none;
}
.stein_diz_proekt_usloviya_2 {
width: 100%;
float: none;
}
.stein_diz_proekt_vklyuchaet_1 {
width: 100%;
float: none;
padding: 0px;
margin-bottom: 30px;
}
.stein_diz_proekt_vklyuchaet_2 {
width: 100%;
float: none;
padding: 0px;
}
.stein_diz_usloviya_zag {
font-size: 30px;
margin: 0 0 22px;
}
.stein_diz_usloviya_text p {
margin-left: 40px;
font-size: 14px;
margin-bottom: 0px;
}
.stein_diz_usloviya_text:before {
display: inline-block;
content: ' ';
background-image: url(/local/templates/main/ms/img/icon_check.svg);
background-size: 22px 22px;
height: 22px;
width: 22px;
margin-right: 10px;
position: relative;
top: 32px;
}
.stein_diz_usloviya_text2 p {
line-height: 12px;
font-size: 11px;
}
.usloviya_r_proekt {
margin-bottom: 70px;
margin-top: 70px;
}
.diz_p_a_r_proekt {
margin-bottom: 30px;
margin-top: 70px;
}
.stein_diz_proekt_5 {
display: none;
}
.stein_diz_proekt_stoimost_1 {
width: 94%;
display: inline-block;
float: none;
padding: 10px;
padding-top: 20px;
background-color: #9b2743;
height: 136px;
margin-top: 30px;
text-align: center;
}
.stein_diz_proekt_stoimost_2 {
width: 94%;
display: inline-block;
float: none;
padding: 10px;
padding-top: 20px;
background: linear-gradient(to bottom left, #e4e5e9 40%, #ffffff );
height: 290px;
margin-top: 10px;
}
.diz-proekt_h2_primery {
margin-top: 60px;
margin-bottom: 30px;
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
font-size: 30px;
}
.zag_diz_proekt_zag {
font-size: 16px;
color: #333f48;
margin: 0 0 12px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
text-transform: uppercase;
margin-top: 10px;
}
.zag_diz_proekt_text {
font-size: 14px;
}
.stein_diz_proekt_sli {
padding: 10px;
background: linear-gradient(to bottom left, #e4e5e9, #ffffff );
background-size: cover;
height: 100%;
float: none;
min-height: 330px;
}
.owl-carousel .owl-nav button.owl-prev {
position:absolute;
background-image: url(/local/templates/main/ms/img/vpravo.svg);
background-size: cover;
width: 45px;
height: 45px;
bottom: 0px;
top: 132px;
right: 10px;
background-color: white;
box-shadow: 0px 4px 10px 0px rgba(29, 29, 29, 0.5);
outline: none;
}
.owl-carousel .owl-nav button.owl-next {
background-image: url(/local/templates/main/ms/img/vlevo.svg);
background-size: cover;
width: 45px;
height: 45px;
position:absolute;
bottom: 0px;
top: 132px;
right: 64px;
background-color: white;
box-shadow: 0px 4px 10px 0px rgba(29, 29, 29, 0.5);
outline: none;
}
.stein_diz_proekt_carusel_1 {
width: 100%;
}
.stein_diz_proekt_carusel_2 {
width: 100%;
float: none;
}
.dev-little-table-diz-proekt {
display: none;
}
.stein_diz_proekt_mobile {
width: 100%;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
background-color: white;
}
.stein_diz_proekt_mobile_2 {
width: 100%;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
background-color: white;
background: linear-gradient(to bottom left, #e4e5e9 40%, #ffffff );
}
.stein_diz_proekt_mobile_text {
padding: 20px;
}
.container_mobile {
padding: 0 20px;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.stein_main_diz_proekt {
margin-right: 20px;
margin-left: 20px;
}
a.catalog__button_d_proekt {
padding: 8px 20px;
}
.button__icon_d_proekt {
left: 150px;
}
.stein_diz_proekt_5 {
display: none;
}
.diz_p_section_stoimost {
margin-top: 0px;
}
.owl-carousel .owl-item img {
width: 98%;
border: 2px solid #dadcde;
}
}
/*управление каруселью*/
.owl-carousel .owl-nav button.owl-prev {
bottom: 60px;
right: 410px;
}
.owl-carousel .owl-nav button.owl-next {
bottom: 60px;
right: 504px;
}
@media screen and (max-width: 1230px) and (min-width: 1190px) {
.owl-carousel .owl-nav button.owl-prev {
bottom: 60px;
right: 380px;
}
.owl-carousel .owl-nav button.owl-next {
bottom: 60px;
right: 475px;
}
}
@media screen and (max-width: 1190px) and (min-width: 1081px) {
.owl-carousel .owl-nav button.owl-prev {
bottom: 80px;
right: 364px;
}
.owl-carousel .owl-nav button.owl-next {
bottom: 80px;
right: 458px;
}
.stein_diz_proekt_sli {
min-height: 555px;
}
}
@media screen and (max-width: 1080px) and (min-width: 1021px) {
.owl-carousel .owl-nav button.owl-prev {
bottom: 110px;
right: 330px;
}
.owl-carousel .owl-nav button.owl-next {
bottom: 110px;
right: 430px;
}
.stein_diz_proekt_sli {
min-height: 505px;
}
}
@media screen and (max-width: 1020px) and (min-width: 1000px) {
.owl-carousel .owl-nav button.owl-prev {
bottom: 60px;
right: 310px;
}
.owl-carousel .owl-nav button.owl-next {
bottom: 60px;
right: 410px;
}
.stein_diz_proekt_sli {
min-height: 465px;
}
.zag_diz_proekt_zag {
font-size: 22px;
}
.zag_diz_proekt_zag {
font-size: 14px;
}
}
@media screen and (max-width: 999px) and (min-width: 934px) {
.owl-carousel .owl-nav button.owl-prev {
bottom: 70px;
right: 300px;
}
.owl-carousel .owl-nav button.owl-next {
bottom: 70px;
right: 400px;
}
.stein_diz_proekt_sli {
min-height: 436px;
}
.zag_diz_proekt_zag {
font-size: 20px;
}
.zag_diz_proekt_zag {
font-size: 14px;
}
}
@media screen and (max-width: 933px) and (min-width: 892px) {
.owl-carousel .owl-nav button.owl-prev {
top: 580px;
right: 20px;
}
.owl-carousel .owl-nav button.owl-next {
top: 580px;
right: 120px;
}
}
@media screen and (max-width: 891px) and (min-width: 841px) {
.owl-carousel .owl-nav button.owl-prev {
top: 525px;
right: 20px;
}
.owl-carousel .owl-nav button.owl-next {
top: 525px;
right: 120px;
}
}
@media screen and (max-width: 840px) and (min-width: 781px) {
.owl-carousel .owl-nav button.owl-prev {
top: 465px;
right: 50px;
}
.owl-carousel .owl-nav button.owl-next {
top: 465px;
right: 105px;
}
}
@media screen and (max-width: 780px) and (min-width: 748px) {
.owl-carousel .owl-nav button.owl-prev {
top: 445px;
right: 50px;
}
.owl-carousel .owl-nav button.owl-next {
top: 445px;
right: 105px;
}
}
@media screen and (max-width: 747px) and (min-width: 681px) {
.owl-carousel .owl-nav button.owl-prev {
top: 405px;
right: 50px;
}
.owl-carousel .owl-nav button.owl-next {
top: 405px;
right: 105px;
}
}
@media screen and (max-width: 680px) and (min-width: 658px) {
.owl-carousel .owl-nav button.owl-prev {
top: 385px;
right: 40px;
}
.owl-carousel .owl-nav button.owl-next {
top: 385px;
right: 95px;
}
}
@media screen and (max-width: 657px) and (min-width: 641px) {
.owl-carousel .owl-nav button.owl-prev {
top: 355px;
right: 40px;
}
.owl-carousel .owl-nav button.owl-next {
top: 355px;
right: 95px;
}
}
@media screen and (max-width: 640px) and (min-width: 571px) {
.owl-carousel .owl-nav button.owl-prev {
top: 305px;
right: 40px;
}
.owl-carousel .owl-nav button.owl-next {
top: 305px;
right: 95px;
}
}
@media screen and (max-width: 570px) and (min-width: 545px) {
.owl-carousel .owl-nav button.owl-prev {
top: 285px;
right: 40px;
}
.owl-carousel .owl-nav button.owl-next {
top: 285px;
right: 95px;
}
}
@media screen and (max-width: 544px) and (min-width: 517px) {
.owl-carousel .owl-nav button.owl-prev {
top: 265px;
right: 40px;
}
.owl-carousel .owl-nav button.owl-next {
top: 265px;
right: 95px;
}
}
@media screen and (max-width: 516px) and (min-width: 487px) {
.owl-carousel .owl-nav button.owl-prev {
top: 245px;
right: 30px;
}
.owl-carousel .owl-nav button.owl-next {
top: 245px;
right: 85px;
}
}
@media screen and (max-width: 486px) and (min-width: 453px) {
.owl-carousel .owl-nav button.owl-prev {
top: 220px;
right: 30px;
}
.owl-carousel .owl-nav button.owl-next {
top: 220px;
right: 85px;
}
}
@media screen and (max-width: 452px) and (min-width: 423px) {
.owl-carousel .owl-nav button.owl-prev {
top: 200px;
right: 30px;
}
.owl-carousel .owl-nav button.owl-next {
top: 200px;
right: 85px;
}
}
@media screen and (max-width: 422px) and (min-width: 398px) {
.owl-carousel .owl-nav button.owl-prev {
top: 180px;
right: 30px;
}
.owl-carousel .owl-nav button.owl-next {
top: 180px;
right: 85px;
}
}
@media screen and (max-width: 397px) and (min-width: 376px) {
.owl-carousel .owl-nav button.owl-prev {
top: 165px;
right: 25px;
}
.owl-carousel .owl-nav button.owl-next {
top: 165px;
right: 80px;
}
}
@media screen and (max-width: 375px) and (min-width: 360px) {
.owl-carousel .owl-nav button.owl-prev {
top: 155px;
right: 25px;
}
.owl-carousel .owl-nav button.owl-next {
top: 155px;
right: 80px;
}
}
@media screen and (max-width: 359px) and (min-width: 348px) {
.owl-carousel .owl-nav button.owl-prev {
top: 145px;
right: 20px;
}
.owl-carousel .owl-nav button.owl-next {
top: 145px;
right: 74px;
}
}
@media screen and (max-width: 347px) and (min-width: 320px) {
.owl-carousel .owl-nav button.owl-prev {
top: 135px;
right: 20px;
}
.owl-carousel .owl-nav button.owl-next {
top: 135px;
right: 74px;
}
}
@media screen and (max-width: 347px) {
.owl-carousel .owl-nav button.owl-prev {
top: 125px;
right: 20px;
}
.owl-carousel .owl-nav button.owl-next {
top: 125px;
right: 74px;
}
}
.stein_diz_proekt_stoimost_3 {
width: 100%;
display: inline-block;
/* margin-top: 30px;*/
/*text-align: center;*/
}
.stein_diz_proekt_cont_left_3 p {
color: white;
font-size: 30px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-top: 20px;
line-height: 36px;
padding-bottom: 50px;
padding: 50px;
}
/*Визуал*/
.container_visual {
width: 100%;
height: 1000px;
}
.container_dil_3 {
max-width: 1225px;
margin: 0 auto;
margin-top: 0px;
}
@media screen and (max-width: 1251px) {
.container_visual {
width: 100%;
height: 1300px;
}
}
@media screen and (max-width: 1100px) {
.container_visual {
width: 100%;
height: 1200px;
}
}
@media screen and (max-width: 900px) {
.container_visual {
width: 100%;
height: 1050px;
}
}
@media screen and (max-width: 767px) {
.container_visual {
width: 100%;
height: 1300px;
}
}
@media screen and (max-width: 500px) {
.container_visual {
width: 100%;
height: 1400px;
}
}
@media screen and (max-width: 370px) {
.container_visual {
width: 100%;
height: 1300px;
}
}
/*contacts_page*/
.stein_diz_kontakty_zag {
font-size: 20px;
color: #333f48;
margin: 0 0 12px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
text-transform: uppercase;
}
@media screen and (max-width: 1230px) and (min-width: 934px) {
.stein_diz_kontakty_zag {
font-size: 20px;
margin: 0 0 12px;
}
}
.stein_kontakty_column_1 {
width: 45%;
display: inline-block;
}
.stein_kontakty_column_2 {
width: 50%;
display: inline-block;
float: right;
}
.stein_kontakty_column_min_1 {
width: 50%;
display: inline-block;
}
.stein__kontakty_column_min_2 {
width: 50%;
display: inline-block;
float: right;
}
.contact_page {
/* margin-bottom: 150px; */
margin-top: 30px;
}
.mapsme81 {
width: 100%;
height: 550px;
}
.mapsme8 {
width: 100%;
height: auto;
}
.mapsme91 {
width: 100%;
height: 550px;
}
.mapsme9 {
width: 100%;
height: auto;
}
.svyaz_contact {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
color: #ffffff;
margin: 0 0px;
cursor: pointer;
text-decoration: none;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
text-decoration: none;
background-color: #9b2743;
padding: 3px 15px;
}
.svyaz_contact:hover {
color: #ffffff;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.stein_kontakty_column_1 {
width: 100%;
float: none;
}
.stein_kontakty_column_2 {
width: 100%;
float: none;
}
.mapsme81 {
width: 100%;
height: 400px;
}
.mapsme8 {
width: 100%;
height: auto;
}
.mapsme91 {
width: 100%;
height: 400px;
}
.mapsme9 {
width: 100%;
height: auto;
}
.contact_page {
/* margin-bottom: 150px; */
margin-top: 0px;
margin-right: 10px;
margin-left: 10px;
}
.stein_kontakty_column_min_1 {
width: 100%;
}
.stein__kontakty_column_min_2 {
width: 100%;
float: none;
}
}
.stein_main_garanty {
font-family: 'Verdana', sans-serif;
margin-bottom: 80px;
}
.stein_garanty_decoration {
text-decoration: underline;
font-weight: 700;
}
.stein_margin_garanty_h4 {
margin-top: 25px;
margin-bottom: 15px;
}
.stein_garanty_zvezda {
color: #9b2743;
font-size: 80%;
margin: 0 0 2px
}
.garanty_href_form {
text-decoration: underline;
font-weight: 700;
}
/* Стили таблицы (IKSWEB) */
table.iksweb {
text-decoration: none;
border-collapse:collapse;
width:100%;
text-align: left;
}
table.iksweb th {
font-weight:normal;
color:#ffffff;
background-color:#354251;
}
table.iksweb td {
color:#354251;
}
table.iksweb td.dizajn_prajs_td {
width: 80%;
min-width: 220px;
}
table.iksweb td {
padding: 10px;
border: 1px solid #354251;
vertical-align: middle;
text-align: left;
min-width: 120px;
}
table.iksweb th {
padding: 10px;
vertical-align: middle;
border: 1px solid #354251;
text-align: left;
min-width: 110px;
}
table.iksweb tr:hover {
background-color:#f9fafb
}
table.iksweb tr:hover td {
color:#354251;
cursor:default;
}
table.iksweb{
font-size: 14px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-align:left;
}
.dizajn_prajs_table_zag_1 {
font-size: 16px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
text-align:left;
}
.dizajn_prajs_table_zag_2 {
font-size: 14px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-bottom: 15px
}
.dizajn_prajs_table_zag_3 {
margin-bottom: 10px
}
@media screen and (max-width: 1180px) {
table.iksweb {
overflow-x: scroll;
display: block;
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
table.iksweb {
overflow-x: scroll;
display: block;
font-size: 13px;
}
}
.stein_diz_usloviya_text_2023 p {
font-size: 16px;
margin-bottom: 5px;
}
.stein_diz_usloviya_zag_2023 {
font-size: 30px;
color: #333f48;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-bottom: 15px;
}
.stein_diz_usloviya_text_2023 {
margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
.stein_diz_usloviya_text_2023 p {
font-size: 14px;
margin-bottom: 5px;
}
.stein_diz_usloviya_zag_2023 {
font-size: 20px;
}
.usloviya_r_proekt {
margin-bottom: 0px;
margin-top: 30px;
}
.stein_diz_usloviya_text_2023 {
margin-bottom: 30px;
}
.diz_p_a_r_proekt {
margin-bottom: 30px;
margin-top: 0px;
}
}
.dizajn_akciya {
color:#9b2743;
}
.diz-proekt_h2_stoimost {
margin-top: 30px;
margin-bottom: 50px;
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
font-size: 40px;
}
@media screen and (max-width: 1230px) and (min-width: 934px) {
.diz-proekt_h2_stoimost {
margin-top: 0px;
margin-bottom: 60px;
}
}
@media screen and (max-width: 840px) {
.diz-proekt_h2_stoimost {
margin-bottom: 60px;
font-size: 30px;
}
}
/* new_office */
.new_of_center {
text-align: center
}
.two_coll_st_new_of {
margin: 10px 0 20px;
position: relative;
display: inline-block;
}
@media screen and (max-width: 640px) {
.two_coll_st_new_of {
margin: 0px;
}
}
.new_office_va {
margin-bottom: 20px;
margin-top: 20px;
display: inline-block;
}
.stein_diz_new_office_1 {
width: 46%;
display: inline-block;
}
.stein_diz_new_office_2 {
width: 50%;
display: inline-block;
float: right;
}
.stein_diz_new_office_2023 {
margin-top: 30px;
}
.stein_diz_new_office_2023 p {
font-size: 20px;
color: #333f48;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-style: italic;
line-height: 34px;
}
.gallery_cont_desc_new_office {
display: block;
margin-top: 10px;
}
@media screen and (min-width: 767px) and (max-width: 1240px) {
.stein_diz_new_office_2023 {
margin-top: 20px;
}
.stein_diz_new_office_2023 p {
font-size: 20px;
line-height: 28px;
}
}
@media screen and (max-width: 840px) {
.stein_diz_new_office_1 {
width: 100%;
float: none;
}
.stein_diz_new_office_2 {
width: 100%;
float: none;
}
}
@media screen and (max-width: 767px) {
.new_office_va {
margin-bottom: 20px;
margin-top: 0px;
}
.stein_diz_new_office_2023 {
margin-top: 10px;
}
.gallery_cont_desc_new_office {
display: none;
}
}
@media screen and (max-width: 640px) {
.stein_diz_new_office_2023 p {
font-size: 14px;
margin-bottom: 5px;
line-height: 20px;
}
.stein_diz_new_office_2 {
width: 100%;
}
.stein_diz_new_office_1 {
width: 100%;
}
}
.frame_youtube_new_office {
overflow:hidden;
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
margin-bottom: 10px;
margin-top: 30px;
}
.frame_youtube_new_office iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.stein_main_none {
margin-bottom: 20px;
}
.dev_td_bottom_line {
border-bottom: 2px solid #9E9E9E;
}
.cont_ban_margin_bottom {
margin-bottom: 40px
}
/*Всё включено*/
/*Таблица все включено*/
.table-all-in {
font-size: 14px;
line-height: 22px;
}
.table-all-in tr td {
border-bottom: 1px solid #9E9E9E;
/* text-align: left; */
vertical-align: center;
}
.table-all-in tr:last-child {
border-bottom: 1px solid #ffffff;
}
.table-all-in tr:first-child td {
border-bottom: 1px solid #9E9E9E;
}
.table-all-in tr:last-child td {
border-bottom: 1px solid #ffffff;
}
.table-all-in tr:first-child {
color: #333f48;
/*font-weight: bold;*/
}
.table-all-in tr td:first-child {
min-width: 150px;
/*font-weight: bold;*/
color: #333f48;
text-align: left;
}
.table-all-in tr td:last-child {
border-right: 1px solid #ffffff;
min-width: 150px;
}
.table-all-in tr td {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #9E9E9E;
border-left: 1px solid #ffffff;
border-right: 1px solid #9E9E9E;
width: 20%;
}
@media screen and (max-width: 1024px) {
.table-all-in {
overflow-x: scroll;
display: block;
}
}
/*.cont-table-all-in-mob {
display: none;
}
@media screen and (max-width: 1024px) {
.cont-table-all-in {
display: none;
}
.cont-table-all-in-mob {
display: block;
}
}*/
.dev_tr3 {
background-color: #f5f5f7;
}
.table-all-in tr:hover td{
background: rgba(158, 158, 158, 0.2); /* цвет при наведении */
}
.all-in-first-section-background {
background: #ececec;
}
.stein_all-in {
font-size: 30px;
color: #333f48;
margin: 0 0 22px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
margin-top: 100px;
margin-bottom: 100px;
text-align: center;
}
.stein-all-in-material {
font-size: 12px;
}
.banner-all-in-background {
color: #ffffff;
max-width: 710px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
background: #9b2743;
position: absolute;
bottom: 0;
}
.banner-all-in-cont {
padding:50px;
}
.banner-all-in-flex {
display: -webkit-box;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
height: calc(100% - 150px);
justify-content: flex-end;
}
.table-all-in-head-mob {
font-size: 18px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-bottom: 10px;
}
.table-all-in-description-mob {
font-size: 14px;
margin-bottom: 20px;
}
.table-all-in-cost-mob {
font-size: 14px;
margin-top: 20px;
margin-bottom: 10px;
}
.table-all-in-var-mob {
border-bottom: 2px solid #e5e5e5;
margin-bottom: 20px;
}
.stein_all-in-head {
font-size: 30px;
color: #333f48;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.stein_all-in-head {
font-size: 20px;
text-align: center;
}
.banner-all-in-cont {
padding:20px;
}
.banner-all-in-background {
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.banner-all-in-flex {
justify-content: center;
}
.stein_all-in {
font-size: 18px;
margin-top: 40px;
margin-bottom: 40px;
}
}
.stein-all-in-price {
font-size:16px;
line-height: 38px;
}
.banner-all-in-cont-text-one {
font-size: 30px;
line-height: 40px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.banner-all-in-cont-text-two {
font-size: 22px;
line-height: 30px;
margin-top: 20px;
}
.table-all-in-head {
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 16px;
line-height:22px;
}
.stein-all-in-raschet {
text-align: center;
margin-top: 80px;
}
.stein-all-in-dop-cont-background {
margin-top:80px;
background: #ececec;
padding:80px;
display: flex;
justify-content: center;
overflow: hidden;
}
.stein-all-in-dop-cont {
min-width: 600px;
margin: 0 60px;
}
.stein-all-in-dop-cont-left {
margin: 0 auto;
min-width: 600px;
display: flex;
position:relative;
}
.stein-all-in-dop-cont-right {
margin: 0 auto;
min-width: 600px;
display: flex;
position:relative;
}
.stein-all-in-callto-cont {
background: #9b2743;
text-align: center;
color: #ffffff;
padding: 40px;
}
.stein-all-in-callto-cont-text-span-cat {
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-left: 50px;
}
a.botton-all-in {
text-transform: uppercase;
color: #ffffff;
font-size: 16px;
}
.stein_list-all-in {
list-style: none;
line-height: 18px;
color: #333f48;
margin: 0 0 8px 2px;
}
.stein_list-all-in:before {
content: '';
display: inline-block;
margin-right: 5px;
margin-bottom: 2px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 2px solid #333f48;
width: 4px;
height: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1400px) {
.stein-all-in-dop-cont {
min-width: 480px;
margin: 0 40px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.stein-all-in-dop-cont {
min-width: 90%;
margin: 0 20px;
}
.stein-all-in-dop-cont-background {
padding: 0px;
flex-flow: wrap;
}
.stein-all-in-dop-cont-left {
/* min-width: 100%;*/
height: 380px;
}
.stein-all-in-dop-cont-right {
/* min-width: 100%;*/
height: 500px;
}
.banner-all-in-cont-text-one {
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
}
.banner-all-in-cont-text-two {
font-size: 12px;
line-height: 20px;
margin-top: 10px;
}
.stein-all-in-raschet {
text-align: left;
margin-top: 30px;
}
.stein-all-in-callto-cont-text-span-cat {
margin-left: 0px;
}
}
.stein_all-in-service:before {
display: inline-block;
content: ' ';
background-image: url('/upload/ukladka/check_icon.svg');
background-size: 28px 28px;
height: 28px;
width: 28px;
margin-right: 10px;
position: relative;
top: 32px;
}
.stein_all-in-service p {
margin-left: 40px;
font-size: 16px;
margin-bottom: 0px;
}
.background-main-all-in {
background-image: url(/upload/ukladka/vse-vklucheno-gallary/vse-vklucheno_01.jpg);
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.background-main-all-in {
background-image: url(/upload/ukladka/vse-vklucheno-gallary/vse-vklucheno_01_mob.jpg);
}
}
.all-in-two-collumn {
display: flex;
height: 525px;
}
@media only screen and (max-width: 767px) {
.all-in-two-collumn {
flex-flow: wrap;
height: auto;
}
}
.all-in-collumn-left {
width: 80%;
position: relative;
}
.all-in-img-mob {
display: none;
}
@media only screen and (max-width: 767px) {
.all-in-collumn-left {
width: 100%;
order: 0;
}
.all-in-img-desctop {
display: none;
}
.all-in-img-mob {
display: block;
}
}
.all-in-img {
width: 100%;
}
.all-in-first-usloviya {
width: 100%;
position: absolute;
bottom: 0;
}
@media screen and (max-width: 767px) {
.all-in-first-usloviya {
width: 100%;
margin: 20px 0 10px;
position: relative;
}
}
.all-in-collumn-right {
/* width: 32%; */
}
@media only screen and (max-width: 767px) {
.all-in-collumn-right {
margin-top: 20px;
margin-bottom: 50px;
}
}
.stein_all-in-service-cont {
padding: 50px;
}
@media only screen and (max-width: 767px) {
.stein_all-in-service-cont {
padding: 0px;
}
}
.gallery-img-one {
position:absolute;
width: 225px;
left: 0;
top: 10px;
}
.gallery-img-two {
position:absolute;
left:235px;
width: 225px;
top: 112px;
}
.gallery-img-three {
position:absolute;
right: 0;
top: 347px;
width: 225px;
}
.gallery-img-four {
position:absolute;
top: 474px;
width: 189px;
right: 460px;
}
.gallery-img-five {
position:absolute;
top: 472px;
right:0;
width: 450px;
}
.gallery-img-six {
position:absolute;
top: 112px;
width: 225px;
}
.gallery-img-seven {
position:absolute;
left: 235px;
width: 225px;
top: 10px;
}
.gallery-img-eight {
position:absolute;
left: 235px;
top: 245px;
width: 112px;
}
.gallery-img-nine {
position:absolute;
left: 356px;
top: 245px;
width: 299px;
}
.gallery-img-ten {
position:absolute;
top:574px;
width: 225px;
}
.gallery-img-eleven {
position:absolute;
left:235px;
top:478px;
width: 450px;
}
@media only screen and (max-width: 767px) {
.gallery-img-one-mob {
position:absolute;
left: 62px;
width: 120px;
}
.gallery-img-two-mob {
position:absolute;
left: 190px;
width: 225px;
top: 30px;
}
.gallery-img-three-mob {
position:absolute;
left: 254px;
top: 188px;
width: 160px;
}
.gallery-img-four-mob {
position:absolute;
top: 80px;
right: 58px;
width: 120px;
}
.gallery-img-five-mob {
position:absolute;
top: 100px;
left: 16px;
width: 225px;
}
.gallery-img-six-mob {
position:absolute;
bottom: 42px;
left: 125px;
width: 225px;
}
.gallery-img-seven-mob {
position:absolute;
left: 250px;
top: 60px;
width: 100px;
}
.gallery-img-eight-mob {
position:absolute;
right: 16px;
top: 60px;
width: 225px;
}
.gallery-img-nine-mob {
position:absolute;
right: 48%;
top: 70%;
}
.gallery-img-ten-mob {
position:absolute;
top: 100%;
right: 100%;
}
.gallery-img-eleven-mob {
position:absolute;
right: 100%;
top: 62%;
}
}
.stein_all-in-service-footnote {
margin-top: 14px;
}
.stein_all-in-service-footnote p {
font-size: 10px;
line-height: 14px;
margin-bottom: 4px;
}
.zamorazhivaem_ceny_h2 {
margin-top: 30px;
margin-bottom: 30px;
text-transform: uppercase;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
font-size: 40px;
}
@media screen and (max-width: 840px) {
.zamorazhivaem_ceny_h2 {
margin-top: 30px;
margin-bottom: 30px;
font-size: 30px;
}
}
/* End */
/* Start:/local/templates/main/ms/css/ukladka.css?174854722018577*/
.stein_ukladka_rabotaem_blok {
width: 60%;
display: inline-block;
margin-top: 160px;
margin-bottom: 160px;
background-color: white;
padding: 60px;
margin-right: 20px;
margin-left: 20px;
min-height: 170px;
/* float: left; */
}
.stein_main_ukladka {
margin: 0 30px;
}
/*.ukladka_price {
margin-right: 30px;
margin-left: 30px;
}*/
.red_ukladka {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
padding: 8px 84px 8px 0;
margin-top: 80px;
z-index: 3;
}
a.button.red_ukladka {
padding: 0 30px;
color: #ffffff;
}
.banner_ukladka_1 {
position: relative;
width: 100%;
height: 680px;
overflow: hidden;
}
.zag_ukladka_offer {
/* width: 50%; */
/* background-color: #333f488c; */
height: 100%;
/* font-size: 32px; */
/* line-height: 34px; */
margin: 0 10px;
font-family: 'GothamPro', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.zag_ukladka_offer_cont {
/* float: right; */
max-width: 600px;
/* margin-top: 30px; */
/*padding: 30px;*/
}
.zag_ukladka_banner_zag h1 {
font-size: 46px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-top: 22%;
margin-bottom: 45px;
}
.zag_ukladka_banner_text {
font-size: 26px;
/* margin-left: 40px; */
margin-bottom: 0px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.ukladka_vagno {
border-bottom: 2px solid #8e2038;
padding: 0px 30px 0px 30px;
}
.stein_ukladka_carusel_left {
width: 30.5%;
margin: auto;
}
.stein_ukladka_carusel_right {
width: 68.5%;
}
.stein_ukladka_text:before {
display: inline-block;
content: ' ';
background-image: url('/upload/ukladka/plus_icon.svg');
background-size: 28px 28px;
height: 28px;
width: 28px;
margin-right: 10px;
position: relative;
top: 32px;
}
.stein_ukladka_text p {
margin-left: 40px;
font-size: 16px;
margin-bottom: 0px;
}
.stein_chto_nugno_text:before {
display: inline-block;
content: ' ';
background-image: url('/upload/ukladka/check_icon.svg');
background-size: 28px 28px;
height: 28px;
width: 28px;
margin-right: 10px;
position: relative;
top: 32px;
}
.stein_chto_nugno_text p {
margin-left: 40px;
font-size: 16px;
margin-bottom: 0px;
}
.stein_ukladka_rabotaem_text:before {
display: inline-block;
content: ' ';
background-image: url('/upload/ukladka/circle_icon.svg');
background-size: 28px 28px;
height: 28px;
width: 28px;
margin-right: 10px;
position: relative;
top: 32px;
}
.stein_ukladka_rabotaem_text p {
margin-left: 40px;
font-size: 16px;
margin-bottom: 0px;
}
.ukladka_schema_cont {
display: flex;
width: 100%;
}
.ukladka_schema_four {
display: flex;
width: 25%;
}
.ukladka_schema_four_last {
display: flex;
width: 33%;
}
.ukladka_schema_icon {
/* display: inline-block; */
width: 18%;
font-size: 100px;
color: #e8eaec;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.ukladka_schema_icon_last {
/* display: inline-block; */
width: 14%;
font-size: 100px;
color: #e8eaec;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.ukladka_schema_text {
/* display: inline-block; */
/* width: 24%; */
font-size: 20px;
margin-top: 20%;
}
.ukladka_schema_text_last {
/* display: inline-block; */
/* width: 24%; */
font-size: 20px;
margin-top: 15%;
}
.container_ukladka_first {
max-width: 1250px;
margin: 0 auto;
}
.usloviya_chto_ponadobitsya {
margin-bottom: 60px;
margin-top: 100px;
}
.stein_ukladka_centr_align {
text-align: center;
}
.ukladka_etapy_h3 {
text-align: left;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-bottom: 0px;
}
.stein_ukladka_rabotaem_text {
text-align: left;
}
.dog_svg {
width: 100px;
margin-left: auto;
margin-right: 0;
}
.ukladka_vagno_text {
width: 90%;
margin: auto;
}
.dog_svg_cont {
width: 100px;
}
.banner_grad {
background: linear-gradient(89deg, #ffffffe3 20%, #ffffff00 100%);
height: 100%;
}
.stein_ukladka_carusel_right_cont {
margin-left: auto;
margin-right: 0.7em;
width: 80%;
-webkit-box-shadow: -61px 60px 12px 2px rgba(34, 60, 80, 0.07);
-moz-box-shadow: -61px 60px 12px 2px rgba(34, 60, 80, 0.07);
box-shadow: -61px 60px 12px 2px rgba(34, 60, 80, 0.07);
}
.ukladka_vagno_alarm {
color: #9b2743;
font-size: 22px;
font-weight: bold;
}
.ukladka_section {
/* margin-bottom: 150px; */
margin-top: 100px;
}
.ukladka_section_two_collumn {
display: flex;
/* flex-flow: wrap; */
}
.stein_ukladka_collumn_left {
width: 57%;
}
.stein_ukladka_collumn_right {
/* width: 32%; */
}
.stein_ukladka_usloviya_right {
width: 57%;
margin: auto;
}
.stein_ukladka_schema_left {
width: 33%;
}
.owl-carousel .owl-item img {
border: none;
}
.owl-carousel .owl-nav button.owl-prev {
bottom: 60px;
right: 410px;
}
.owl-carousel .owl-nav button.owl-next {
bottom: 60px;
right: 504px;
}
.owl-carousel .owl-nav button.owl-prev {
position:absolute;
background-image: url(/local/templates/main/ms/img/vpravo.svg);
background-size: cover;
width: 50px;
height: 50px;
bottom: 20px;
right: 20px;
background-color: white;
box-shadow: 0px 4px 10px 0px rgba(29, 29, 29, 0.5);
outline: none;
}
.owl-carousel .owl-nav button.owl-next {
background-image: url(/local/templates/main/ms/img/vlevo.svg);
background-size: cover;
width: 50px;
height: 50px;
position:absolute;
bottom: 20px;
right: 90px;
background-color: white;
box-shadow: 0px 4px 10px 0px rgba(29, 29, 29, 0.5);
outline: none;
}
.owl-carousel .owl-nav button.owl-prev:hover {
box-shadow: 0px 5px 10px 0px rgba(29, 29, 29, 0.5);
}
.owl-carousel .owl-nav button.owl-next:hover {
box-shadow: 0px 5px 10px 0px rgba(29, 29, 29, 0.5);
}
.rabotaem_fon {
background-image: url(/upload/ukladka/obekt_ukladka_01.jpg);
background-size: cover;
margin-top: 80px;
padding-top: 1px;
background-position: center;
}
.stein_ukladka_schema_zag {
font-size: 30px;
color: #333f48;
margin: 0 0 22px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
/* text-transform: uppercase; */
margin-top: 28%;
margin-right: 10%;
}
.stein_ukladka_carusel_cont {
display: flex;
}
.stein_ukladka_carusel_left_cont {
margin: 0 auto;
max-width: 240px;
}
.stein_ukladka_blok_zag {
font-size: 30px;
color: #333f48;
margin: 0 0 22px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
}
.stein_ukladka_blok_zag_2 {
font-size: 30px;
color: #333f48;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
text-align: left;
margin: 0px;
}
.stein_ukladka_carusel {
margin: 100px 0 100px 0;
}
.ukladka_h2_table_1 {
text-transform: uppercase;
font-size: 16px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
}
.ukladka_h2_table_2 {
text-transform: uppercase;
font-size: 16px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
}
.ukladka_h2_table_3 {
text-transform: uppercase;
font-size: 16px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
}
.ukladka_h2_table_4 {
text-transform: uppercase;
font-size: 16px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
}
.ukladka_h2_table_1:before {
display: inline-block;
content: ' ';
background-image: url(/upload/ukladka/steingot_nagruzka_01.svg);
background-size: 40px 40px;
height: 40px;
width: 40px;
position: relative;
top: 32px;
margin: 12px 12px 18px 12px;
}
.ukladka_h2_table_2:before {
display: inline-block;
content: ' ';
background-image: url(/upload/ukladka/steingot_nagruzka_02.svg);
background-size: 100px 40px;
height: 40px;
width: 100px;
position: relative;
top: 32px;
margin: 12px 12px 18px 12px;
}
.ukladka_h2_table_3:before {
display: inline-block;
content: ' ';
background-image: url(/upload/ukladka/steingot_nagruzka_03.svg);
background-size: 160px 40px;
height: 40px;
width: 160px;
position: relative;
top: 32px;
margin: 12px 12px 18px 12px;
}
.ukladka_h2_table_4:before {
display: inline-block;
content: ' ';
background-image: url(/upload/ukladka/steingot_nagruzka_04.svg);
background-size: 200px 40px;
height: 40px;
width: 200px;
position: relative;
top: 32px;
margin: 12px 12px 18px 12px;
}
/*table*/
.ukladka-little-table2 tr td:first-child {
text-align: left;
font-weight: bold;
color: #333f48;
padding: 0;
background: #ececec;
}
.ukladka-little-table2 tr:first-child td {
border-bottom: 1px solid #9E9E9E;
border-top: 1px solid #9E9E9E;
padding-left: 10px;
background: #ffffff;
}
.ukladka-little-table2 tr:last-child td {
border-bottom: 1px solid #9E9E9E;
}
.ukladka-little-table2 tr:first-child {
color: #333f48;
font-weight: bold;
}
.dev-little-table2 tr td:first-child {
text-align: left;
font-weight: bold;
color: #333f48
}
.ukladka-little-table2 tr td:last-child {
border-right: 1px solid #ffffff;
}
.ukladka-little-table2 tr td {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #9E9E9E;
border-left: none;
border-right: 1px solid #9E9E9E;
text-align: left;
width: 25%;
}
.ukladka_tr3 {
background-color: #ffffff;
}
.ukladka-little-table2 tr:hover td{
background: rgba(158, 158, 158, 0.2);
}
.container_ukladka_vagno {
max-width: 1300px;
margin: 0 auto;
display: flex;
flex-flow: wrap;
}
.button__center_cont {
text-align: center;
}
.ukladka_price {
margin: 0 30px;
}
@media screen and (min-width: 1300px) and (max-width: 1279px) {
.container_ukladka_vagno {
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ukladka_vagno_text {
width: 80%;
margin: auto;
}
}
@media screen and (max-width: 1024px) {
.ukladka_vagno_text {
width: 80%;
margin: auto;
margin-top: 30px;
}
.dog_svg_cont {
width: 100%;
position: relative;
right: 10px;
}
}
@media screen and (max-width: 840px) {
.banner_ukladka_1 {
position: relative;
width: 100%;
height: 600px;
overflow: hidden;
}
}
@media only screen and (max-width: 767px) {
.stein_ukladka_blok_zag_2 {
font-size: 26px;
color: #333f48;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-weight: bold;
text-align: left;
margin: 0px;
}
.stein_ukladka_rabotaem_text:before {
display: inline-block;
content: ' ';
background-image: url('/upload/ukladka/circle_icon.svg');
background-size: 18px 18px;
height: 18px;
width: 18px;
margin-right: 10px;
position: relative;
top: 32px;
}
.stein_ukladka_rabotaem_text p {
margin-left: 30px;
font-size: 14px;
margin-bottom: 0px;
}
.ukladka_section_two_collumn {
flex-flow: wrap;
}
.stein_ukladka_collumn_right {
margin-top: 70px;
}
.stein_ukladka_collumn_left {
width: 100%;
order: 0;
}
.stein_ukladka_usloviya_right {
width: 100%;
}
.banner_ukladka_1 {
height: 600px;
}
.stein_ukladka_usloviya_left {
width: 100%;
order: 1;
}
.stein_ukladka_schema_left {
width: 100%;
order: 0;
}
.stein_ukladka_schema_zag {
margin-top: 0px;
}
.ukladka_schema_cont {
display: flex;
width: 100%;
flex-flow: wrap;
}
.ukladka_schema_four {
display: flex;
width: 50%;
}
.ukladka_schema_four_last {
display: flex;
width: 63%;
}
.ukladka_schema_icon_last {
/* display: inline-block; */
width: 12%;
}
.stein_ukladka_carusel_cont {
flex-flow: wrap;
}
.stein_ukladka_carusel_right {
width: 100%;
order: 1;
}
.stein_ukladka_carusel_left {
width: 100%;
margin-bottom: 40px;
}
.stein_ukladka_rabotaem_blok {
padding: 30px;
}
.stein_ukladka_carusel_right_cont {
margin-left: auto;
margin-right: auto;
width: 80%;
-webkit-box-shadow: -11px 10px 12px 2px rgba(34, 60, 80, 0.07);
-moz-box-shadow: -11px 10px 12px 2px rgba(34, 60, 80, 0.07);
box-shadow: -11px 10px 12px 2px rgba(34, 60, 80, 0.07);
}
.owl-carousel .owl-nav button.owl-prev {
width: 35px;
height: 35px;
bottom: 12px;
right: 20px;
top: auto;
}
.owl-carousel .owl-nav button.owl-next {
width: 35px;
height: 35px;
bottom: 12px;
right: 70px;
top: auto;
}
.ukladka_vagno_text {
width: 80%;
margin: auto;
margin-top: 30px;
}
.dog_svg_cont {
width: 100%;
position: relative;
right: 10px;
}
.ukladka_vagno_alarm {
font-size: 20px;
}
.zag_ukladka_banner_zag {
font-size: 32px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin-top: 15%;
margin-bottom: 35px;
}
.zag_ukladka_banner_text {
font-size: 18px;
/* margin-left: 40px; */
margin-bottom: 0px;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.red_ukladka {
margin-top: 85px;
max-width: 100%;
padding: 0 40px;
width: 100%;
box-sizing: border-box;
color: #ffffff;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
padding: 8px 84px 8px 0;
}
a.button.red_ukladka {
padding: 0 35px;
color: #ffffff;
/* text-align: center; */
line-height: 24px;
}
.stein_ukladka_carusel_left_cont {
margin: 0 auto;
max-width: 80%;
}
.usloviya_chto_ponadobitsya {
margin-bottom: 30px;
margin-top: 80px;
}
.ukladka_section {
margin-top: 70px;
}
.ukladka_schema_icon {
/* display: inline-block; */
width: 18%;
font-size: 85px;
color: #e8eaec;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.ukladka_schema_icon_last {
/* display: inline-block; */
width: 14%;
font-size: 85px;
color: #e8eaec;
font-family: 'GothamProBold', Arial, "Helvetica CY", "Nimbus Sans L", sans-serif, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.ukladka_schema_text {
/* display: inline-block; */
/* width: 24%; */
font-size: 16px;
margin-top: 20%;
}
.ukladka_schema_text_last {
/* display: inline-block; */
/* width: 24%; */
font-size: 16px;
margin-top: 15%;
}
.stein_ukladka_schema_zag {
font-size: 26px;
}
.stein_ukladka_blok_zag {
font-size: 26px;
}
.ukladka_h2_table_1:before {
display: block;
position: inherit;
}
.ukladka_h2_table_2:before {
display: block;
position: inherit;
}
.ukladka_h2_table_3:before {
display: block;
position: inherit;
}
.ukladka_h2_table_4:before {
display: block;
position: inherit;
}
}
@media screen and (max-width: 490px) {
.ukladka-little-table2 td {
min-width: 70px;
font-size: 14px;
}
.ukladka-little-table2 {
overflow-x: scroll;
display: block;
}
.ukladka-little-table2 tr td {
min-width: 200px;
}
.red_ukladka {
margin-top: 32px;
}
}
.banner_2 {
position: relative;
width: 100%;
height: 520px;
overflow: hidden;
}
.banner_2__background {
content: '';
position: absolute;
top: 0;
right: 0;
z-index: -1;
display: block;
width: 70%;
height: 100%;
/* background-color: #b69b8e; */
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@media screen and (max-width: 840px) {
.banner_2 {
position: relative;
width: 100%;
height: 520px;
overflow: hidden;
}
.banner_2__background {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
/* background-color: #b69b8e; */
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.zag_diz_proekt_offer {
max-width: 100%;
background-color: #333f488c;
font-size: 30px;
line-height: 32px;
}
.banner2 {
position: relative;
width: 100%;
height: 750px;
overflow: hidden;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.banner_2 {
height: 504px;
}
}
@-webkit-keyframes scaleBanner {
0% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaleBanner {
0% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.js-block-animate .banner_2__background {
-webkit-animation: scaleBanner 3s ease-in-out both;
animation: scaleBanner 3s ease-in-out both;
}
.stein_chto_nugno_text_2 {
margin-top: 30px;
}
.red_ukladka {
border-radius:10px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.zag_ukladka_banner_zag h1 {
font-size: 36px;
}
}
.stein_ukladka_rabotaem_blok {
border-radius:20px;
}
/* End */
/* /local/templates/main/styles/vendor.css?174854721666092 */
/* /local/templates/main/styles/main.css?1749126932316547 */
/* /local/templates/main/styles/preloader.css?17485472161905 */
/* /local/templates/main/styles/jquery.selectBox.css?17485472163562 */
/* /local/templates/main/styles/admin_style.css?174854721634888 */
/* /local/templates/main/styles/custom.css?175066470936434 */
/* /local/templates/main/styles/banner_new_form_2023.css?174854721633057 */
/* /local/templates/main/styles/banner_new_form_2023_main.css?1748547216146367 */
/* /local/components/areal/choose.city/templates/.default/style.css?17485472164298 */
/* /local/templates/main/ms/css/uslugi.css?174854722099309 */
/* /local/templates/main/ms/css/ukladka.css?174854722018577 */