.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}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)}}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
main {
display: block
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: 0.35em 0.75em 0.625em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
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);
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
}
.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;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100%;
z-index: 99992
}
.fancybox-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.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;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
-webkit-transition: opacity .25s ease, visibility 0s ease .25s;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
-webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
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;
-webkit-transform: translateZ(0);
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;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
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--previous,
.fancybox-slide--current,
.fancybox-slide--next {
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 {
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
animation-timing-function: cubic-bezier(0.5, 0, 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;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995
}
.fancybox-can-zoomOut .fancybox-content {
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-content {
cursor: -webkit-zoom-in;
cursor: zoom-in
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
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--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .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-video,
.fancybox-iframe {
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, 0.6);
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
-webkit-transition: color .2s;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
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--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0;
transform-origin: 0;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: linear;
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
}
.fancybox-caption {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996
}
.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 {
-webkit-animation: fancybox-rotate 1s linear infinite;
animation: fancybox-rotate 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
}
@-webkit-keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.fancybox-animated {
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg)
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1)
}
@media all and (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
}
}
.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 0
}
.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 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
-webkit-transition: all .2s;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
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 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 2px;
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;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 6px rgba(0, 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, 0.1);
background-position: center center;
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;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991
}
.fancybox-thumbs__list a:focus::before {
opacity: .5
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1
}
@media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px)
}
}
.nice-select {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto
}
.nice-select:hover {
border-color: #dbdbdb
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
border-color: #999
}
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px
}
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg)
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0)
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none
}
.nice-select.disabled:after {
border-color: #ccc
}
.nice-select.wide {
width: 100%
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important
}
.nice-select.right {
float: right
}
.nice-select.right .list {
left: auto;
right: 0
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px
}
.nice-select.small:after {
height: 4px;
width: 4px
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px
}
.nice-select .list {
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9
}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
background-color: #f6f6f6
}
.nice-select .option.selected {
font-weight: bold
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default
}
.no-csspointerevents .nice-select .list {
display: none
}
.no-csspointerevents .nice-select.open .list {
display: block
}
@font-face {
font-family: 'Gotham Pro';
src: url(//old.sensei.ua/wp-content/themes/sensei/fonts/GothamPro.woff2) format("woff2"), url(//old.sensei.ua/wp-content/themes/sensei/fonts/GothamPro.woff) format("woff"), url(//old.sensei.ua/wp-content/themes/sensei/fonts/GothamPro.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'Gilroy';
src: url(//old.sensei.ua/wp-content/themes/sensei/fonts/Gilroy-Regular.woff2) format("woff2"), url(//old.sensei.ua/wp-content/themes/sensei/fonts/Gilroy-Regular.woff) format("woff"), url(//old.sensei.ua/wp-content/themes/sensei/fonts/Gilroy-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'Gilroy';
src: url(//old.sensei.ua/wp-content/themes/sensei/fonts/Gilroy-Medium.woff2) format("woff2"), url(//old.sensei.ua/wp-content/themes/sensei/fonts/Gilroy-Medium.woff) format("woff"), url(//old.sensei.ua/wp-content/themes/sensei/fonts/Gilroy-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'Gotham Pro';
src: url(//old.sensei.ua/wp-content/themes/sensei/fonts/GothamPro-Medium.woff2) format("woff2"), url(//old.sensei.ua/wp-content/themes/sensei/fonts/GothamPro-Medium.woff) format("woff"), url(//old.sensei.ua/wp-content/themes/sensei/fonts/GothamPro-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'Pragmatica';
src: url(//old.sensei.ua/wp-content/themes/sensei/fonts/PragmaticaMedium.woff2) format("woff2"), url(//old.sensei.ua/wp-content/themes/sensei/fonts/PragmaticaMedium.woff) format("woff"), url(//old.sensei.ua/wp-content/themes/sensei/fonts/PragmaticaMedium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'Pragmatica Book';
src: url(//old.sensei.ua/wp-content/themes/sensei/fonts/PragmaticaBook-Reg.woff2) format("woff2"), url(//old.sensei.ua/wp-content/themes/sensei/fonts/PragmaticaBook-Reg.woff) format("woff"), url(//old.sensei.ua/wp-content/themes/sensei/fonts/PragmaticaBook-Reg.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap
}
* {
margin: 0;
padding: 0;
outline: none !important
}
ul,
li {
list-style: none
}
a {
color: #325CD3;
text-decoration: none;
line-height: normal
}
a,
button {
cursor: pointer
}
html {
height: 100%
}
body {
height: 100%;
font-family: "Pragmatica Book", sans-serif;
color: #747680;
font-size: 15px;
line-height: 22px
}
@media (max-width: 650px) {
body {
padding-top: 48px
}
}
header {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.main {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
footer {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
input {
height: 48px;
display: block;
width: 100%;
border-radius: 8px;
border: 1px solid #DCDEE9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 24px;
font-size: 15px;
line-height: 19px;
font-family: "Pragmatica Book", sans-serif;
font-size: 15px;
line-height: 18px
}
input::-webkit-input-placeholder {
color: #747680
}
input::-moz-placeholder {
color: #747680
}
input:-ms-input-placeholder {
color: #747680
}
input::-ms-input-placeholder {
color: #747680
}
input::placeholder {
color: #747680
}
textarea {
height: 140px;
display: block;
width: 100%;
border-radius: 8px;
border: 1px solid #DCDEE9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 13px 24px;
font-size: 15px;
line-height: 19px;
resize: none;
font-family: "Pragmatica Book", sans-serif;
font-size: 15px;
line-height: 18px
}
textarea::-webkit-input-placeholder {
color: #747680
}
textarea::-moz-placeholder {
color: #747680
}
textarea:-ms-input-placeholder {
color: #747680
}
textarea::-ms-input-placeholder {
color: #747680
}
textarea::placeholder {
color: #747680
}
.wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%
}
@media (max-width: 1024px) {
.wrapper {
overflow-x: hidden
}
}
.container {
max-width: 1240px;
width: 94%;
margin: 0 auto
}
@media (max-width: 1024px) {
.container {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 39px
}
}
@media (max-width: 650px) {
.container {
padding: 0 15px
}
}
.rect {
background: #323232;
display: inline-block;
height: 3px;
-webkit-transition: -webkit-transform 500ms;
transition: -webkit-transform 500ms;
transition: transform 500ms;
transition: transform 500ms, -webkit-transform 500ms;
width: 35px
}
@media (max-width: 650px) {
.rect {
width: 25px
}
}
.rect+.rect {
margin-top: 9px
}
@media (max-width: 650px) {
.rect+.rect {
margin-top: 7px
}
}
.rect:nth-child(2) {
-webkit-transition-delay: 100ms;
transition-delay: 100ms
}
.rect:nth-child(3) {
-webkit-transition-delay: 100ms;
transition-delay: 100ms
}
.burger.active .rect:nth-child(1) {
-webkit-transform: rotate(-45deg) translateX(-5px) translateY(5px);
transform: rotate(-45deg) translateX(-5px) translateY(5px);
opacity: 0
}
.burger.active .rect:nth-child(2) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.burger.active .rect:nth-child(3) {
-webkit-transform: rotate(-45deg) translateX(8px) translateY(-8px);
transform: rotate(-45deg) translateX(8px) translateY(-8px)
}
@media (max-width: 650px) {
.burger.active .rect:nth-child(3) {
-webkit-transform: rotate(-45deg) translateX(7px) translateY(-7px);
transform: rotate(-45deg) translateX(7px) translateY(-7px)
}
}
.g-hidden {
display: none
}
.g-line {
zoom: 1
}
.g-line:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.b-modal {
position: relative;
margin: 0 auto;
width: 100%;
max-width: 1000px
}
.arcticmodal-overlay,
.arcticmodal-container {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 11000
}
.arcticmodal-container {
overflow: auto;
margin: 0;
padding: 0;
border: 0;
border-collapse: collapse
}
*:first-child+html .arcticmodal-container {
height: 100%
}
.arcticmodal-container_i {
height: 100%;
margin: 0 auto;
width: 100%
}
.arcticmodal-container_i2 {
padding: 24px;
margin: 0;
border: 0;
vertical-align: middle
}
@media (max-width: 650px) {
.arcticmodal-container_i2 {
padding: 10px
}
}
.arcticmodal-error {
padding: 20px;
border-radius: 10px;
background: #000;
color: #fff
}
.hero {
position: relative;
background-size: cover;
background-attachment: fixed;
min-height: calc(100vh - 156px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15)
}
@media (max-width: 1024px) {
.hero {
min-height: 491px
}
}
@media (max-width: 760px) {
.hero {
min-height: 387px
}
}
.hero__content {
width: 100%;
background-color: #EFF3FE
}
@media (max-width: 1024px) {
.hero__content {
position: relative;
max-width: 345px;
width: 94%;
margin: 0 auto 32px;
background-color: transparent
}
}
@media (max-width: 1024px) and (max-width: 760px) {
.hero__content {
margin: 0 auto 15px
}
}
@media (max-width: 1024px) {
.hero__nav {
display: none;
position: absolute;
top: 32px;
z-index: 100;
padding-top: 48px;
padding-bottom: 16px;
background-color: #EFF3FE;
border-radius: 0 0 8px 8px;
-webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
width: 100%
}
}
.hero__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (max-width: 1024px) {
.hero__list {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px 0 31px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.hero__list-item+.hero__list-item {
margin-left: 10px
}
@media (max-width: 1024px) {
.hero__list-item+.hero__list-item {
margin-left: 0
}
}
.hero__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 20px;
line-height: 24px;
font-family: "Pragmatica", sans-serif;
font-weight: 500;
color: #323232;
padding: 39px 0;
-webkit-transition: .3s;
transition: .3s
}
.hero__link:hover {
color: #325CD3
}
@media (max-width: 1024px) {
.hero__link {
font-size: 15px;
line-height: 18px;
padding: 11px 0;
background-color: #EFF3FE
}
}
.hero__link-icon {
width: 24px;
height: 24px;
margin-right: 16px;
-ms-flex-negative: 0;
flex-shrink: 0;
stroke: #E82B24
}
@media (max-width: 1024px) {
.hero__link-icon {
display: none
}
}
.hero__btn {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 23px 15px 30px;
border-radius: 8px;
-webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
background-color: #EFF3FE;
display: none
}
@media (max-width: 1024px) {
.hero__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
max-width: 345px;
z-index: 150
}
}
.hero__btn-burger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 10px
}
.section-head {
position: relative
}
.section-head__title {
font-size: 36px;
line-height: 39px;
color: #323232;
font-family: "Gilroy", sans-serif;
font-weight: 400;
text-align: center
}
.section-head__title--left {
text-align: left
}
@media (max-width: 1024px) {
.section-head__title {
font-size: 30px;
line-height: 34px
}
}
@media (max-width: 500px) {
.section-head__title {
font-size: 22px;
line-height: 25px
}
}
.partners {
padding: 88px 0 68px
}
@media (max-width: 1024px) {
.partners {
padding: 80px 0
}
}
@media (max-width: 500px) {
.partners {
padding: 64px 0
}
}
.partners__row {
margin-top: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px
}
.partners__item-container {
width: 16.666666666%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 20px;
margin-bottom: 20px
}
@media (max-width: 1024px) {
.partners__item-container {
width: 33.3%
}
}
@media (max-width: 650px) {
.partners__item-container {
width: 50%;
padding-right: 11px;
margin-bottom: 11px
}
}
.partners__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 115px;
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #F7F7FC;
border-radius: 8px;
-webkit-transition: .3s;
transition: .3s
}
.partners__item:hover {
-webkit-filter: grayscale(2);
filter: grayscale(2)
}
.title-page {
font-weight: normal;
font-size: 40px;
line-height: 54px;
font-family: "Gilroy", sans-serif;
color: #323232;
margin: 28px 0
}
@media (max-width: 1024px) {
.title-page {
font-size: 30px;
line-height: 35px;
margin: 20px 0 24px
}
}
@media (max-width: 500px) {
.title-page {
font-size: 22px;
line-height: 27px;
margin: 20px 0
}
}
.footer {
position: relative;
z-index: 10s;
background-color: #333D58;
padding: 59px 0 24px
}
@media (max-width: 650px) {
.footer {
padding: 34px 0 20px
}
}
@media (max-width: 650px) {
.footer--desktop-and-tablet {
display: none
}
}
@media (min-width: 650px) {
.footer--mobile-flex {
display: block !important
}
}
@media (max-width: 650px) {
.footer--mobile-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.footer--mobile {
display: none
}
@media (max-width: 650px) {
.footer--mobile {
display: block
}
}
.footer__column {
width: 100%
}
@media (max-width: 1024px) {
.footer__column {
margin-bottom: 35px
}
}
@media (max-width: 650px) {
.footer__column {
margin-bottom: 0
}
}
.footer__column--ml-auto {
margin-left: auto
}
@media (max-width: 1024px) {
.footer__column--ml-auto {
margin-left: 103px
}
}
@media (max-width: 650px) {
.footer__column--ml-auto {
margin-left: 0
}
}
.footer__column--contacts {
max-width: 239px;
width: 100%
}
@media (max-width: 650px) {
.footer__column--contacts {
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.footer__column--production {
max-width: 176px
}
.footer__column--company {
max-width: 150px
}
@media (max-width: 1024px) {
.footer__column--company {
margin-right: 250px
}
}
.footer__column--consumer {
max-width: 229px
}
@media (max-width: 1024px) {
.footer__column--consumer {
margin-left: 0 !important
}
}
.footer__column:not(.footer__column--ml-auto)+.footer__column:not(.footer__column--ml-auto) {
margin-left: 124px
}
@media (max-width: 1250px) {
.footer__column:not(.footer__column--ml-auto)+.footer__column:not(.footer__column--ml-auto) {
margin-left: 50px
}
}
@media (max-width: 1024px) {
.footer__column:not(.footer__column--ml-auto)+.footer__column:not(.footer__column--ml-auto) {
margin-left: 157px
}
}
.footer__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative
}
@media (max-width: 650px) {
.footer__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.footer__row--justify {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.footer__row--align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (max-width: 650px) {
.footer__row--mobile-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
@media (max-width: 1024px) {
.footer__row--wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.footer__row+.footer__row {
margin-top: 68px;
padding-top: 16px;
border-top: 1px solid #4C5670
}
@media (max-width: 1024px) {
.footer__row+.footer__row {
margin-top: 25px;
border-top: 0;
padding-top: 23px
}
.footer__row+.footer__row:before {
content: '';
position: absolute;
left: -40px;
top: 0;
height: 1%;
width: calc(100% + 80px);
background-color: #4C5670
}
}
@media (max-width: 650px) {
.footer__row+.footer__row {
padding-top: 0;
margin-top: 30px
}
.footer__row+.footer__row:before {
display: none
}
}
.footer__list-title {
font-size: 15px;
line-height: 18px;
font-family: "Pragmatica", sans-serif;
font-weight: 500;
color: #fff;
margin-bottom: 20px
}
@media (max-width: 650px) {
.footer__list-title {
width: 100%;
margin-bottom: 23px;
font-size: 14px
}
}
.footer__list-link {
font-size: 14px;
line-height: 21px;
font-family: "Pragmatica Book", sans-serif;
font-weight: 400;
color: #9FA1B0
}
.footer__list-item+.footer__list-item {
margin-top: 10px
}
.footer__language {
margin-top: 61px
}
@media (max-width: 1024px) {
.footer__language {
position: absolute;
top: 0;
right: 0;
margin-top: 0
}
}
@media (max-width: 650px) {
.footer__language {
top: auto;
bottom: 0;
right: 0
}
}
.footer__checks {
margin-top: 71px
}
@media (max-width: 1024px) {
.footer__checks {
margin-top: 45px
}
}
@media (max-width: 550px) {
.footer__checks {
margin-top: 0
}
}
.footer__info-title {
font-family: 'Pragmatica Book';
font-weight: 500;
color: #9FA1B0;
font-size: 14px;
line-height: 17px;
margin-bottom: 8px
}
@media (max-width: 650px) {
.footer__info-title {
margin-bottom: 5px
}
}
.footer__number-container {
margin-bottom: 10px;
}
.footer__number-container+.footer__number-container {
margin-top: 8px
}
@media (max-width: 650px) {
.footer__number-container+.footer__number-container {
margin-top: 1px
}
}
@media (max-width: 650px) {
.footer__info {
margin-bottom: 57px;
margin-right: 10px
}
}
.footer__info+.footer__info {
margin-top: 28px
}
@media (max-width: 650px) {
.footer__info+.footer__info {
margin-top: 0
}
}
.footer__adress {
font-size: 15px;
line-height: 22px;
color: #fff;
font-family: 'Pragmatica Book';
font-weight: 500
}
@media (max-width: 650px) {
.footer__adress {
max-width: 180px;
font-size: 14px;
line-height: 21px
}
}
.footer__number {
font-size: 15px;
line-height: 18px;
color: #fff;
font-family: 'Pragmatica Book';
font-weight: 500
}
@media (max-width: 650px) {
.footer__number {
font-size: 14px;
line-height: 17px
}
}
.footer__check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #fff;
padding: 7px 10px 7px 19px;
border-radius: 4px;
color: #fff;
font-family: 'Pragmatica Book';
font-weight: 500;
font-size: 14px;
line-height: 17px;
cursor: pointer
}
.footer__check--grey {
border-color: #9FA1B0;
color: #9FA1B0
}
.footer__check-icon-container {
height: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 18px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 13px
}
.footer__check+.footer__check {
margin-top: 20px
}
.footer__email {
font-size: 14px;
line-height: 17px;
font-family: 'Pragmatica Book';
font-weight: 500;
color: #9FA1B0;
text-decoration: underline
}
.footer__email:hover {
text-decoration: none
}
.footer__email-container {
margin-top: 17px
}
@media (max-width: 650px) {
.footer__email-container {
margin-top: 36px
}
}
.footer__logo-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (max-width: 650px) {
.footer__logo-container {
width: 100%;
padding: 16px 0 24px;
position: relative;
margin-bottom: 15px
}
.footer__logo-container:before {
content: '';
position: absolute;
left: -15px;
width: calc(100% + 30px);
top: 0;
height: 1px;
background-color: #4C5670
}
.footer__logo-container:after {
content: '';
position: absolute;
left: -15px;
width: calc(100% + 30px);
bottom: 0;
height: 1px;
background-color: #4C5670
}
}
.footer__logo {
width: 53px;
height: 54px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 22px
}
@media (max-width: 650px) {
.footer__logo {
margin-right: 15px
}
}
.footer__logo-desc {
font-size: 14px;
line-height: 17px;
font-family: 'Pragmatica Book';
font-weight: 500;
color: #9FA1B0
}
@media (max-width: 1024px) {
.footer__logo-desc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media (max-width: 650px) {
.footer__logo-desc {
font-size: 13px;
line-height: 16px
}
}
@media (max-width: 1024px) {
.footer__logo-desc span {
display: none
}
}
.footer__politics {
font-size: 14px;
line-height: 17px;
font-family: 'Pragmatica Book';
font-weight: 500;
color: #9FA1B0;
margin-left: 32px
}
@media (max-width: 1024px) {
.footer__politics {
margin-left: 0
}
}
@media (max-width: 650px) {
.footer__politics {
margin-bottom: 3px
}
}
@media (max-width: 650px) {
.footer__social {
margin-top: 36px
}
}
.social__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.social__list-item {
line-height: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.social__list-item+.social__list-item {
margin-left: 32px
}
@media (max-width: 650px) {
.social__list-item+.social__list-item {
margin-left: 24px
}
}
.social__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.creator {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (max-width: 1024px) {
.creator {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
@media (max-width: 650px) {
.creator {
width: 100%;
text-align: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.creator__desc {
font-size: 14px;
line-height: 17px;
font-family: 'Pragmatica Book';
font-weight: 500;
color: #9FA1B0;
margin-right: 14px
}
@media (max-width: 1024px) {
.creator__desc {
margin-top: 3px
}
}
@media (max-width: 650px) {
.creator__desc {
margin-top: 0;
margin-right: 0;
font-size: 13px;
line-height: 16px
}
}
.creator__link {
font-family: "Gotham pro", sans-serif;
font-size: 11px;
line-height: 15px;
padding: 8px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #9FA1B0;
color: #9FA1B0;
letter-spacing: 0.13em;
text-transform: uppercase
}
.creator__link b {
margin-left: 8px
}
@media (max-width: 1024px) {
.creator__link {
font-family: 'Pragmatica Book';
font-weight: 500;
font-size: 14px;
line-height: 17px;
letter-spacing: 0;
text-transform: none;
color: #fff;
padding: 0;
border: none
}
}
@media (max-width: 650px) {
.creator__link {
font-size: 13px;
line-height: 16px
}
}
.creator__link--mobile {
display: none
}
@media (max-width: 1024px) {
.creator__link--mobile {
display: block
}
}
@media (max-width: 1024px) {
.creator__link--desktop {
display: none
}
}
.language__switch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer
}
.language__name {
color: #9FA1B0;
font-size: 14px;
line-height: 17px
}
.language__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 8px;
width: 16px;
height: 16px
}
.language__icon svg {
border-radius: 50%;
display: block;
width: 100%;
height: 100%
}
.popular-prods {
padding: 86px 0 84px
}
@media (max-width: 650px) {
.popular-prods {
padding: 64px 0 44px
}
}
.popular-prods__row {
margin-top: 56px;
margin-right: -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.popular-prods__item-container {
padding-right: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 33.3%;
margin-bottom: 20px
}
@media (max-width: 1024px) {
.popular-prods__item-container {
width: 50%
}
}
@media (max-width: 550px) {
.popular-prods__item-container {
width: 100%
}
}
@media (max-width: 1024px) {
.popular-prods__link-more {
margin-top: 28px
}
}
@media (max-width: 650px) {
.popular-prods__link-more {
display: none !important
}
}
.popular-prod {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #E9EEFC;
border-radius: 8px;
height: 100%;
padding-bottom: 90px;
-webkit-transition: .3s;
transition: .3s
}
.popular-prod:hover {
-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15)
}
.popular-prod:hover .popular-prod__rating-icon span:nth-child(1) {
background-color: #97CC04
}
.popular-prod:hover .popular-prod__rating-icon span:nth-child(2) {
background-color: #F79824
}
.popular-prod:hover .popular-prod__rating-icon span:nth-child(3) {
background-color: #FFD851
}
.popular-prod:hover .popular-prod__rating-icon span+span {
margin-left: 3px
}
.popular-prod:hover .popular-prod__to-full {
background-color: #325CD3
}
.popular-prod:hover .popular-prod__to-full .popular-prod__to-full-icon {
left: 10px;
bottom: 10px;
stroke: #fff
}
.popular-prod__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 40px
}
.popular-prod__category {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 7.5px 32px;
background-color: #E9EEFC;
font-size: 14px;
line-height: 17px;
color: #9FA1B0;
font-family: 'Pragmatica Book';
font-weight: 500;
border-radius: 8px 0 8px 0
}
.popular-prod__to-full {
height: 32px;
width: 32px;
background-color: #F7F7FC;
border-radius: 0 8px 0 8px;
position: relative;
-webkit-transition: .3s;
transition: .3s
}
.popular-prod__to-full-icon {
position: absolute;
bottom: 5px;
left: 5px;
height: 11px;
width: 11px;
-webkit-transition: .3s;
transition: .3s;
stroke: #B9BCCF
}
.popular-prod__image-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 35px
}
.popular-prod__image-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 96px
}
.popular-prod__image {
max-width: 100%;
max-height: 96%
}
.popular-prod__title-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
margin-top: 33px;
text-align: center
}
.popular-prod__title {
font-family: "Pragmatica", sans-serif;
font-size: 16px;
line-height: 19px;
color: #323232;
-webkit-transition: .3s;
transition: .3s
}
.popular-prod__title:hover {
color: #325CD3
}
.popular-prod__desc {
margin-top: 5px;
text-align: center;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 400;
color: #9FA1B0
}
.popular-prod__foot {
width: 100%;
border-top: 1px solid #E9EEFC;
position: absolute;
left: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.popular-prod__link {
padding: 14px 14px 18px 31px;
-webkit-transition: .3s;
transition: .3s;
width: 100%;
font-size: 15px;
line-height: 18px;
color: #325CD3;
font-weight: 500;
transition: .3s
}
.popular-prod__link:hover {
background-color: #EFF3FE
}
.popular-prod__rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 99px;
-ms-flex-negative: 0;
flex-shrink: 0;
border-left: 1px solid #E9EEFC
}
.popular-prod__rating-value {
font-size: 15px;
line-height: 18px;
color: #9FA1B0;
font-family: "Pragmatica", sans-serif;
font-weight: 500
}
.popular-prod__rating-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-left: 8px
}
.popular-prod__rating-icon span {
background-color: #B9BCCF;
-webkit-transition: .3s;
transition: .3s
}
.popular-prod__rating-icon span:nth-child(1) {
width: 4px;
height: 23px
}
@media (max-width: 550px) {
.popular-prod__rating-icon span:nth-child(1) {
background-color: #97CC04
}
}
.popular-prod__rating-icon span:nth-child(2) {
width: 4px;
height: 19px
}
@media (max-width: 550px) {
.popular-prod__rating-icon span:nth-child(2) {
background-color: #F79824
}
}
.popular-prod__rating-icon span:nth-child(3) {
width: 4px;
height: 15px
}
@media (max-width: 550px) {
.popular-prod__rating-icon span:nth-child(3) {
background-color: #FFD851
}
}
.popular-prod__rating-icon span+span {
margin-left: 3px
}
.popular-prod__help {
height: 100%;
border-radius: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #F7F7FC;
border: 1px solid #E9EEFC
}
@media (max-width: 550px) {
.popular-prod__help {
padding: 90px 5px 80px
}
}
.popular-prod__help-desc {
font-size: 20px;
line-height: 30px;
text-align: center;
color: #323232;
font-family: "Pragmatica Book", sans-serif
}
@media (max-width: 550px) {
.popular-prod__help-desc {
font-size: 18px;
line-height: 27px
}
}
.popular-prod__help-link {
display: block;
max-width: 234px;
width: 100%;
margin: 40px auto 0;
border-radius: 8px;
border: 1px solid #DCDEE9;
padding: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 15px;
line-height: 18px;
color: #325CD3;
font-family: "Pragmatica", sans-serif;
font-weight: 500;
text-transform: uppercase;
text-align: center;
-webkit-transition: .3s;
transition: .3s
}
.popular-prod__help-link:hover {
background-color: #325CD3;
color: #fff;
border-color: #325CD3
}
.link-more {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 15px;
line-height: 18px;
color: #325CD3;
font-family: 'Pragmatica Book';
font-weight: 500;
text-transform: uppercase
}
.link-more--mobile {
display: none
}
@media (max-width: 1024px) {
.link-more--mobile {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
}
.link-more--abs {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-40%);
transform: translateY(-40%)
}
@media (max-width: 1024px) {
.link-more--abs {
display: none
}
}
.link-more:hover .link-more__icon {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
.link-more__icon {
width: 24px;
height: 13px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 16px;
-webkit-transition: .3s;
transition: .3s
}
.achievements {
background-color: #F7F7FC
}
@media (max-width: 1024px) {
.achievements {
background-color: #fff
}
}
.achievements__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.achievements__item--paddings {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 64px;
padding-right: 97px
}
@media (max-width: 1024px) {
.achievements__item--paddings {
padding-left: 40px;
padding-right: 44px
}
}
.achievements__item--blue-bg {
background-color: #325CD3
}
.achievements__item--lit {
padding-top: 81px;
padding-bottom: 75px
}
@media (max-width: 1024px) {
.achievements__item--lit {
height: 100%;
padding-top: 64px;
padding-bottom: 103px
}
}
@media (max-width: 650px) {
.achievements__item--lit {
padding-top: 40px;
padding-bottom: 64px
}
}
.achievements__item--big {
height: 399px;
padding-bottom: 40px
}
@media (max-width: 1024px) {
.achievements__item--big {
height: 100%
}
}
@media (max-width: 650px) {
.achievements__item--big {
height: auto;
padding: 72px 40px 107px
}
}
.achievements__item--image-top {
top: 0
}
.achievements__item--image-bottom {
bottom: 0
}
.achievements__item--image-bottom img {
width: 100.4%
}
@media (max-width: 1024px) {
.achievements__item--image-bottom img {
width: 100%
}
}
.achievements__item--image-container {
height: 399px;
width: 100%;
position: absolute;
left: 0;
z-index: 10
}
@media (max-width: 1024px) {
.achievements__item--image-container {
position: relative;
height: 375px
}
}
@media (max-width: 650px) {
.achievements__item--image-container {
height: 330px
}
}
.achievements__item--grey-bg {
background-color: #E4EAF4
}
.achievements__item-image {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.achievements__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #DCDEE9;
border-right: 1px solid #DCDEE9
}
.achievements__item-container {
position: relative;
width: 33.3%
}
@media (max-width: 1024px) {
.achievements__item-container--desktop {
display: none
}
}
.achievements__item-container--mobile {
display: none
}
@media (max-width: 1024px) {
.achievements__item-container--mobile {
display: block
}
}
@media (max-width: 1024px) {
.achievements__item-container {
width: 50%
}
}
@media (max-width: 650px) {
.achievements__item-container {
max-width: 350px;
margin: 0 auto;
width: 100%
}
}
@media (max-width: 650px) {
.achievements__item-container:last-child .achievements__item {
border-bottom: 1px solid #DCDEE9
}
}
.achievements__item-title {
font-family: "Gilroy", sans-serif;
font-weight: 400;
font-size: 36px;
line-height: 45px;
margin-bottom: 19px;
color: #325CD3
}
@media (max-width: 650px) {
.achievements__item-title {
font-size: 22px;
line-height: 27px
}
}
.achievements__item-title--white {
color: #fff
}
.achievements__item-title--big {
font-size: 60px;
line-height: 63px;
margin-bottom: 10px
}
@media (max-width: 1024px) {
.achievements__item-title--big {
font-size: 52px;
line-height: 55px
}
}
.achievements__item-title--big span {
font-size: 30px
}
.achievements__item-desc {
font-size: 15px;
line-height: 22px;
font-family: "Pragmatica", sans-serif;
color: #323232;
font-weight: 500
}
.achievements__item-desc--white {
color: #fff
}
.about {
padding: 88px 0 90px;
background-color: #325CD3
}
@media (max-width: 1024px) {
.about {
padding: 80px 0
}
}
@media (max-width: 650px) {
.about {
padding: 64px 0 48px
}
}
.about__row {
position: relative
}
.about__row:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 264px;
height: 100%;
background-color: #3A65DF;
border-bottom-left-radius: 15px
}
@media (max-width: 1024px) {
.about__row:before {
width: 100%;
border-radius: 15px;
-webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25)
}
}
.about__caption {
position: relative;
width: 264px;
height: 88px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 25px;
-webkit-transition: .3s;
transition: .3s;
background-color: #3A65DF;
color: #fff;
cursor: pointer;
z-index: 2
}
@media (max-width: 1024px) {
.about__caption {
width: 100%;
border-radius: 0;
padding: 0 56px
}
}
@media (max-width: 650px) {
.about__caption {
height: 72px;
padding: 0 50px 0 24px
}
}
.about__caption:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.2)
}
.about__caption--last {
border-bottom-left-radius: 15px
}
@media (max-width: 1024px) {
.about__caption--last {
border-radius: 0 0 15px 15px
}
}
.about__caption--last:after {
display: none
}
.about__caption:hover {
background-color: #426EEB
}
.about__caption:hover .about__caption-icon {
fill: #F1FF98
}
.about__caption:hover .about__caption-title {
color: #F1FF98
}
.about__caption.active {
background-color: #fff;
background-color: #EFF3FE;
border-radius: 15px 0 0 15px;
border-color: transparent;
z-index: 10
}
@media (max-width: 1024px) {
.about__caption.active {
-webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
border-radius: 15px
}
}
.about__caption.active:after {
display: none
}
.about__caption.active .about__caption-icon {
fill: #325CD3
}
.about__caption.active .about__caption-title {
color: #325CD3
}
.about__caption.active .about__caption-arrow {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
stroke: #325CD3
}
.about__caption-icon-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
width: 40px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 16px
}
.about__caption-icon {
max-width: 40px;
fill: #fff
}
.about__caption-title {
font-size: 16px;
line-height: 19px;
color: #fff;
font-family: "Pragmatica", sans-serif;
font-weight: 500
}
.about__caption-arrow {
position: absolute;
right: 56px;
top: 50%;
margin-top: -11px;
fill: none;
stroke: #fff;
height: 28px;
width: 28px;
display: none;
-webkit-transition: .3s;
transition: .3s
}
@media (max-width: 1024px) {
.about__caption-arrow {
display: block
}
}
@media (max-width: 650px) {
.about__caption-arrow {
height: 24px;
width: 24px;
right: 32px
}
}
.about .about__content.active+.about__caption {
border-top-right-radius: 25px
}
@media (max-width: 1024px) {
.about .about__content.active+.about__caption {
border-radius: 0
}
}
.about__content {
top: 0;
position: absolute;
right: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 276px;
padding-top: 15px;
padding-bottom: 15px;
width: calc(100% - 50px);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
min-height: 100%;
background-color: #EFF3FE;
border-radius: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: .5s;
transition: .5s
}
@media (max-width: 1250px) {
.about__content {
padding-left: 250px
}
}
@media (max-width: 1024px) {
.about__content {
position: relative;
width: 100%;
margin-top: -30px;
padding: 78px 10px 64px 56px;
top: auto;
min-height: auto;
right: auto;
display: none
}
}
@media (max-width: 650px) {
.about__content {
padding: 68px 32px 48px 24px
}
}
.about__content.active {
visibility: visible;
-webkit-transform: none;
transform: none;
opacity: 1
}
@media (max-width: 1024px) {
.about__content.active {
-webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.about__content-image-container {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 369px;
height: 322px;
margin-left: 50px
}
@media (max-width: 1024px) {
.about__content-image-container--desktop {
display: none
}
}
.about__content-image-container--mobile {
display: none
}
@media (max-width: 1024px) {
.about__content-image-container--mobile {
display: block
}
}
@media (max-width: 1250px) {
.about__content-image-container {
width: 250px;
margin-left: 25px;
height: 260px
}
}
@media (max-width: 1024px) {
.about__content-image-container {
max-width: 570px;
width: 100%;
height: 354%;
margin-left: -56px;
margin-bottom: 40px
}
}
@media (max-width: 650px) {
.about__content-image-container {
height: 194px;
margin-left: -24px;
margin-bottom: 32px
}
}
.about__content-image {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 15px 0 0 15px
}
@media (max-width: 1024px) {
.about__content-image {
border-radius: 0 15px 15px 0
}
}
.about__content-title {
font-size: 36px;
line-height: 39px;
color: #323232;
font-family: "Gilroy", sans-serif;
margin-bottom: 32px;
font-weight: 400
}
@media (max-width: 1250px) {
.about__content-title {
font-size: 30px;
line-height: 37px
}
}
@media (max-width: 650px) {
.about__content-title {
font-size: 22px;
line-height: 27px;
margin-bottom: 24px
}
}
.about__content-text {
font-size: 15px;
line-height: 22px;
color: #323232;
font-family: 'Pragmatica Book';
font-weight: 500;
margin-bottom: 35px
}
@media (max-width: 650px) {
.about__content-text {
margin-bottom: 32px
}
}
.press-center {
padding-bottom: 120px
}
@media (max-width: 500px) {
.press-center {
padding-bottom: 80px
}
}
.press-center__slider {
margin: 0 -10px;
position: relative;
padding-bottom: 38px
}
.press-center__slider .popular-prod .popular-prod__desc {
margin-bottom: 0
}
.press-center__slider .popular-prod:hover {
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15)
}
@media (max-width: 650px) {
.press-center__slider {
padding-bottom: 0
}
}
.press-center__slider .slick-arrow {
position: absolute;
bottom: 0;
height: 48px;
width: 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #B9BCCF;
border-radius: 8px;
background-color: transparent;
font-size: 0;
-webkit-transition: .3s;
transition: .3s;
background-image: url(//old.sensei.ua/wp-content/themes/sensei/images/svg/arrow-right-3.svg);
background-repeat: no-repeat;
background-position: center
}
.press-center__slider .slick-arrow:hover {
border-color: #325CD3
}
.press-center__slider .slick-next {
right: 10px
}
.press-center__slider .slick-prev {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
right: 66px
}
.press-center__slide {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 10px
}
.press-center__slide .news-item {
background-color: #F7F7FC
}
.press-center__slide .news-item:hover {
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15)
}
@media (max-width: 650px) {
.press-center__slide .popular-prod {
margin-bottom: 20px
}
}
.press-center__link-more {
position: absolute;
bottom: -15px;
-webkit-transform: none;
transform: none
}
@media (max-width: 1024px) {
.press-center__link-more {
bottom: 115px;
display: none
}
}
@media (max-width: 500px) {
.press-center__link-more {
bottom: 90px
}
}
@media (max-width: 650px) {
.press-center__link-more .link-more__icon {
display: none
}
}
.press-center__rubric-container {
text-align: center
}
.press-center__rubric-container .rubric {
margin: 56px 0 0
}
.header-top {
border-bottom: 1px solid #DCDEE9
}
@media (max-width: 650px) {
.header-top {
display: none
}
}
@media (max-width: 1024px) {
.header-top .container {
padding: 0 0 0 39px
}
}
.header-top__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.header-top__link {
padding: 19px 0;
font-size: 14px;
line-height: 17px;
color: #323232;
font-family: "Pragmatica", sans-serif
}
@media (max-width: 1024px) {
.header-top__link {
max-width: 168px
}
}
.header-top__link:hover {
color: #325CD3
}
.header-top__right-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: auto
}
.header-top__check {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 17px 45px 17px 27px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-left: 1px solid #DCDEE9;
font-family: "Pragmatica Book", sans-serif;
font-size: 14px;
line-height: 17px;
color: #323232;
cursor: pointer
}
@media (max-width: 1130px) {
.header-top__check {
padding: 17px 30px 17px 15px
}
}
@media (max-width: 1024px) {
.header-top__check {
padding: 17px 39px 17px 21px
}
}
.header-top__check-icon-container {
width: 22px;
height: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 10px
}
.header-top__check-icon {
max-width: 100%
}
.header-top__phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 15px;
line-height: 18px;
font-family: "Pragmatica Book", sans-serif;
color: #323232;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 23px;
border-left: 1px solid #DCDEE9;
-webkit-transition: .3s;
transition: .3s
}
@media (max-width: 1024px) {
.header-top__phone {
display: none
}
}
.header-top__phone:hover {
color: #325CD3
}
.header-top__phone:hover .header-top__phone-icon {
fill: #325CD3
}
.header-top__phone-icon {
height: 17px;
width: 17px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
fill: #B9BCCF;
-webkit-transition: .3s;
transition: .3s;
margin-bottom: -1px
}
.header-main {
position: relative;
border-bottom: 2px solid #DCDEE9;
background-color: #fff
}
@media (max-width: 1024px) {
.header-main {
padding: 32px 0 29px
}
}
@media (max-width: 650px) {
.header-main {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9900
}
}
@media (max-width: 1024px) {
.header-main .search__icon {
height: 32px;
width: 32px
}
}
@media (max-width: 650px) {
.header-main .search__icon {
width: 27px;
height: 38px
}
}
@media (max-width: 650px) {
.header-main {
padding: 11px 0 11px
}
}
@media (max-width: 650px) {
.header-main .container {
padding: 0 15px
}
}
@media (max-width: 1024px) {
.header-main__search {
margin-top: -2px
}
}
.header-main__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (max-width: 1024px) {
.header-main__row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.header-main__logo {
-ms-flex-item-align: center;
align-self: center;
height: 35px;
width: 160px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 49px
}
@media (max-width: 1250px) {
.header-main__logo {
margin-right: 10px
}
}
@media (max-width: 650px) {
.header-main__logo {
width: 105px;
height: 24px
}
}
.header-main__phone {
width: 27px;
height: 27px;
-ms-flex-item-align: center;
align-self: center;
margin-left: 32px;
display: none
}
@media (max-width: 1024px) {
.header-main__phone {
display: block;
margin-left: auto
}
}
@media (max-width: 650px) {
.header-main__phone {
width: 24px;
height: 24px
}
}
.header-main__phone-icon {
display: block;
height: 100%;
width: 100%;
fill: #323232
}
.header-main__burger {
-ms-flex-item-align: center;
align-self: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none
}
@media (max-width: 1024px) {
.header-main__burger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 32px;
-ms-flex-negative: 0;
flex-shrink: 0
}
}
.header-main__logo-image {
display: block;
height: 100%;
width: 100%;
background: url(//old.sensei.ua/wp-content/themes/sensei/images/logo.svg) no-repeat center left;
background-size: contain
}
.header-main__search {
margin-left: auto
}
.main-menu {
position: relative;
z-index: 50;
padding-top: 18px
}
@media (max-width: 1024px) {
.main-menu {
background-color: #fff;
top: 100%;
left: 0;
position: absolute;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
z-index: 9000;
width: 50%;
opacity: 0;
-webkit-transition: .3s;
transition: .3s;
min-width: 240px
}
}
.main-menu__list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (max-width: 1024px) {
.main-menu__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.main-menu__list>li+li {
margin-left: -10px
}
@media (max-width: 1024px) {
.main-menu__list>li+li {
margin-left: 0;
margin-top: 20px
}
}
.main-menu__list>li>span,
.main-menu__list>li>a {
position: relative;
font-family: "Pragmatica Book", sans-serif;
font-size: 15px;
line-height: 18px;
display: block;
padding: 22px 32px 40px;
color: #323232;
text-transform: uppercase;
letter-spacing: 0.7px;
-webkit-transition: .3s;
transition: .3s
}
@media (max-width: 1250px) {
.main-menu__list>li>span,
.main-menu__list>li>a {
padding: 22px 20px 40px
}
}
@media (max-width: 1024px) {
.main-menu__list>li>span,
.main-menu__list>li>a {
padding: 15px 20px;
font-family: "Pragmatica", sans-serif
}
}
.main-menu__list>li>span:hover,
.main-menu__list>li>a:hover {
color: #325CD3
}
.main-menu__list li>a.active {
color: #325CD3
}
.main-menu__list>li>a:before {
content: '';
position: absolute;
top: 100%;
left: 50%;
width: 0;
height: 2px;
background-color: #325CD3;
border-radius: 1px;
-webkit-transition: .3s;
transition: .3s
}
.main-menu__list>li>a:hover:before {
width: 100%;
left: 0
}
.main-menu__list li:hover .sub-menu {
position: absolute;
visibility: visible;
opacity: 1;
z-index: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transition-delay: 0s, 0s, 0.3s;
transition-delay: 0s, 0s, 0.3s
}
@media (max-width: 1024px) {
.main-menu__list li:hover .sub-menu {
position: relative
}
}
.main-menu.active {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-box-shadow: 0px 17px 20px rgba(0, 0, 0, 0.25);
box-shadow: 0px 17px 20px rgba(0, 0, 0, 0.25)
}
.sub-menu {
margin-top: -15px;
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
left: 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 89px 100px 92px 54px;
border-radius: 0 15px 15px 15px;
background: #fff;
z-index: 50;
-webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s
}
@media (max-width: 1024px) {
.sub-menu {
margin-top: 0;
padding: 0 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
}
.sub-menu__image-container {
width: 353px;
height: 237px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 100px;
display: none
}
.sub-menu__image-container img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
@media (max-width: 1250px) {
.sub-menu__image-container {
right: 0;
width: 300px
}
}
.sub-menu__image-container::before {
content: '';
position: absolute;
right: 100%;
width: 1px;
height: 100%;
margin-right: 48px;
background-color: #DCDEE9
}
.sub-menu li+li {
margin-top: 29px
}
@media (max-width: 1024px) {
.sub-menu li+li {
margin-top: 10px
}
}
.sub-menu li:hover .sub-menu__image-container {
display: block
}
@media (max-width: 1024px) {
.sub-menu li:hover .sub-menu__image-container {
display: none
}
}
.sub-menu li a {
font-size: 16px;
line-height: 19px;
color: #323232;
font-family: "Pragmatica", sans-serif;
font-weight: 500;
-webkit-transition: .3s;
transition: .3s
}
.sub-menu li a:hover {
color: #325CD3
}
.search {
display: none;
position: relative;
overflow: hidden;
-ms-flex-item-align: center;
align-self: center
}
@media (max-width: 650px) {
.search {
position: static
}
}
.search__icon {
width: 23px;
height: 26px;
stroke: #323232;
fill: none;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s
}
@media (max-width: 650px) {
.search__icon {
-webkit-transition: 0s;
transition: 0s
}
}
.search__icon:hover {
stroke: #325CD3
}
.search__icon--close {
display: none
}
.search__icon--close.active {
display: none
}
@media (max-width: 650px) {
.search__icon--close.active {
display: block
}
}
@media (max-width: 650px) {
.search__icon:not(.search__icon--close).active {
visibility: hidden;
height: 0;
width: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute
}
}
.search__form {
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) translateX(300%);
transform: translateY(-50%) translateX(300%);
position: absolute;
z-index: 50;
opacity: 0;
-webkit-transition: .3s;
transition: .3s
}
@media (max-width: 650px) {
.search__form {
background-color: #fff;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
top: 100%;
-webkit-transform: translateY(0) translateX(200%);
transform: translateY(0) translateX(200%)
}
}
.search__form.active {
opacity: 1;
-webkit-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%)
}
@media (max-width: 650px) {
.search__form.active {
top: 100%;
-webkit-transform: translateY(0) translateX(0);
transform: translateY(0) translateX(0)
}
}
.search__input {
display: block;
width: 300px;
height: 40px;
padding: 0 40px 0 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
border: 1px solid #DCDEE9;
border-radius: 8px;
font-size: 14px;
line-height: 17px
}
.search__input::-webkit-input-placeholder {
color: #9FA1B0
}
.search__input::-moz-placeholder {
color: #9FA1B0
}
.search__input:-ms-input-placeholder {
color: #9FA1B0
}
.search__input::-ms-input-placeholder {
color: #9FA1B0
}
.search__input::placeholder {
color: #9FA1B0
}
@media (max-width: 650px) {
.search__input {
width: 100%
}
}
.search__button {
height: 19px;
width: 21px;
background: url(//old.sensei.ua/wp-content/themes/sensei/images/svg/search-lope.svg) no-repeat center center transparent;
background-size: contain;
border: none;
padding: 0;
position: absolute;
top: 50%;
margin-top: -9px;
right: 16px
}
@media (max-width: 650px) {
.search__button {
right: 30px
}
}
.search.active {
overflow: visible
}
.breadcrumbs {
padding: 32px 0 20px
}
.breadcrumbs__list {
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.breadcrumbs__list-item {
display: inline
}
.breadcrumbs__list-item:not(:last-child) .breadcrumbs__item:after {
content: "/";
color: #323232;
margin: 0 10px
}
.breadcrumbs__list-item:last-child .breadcrumbs__item {
color: #9FA1B0
}
.breadcrumbs__item {
font-size: 14px;
line-height: 17px;
color: #323232
}
.rotate90 {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.rotate180::before {
content: "Свернуть" !important
}
.rotate180 .icon {
-webkit-transform: rotate(270deg) !important;
transform: rotate(270deg) !important
}
.expand {
height: 100% !important
}
.expand::before {
background: transparent !important
}
.rubric {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
border-bottom: 1px solid #DCDEE9;
margin: 21px 0 40px
}
@media (max-width: 760px) {
.rubric {
margin: 24px 0 16px
}
}
@media (max-width: 500px) {
.rubric {
margin: 20px 0 12px
}
}
@media (max-width: 650px) {
.rubric {
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
.rubric__link {
font-size: 15px;
line-height: 22px;
color: #9FA1B0;
font-weight: 500;
position: relative;
padding-bottom: 12px;
-webkit-transition: .3s;
transition: .3s
}
.rubric__link::after {
content: "";
display: none;
position: absolute;
height: 2px;
width: calc(100% + 2px);
background: #325CD3;
bottom: -1px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.rubric__link:hover {
color: #325CD3
}
.rubric__link.active {
color: #325CD3
}
.rubric__link.active::after {
display: block
}
.rubric__link+.rubric__link {
margin-left: 32px
}
@media (max-width: 500px) {
.rubric__link+.rubric__link {
margin-left: 15px
}
}
.news-breadcrumbs {
padding: 30px 0 33px
}
@media (max-width: 550px) {
.news-breadcrumbs {
padding: 22px 0 25px
}
}
.news-page__container {
width: 90%
}
.news-page__main-block {
padding: 56px 0 120px;
position: relative;
overflow: hidden;
background-color: #F7F7FC
}
@media (max-width: 550px) {
.news-page__main-block {
padding-top: 40px
}
}
.news-page__title {
margin-top: 0;
margin-bottom: 8px
}
@media (max-width: 550px) {
.news-page__title {
margin-bottom: 0
}
}
.news-page__row {
margin-right: -20px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media (max-width: 650px) {
.news-page__row {
margin-right: 0
}
}
.news-page__item-container {
width: 33.333333333333333%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 20px;
margin-bottom: 32px
}
@media (max-width: 1024px) {
.news-page__item-container {
width: 50%
}
}
@media (max-width: 550px) {
.news-page__item-container {
margin-bottom: 0
}
}
@media (max-width: 650px) {
.news-page__item-container {
width: 100%;
padding-right: 0
}
}
.news-page__button-show-more {
margin: 24px auto 0;
display: block
}
@media (max-width: 650px) {
.news-page__button-show-more {
margin-top: 0
}
}
.button {
display: block;
-webkit-transition: .3s;
transition: .3s;
font-size: 15px;
color: #325CD3;
font-weight: 500;
padding: 14px 32px;
border: 1px solid #DCDEE9;
background-color: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
text-align: center;
line-height: 22px
}
.button:hover {
border-color: #325CD3;
background-color: #325CD3;
color: #fff
}
.news-item {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
border-radius: 8px;
background-color: #fff;
-webkit-transition: .4s;
transition: .4s;
max-width: 400px
}
.news-item__img-container {
-ms-flex-negative: 0;
flex-shrink: 0;
height: 208px;
width: 100%;
border-radius: 8px;
position: relative;
overflow: hidden
}
@media (max-width: 1024px) {
.news-item__img-container {
height: 174px
}
}
.news-item__img {
display: block;
height: 100%;
position: relative;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
border-radius: 8px;
background-size: cover;
-webkit-transition: 1.5s;
transition: 1.5s
}
.news-item__img:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
.news-item__body {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 24px 32px 23px
}
@media (max-width: 1024px) {
.news-item__body {
padding: 19px 24px 18px
}
}
@media (max-width: 1024px) {
.news-item__date {
margin-bottom: 18px !important
}
}
.news-item__title {
font-size: 15px;
line-height: 22px;
font-weight: 500;
margin-bottom: 26px;
display: block;
font-family: "Pragmatica", sans-serif;
color: #323232;
-webkit-transition: .3s;
transition: .3s
}
.news-item__title:hover {
color: #325CD3
}
.news-item__teg {
margin-top: auto;
display: inline-block;
line-height: 22px;
font-size: 14px;
text-transform: uppercase;
color: #9FA1B0;
font-family: "Pragmatica Book", sans-serif
}
.news-item__teg:hover {
text-decoration: underline
}
.news-item:hover {
-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15)
}
@media (max-width: 650px) {
.news-item {
margin: 0 auto 20px
}
}
.date {
color: #9FA1B0;
margin-bottom: 24px;
line-height: 22px;
font-size: 15px;
display: block;
font-family: "Pragmatica Book", sans-serif
}
@media (max-width: 500px) {
.hide-for-tiny-tablet {
display: none
}
}
.show-for-tiny-tablet {
display: none
}
@media (max-width: 500px) {
.show-for-tiny-tablet {
display: inline
}
}
.text-page-breadcrumbs {
padding: 25px 0 35px
}
@media (max-width: 1024px) {
.text-page-breadcrumbs {
padding: 33px 0 19px
}
}
@media (max-width: 550px) {
.text-page-breadcrumbs {
padding: 24px 0 12px
}
}
.text-page {
padding: 0 0 80px;
color: #323232
}
@media (max-width: 650px) {
.text-page {
padding-bottom: 40px
}
}
.text-page__title {
margin-bottom: 42px
}
@media (max-width: 1024px) {
.text-page__title {
line-height: 41px;
margin: 24px 0 32px
}
.text-page__title br {
display: none
}
}
@media (max-width: 550px) {
.text-page__title {
line-height: 30px
}
}
.text-page p {
font-size: 15px;
line-height: 24px;
font-family: "Pragmatica Book", sans-serif
}
@media (max-width: 550px) {
.text-page p {
line-height: 22px
}
}
.text-page h3 {
display: block;
margin: 36px 0 15px;
font-size: 20px;
font-family: "Pragmatica Book", sans-serif
}
@media (max-width: 550px) {
.text-page h3 {
font-size: 16px
}
}
.text-page li {
font-size: 15px;
line-height: 22px;
font-family: "Pragmatica Book", sans-serif;
margin-top: 15px
}
.text-page li::before {
content: "•"
}
.text-page p+p,
.text-page ul+p,
.text-page ol+p {
margin-top: 15px
}
.text-page__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.text-page__main-container {
width: 100%;
padding-right: 97px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media (max-width: 1130px) {
.text-page__main-container {
padding-right: 50px
}
}
@media (max-width: 1024px) {
.text-page__main-container {
width: 100%;
padding-right: 0
}
}
.text-page img {
max-width: 100%
}
.text-page__sidebar {
padding: 48px;
background: #F7F7FC;
border-radius: 15px;
height: 100%;
width: 461px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0
}
.text-page__sidebar .news-item__img-container {
height: 188px
}
@media (max-width: 1300px) {
.text-page__sidebar {
width: 370px
}
}
@media (max-width: 1024px) {
.text-page__sidebar {
display: none
}
}
.text-page__sidebar-title {
margin-bottom: 40px;
font-family: "Pragmatica", sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 22px
}
.text-page__item {
margin-top: 24px;
padding-bottom: 26px;
background-color: transparent;
border-bottom: 1px solid #DCDEE9
}
.text-page__item:last-child {
padding-bottom: 0;
border-bottom: none
}
.text-page__item:hover {
-webkit-box-shadow: none;
box-shadow: none
}
.text-page__item-body {
padding: 16px 0 0
}
.text-page__item-date {
margin-bottom: 16px
}
.text-page__item-title {
margin-bottom: 24px
}
.text-page__date {
margin-top: 24px
}
@media (max-width: 550px) {
.text-page__date {
margin: 18px 0 22px
}
}
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 80px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 15px
}
@media (max-width: 650px) {
.pagination {
margin-top: 60px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.pagination__arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 13.5px 16px;
margin-bottom: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #F7F7FC;
font-size: 14px;
line-height: 17px;
color: #325CD3;
font-family: "Pragmatica", sans-serif;
border-radius: 8px;
-webkit-transition: .3s;
transition: .3s
}
@media (max-width: 350px) {
.pagination__arrow {
padding: 13.5px 10px
}
}
.pagination__arrow:hover {
opacity: .7
}
.pagination__arrow--prev .icon {
margin-right: 16px
}
@media (max-width: 350px) {
.pagination__arrow--prev .icon {
margin-right: 10px
}
}
.pagination__arrow--next .icon {
margin-left: 16px
}
@media (max-width: 350px) {
.pagination__arrow--next .icon {
margin-left: 10px
}
}
.pagination__arrow+.pagination__arrow {
margin-left: 24px;
margin-right: 48px
}
@media (max-width: 350px) {
.pagination__arrow+.pagination__arrow {
margin-right: 0
}
}
.pagination .icon {
height: 12px;
width: 12px;
fill: #325CD3
}
.pagination__link {
color: #747680;
font-size: 14px;
line-height: 17px;
-webkit-transition: .3s;
transition: .3s
}
.pagination__link:hover {
opacity: .7
}
.conditioners-types {
background: #EFF3FE;
-webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.12);
box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.12);
padding: 16px 0
}
@media (max-width: 1024px) {
.conditioners-types {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0
}
}
.conditioners-types__container {
max-width: 1292px
}
@media (max-width: 1024px) {
.conditioners-types__container {
width: 100%;
padding: 0
}
}
.conditioners-types__button {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
border: none;
padding: 22.5px 39px;
background-color: #EFF3FE;
margin-bottom: 8px;
text-align: left;
font-size: 20px;
line-height: 30px;
font-weight: 500;
-webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.12);
box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.12)
}
@media (max-width: 1024px) {
.conditioners-types__button {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
@media (max-width: 550px) {
.conditioners-types__button {
padding: 12px 39px;
font-size: 15px
}
}
.conditioners-types__button .icon {
fill: #323232 !important;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.conditioners-types__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (max-width: 1024px) {
.conditioners-types__list {
display: none
}
}
.conditioners-types__link {
display: inline-block;
padding: 10px 25px;
font-family: "Pragmatica Book", sans-serif;
line-height: 22px;
font-size: 16px;
border-radius: 8px;
color: #747680;
-webkit-transition: .3s;
transition: .3s
}
.conditioners-types__link:hover {
background-color: #325CD3;
color: #fff
}
@media (max-width: 1250px) {
.conditioners-types__link {
padding: 7px 8px;
font-size: 14px
}
}
@media (max-width: 1024px) {
.conditioners-types__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 18px 39px;
line-height: 24px;
color: #747680
}
}
@media (max-width: 550px) {
.conditioners-types__link {
padding: 13px 39px
}
}
.conditioners-types__link.active {
background-color: #325CD3;
color: #fff
}
@media (max-width: 1024px) {
.conditioners-types__link.active {
color: #747680;
background-color: transparent
}
}
.conditioners-types .icon {
display: none;
width: 11px;
height: 11px;
fill: #B9BCCF;
-webkit-transition: .3s;
transition: .3s
}
@media (max-width: 1024px) {
.conditioners-types .icon {
display: block
}
}
@media (max-width: 550px) {
.conditioners-types .icon {
width: 10px;
height: 10px
}
}
.catalog__title-page {
margin: 4px 0 56px;
padding-bottom: 12px;
font-size: 36px;
line-height: 49px;
text-transform: uppercase;
border-bottom: 1px solid #DCDEE9;
font-family: "Gilroy", sans-serif;
font-weight: 500
}
@media (max-width: 1024px) {
.catalog__title-page {
margin-bottom: 64px;
margin-top: 19px;
padding-bottom: 7px;
line-height: 43px;
font-size: 32px
}
}
@media (max-width: 550px) {
.catalog__title-page {
margin-bottom: 40px;
line-height: 32px;
font-size: 24px
}
}
@media (max-width: 1024px) {
.catalog__main-container {
width: 90%
}
}
.catalog__desc {
margin-top: 20px
}
@media (max-width: 1024px) {
.catalog__desc {
display: none
}
}
.catalog__desc-adaptive {
display: none;
width: 100%
}
@media (max-width: 550px) {
.catalog__desc-adaptive .catalog-desc__row {
background-color: #EFF3FE;
padding: 0 24px;
border-radius: 0 0 8px 8px
}
}
@media (max-width: 350px) {
.catalog__desc-adaptive .catalog-desc__row {
padding: 0 10px
}
}
.catalog__desc-adaptive .catalog-desc__item {
background-color: #EFF3FE;
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 25px 0 50px
}
@media (max-width: 1024px) {
.catalog__desc-adaptive .catalog-desc__item {
padding: 0 25px 0 35px
}
}
@media (max-width: 550px) {
.catalog__desc-adaptive .catalog-desc__item {
padding: 0 0 16px;
border-bottom: 1px solid #DCDEE9
}
}
.catalog__desc-adaptive .catalog-desc__item:hover {
-webkit-box-shadow: none;
box-shadow: none
}
.catalog__desc-adaptive .catalog-desc__item:hover .catalog-desc__title {
background-color: transparent;
font-weight: 500;
color: #323232;
font-family: "Pragmatica", sans-serif
}
.catalog__desc-adaptive .catalog-desc__item:hover .catalog-desc__item-button {
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
.catalog__desc-adaptive .catalog-desc__item:hover .icon-arrow-right-3 {
fill: #B9BCCF
}
.catalog__desc-adaptive .catalog-desc__container {
position: relative;
overflow: hidden
}
@media (max-width: 550px) {
.catalog__desc-adaptive .catalog-desc__container:first-child {
padding: 24px 0 8px
}
}
@media (max-width: 550px) {
.catalog__desc-adaptive .catalog-desc__container:last-child {
padding: 12px 0 32px
}
}
@media (max-width: 550px) {
.catalog__desc-adaptive .catalog-desc__container:last-child .catalog-desc__item {
border: none;
padding-bottom: 0
}
}
@media (max-width: 550px) {
.catalog__desc-adaptive .catalog-desc__container {
margin: 0;
padding: 12px 0 8px
}
}
.catalog__desc-adaptive .catalog-desc__text-container {
padding: 15px 0;
border: none;
border-radius: 0
}
@media (max-width: 550px) {
.catalog__desc-adaptive .catalog-desc__text-container {
padding: 0;
margin-top: 17px
}
}
.catalog__desc-adaptive .catalog-desc__title {
border: none;
padding: 0
}
@media (max-width: 550px) {
.catalog__desc-adaptive .catalog-desc__title {
font-family: "Pragmatica Book", sans-serif;
font-size: 15px
}
}
.catalog__desc-adaptive .catalog-desc__text {
margin: 0
}
@media (max-width: 1024px) {
.catalog__desc-adaptive {
display: block
}
}
.catalog-item {
color: #323232;
margin-bottom: 59px
}
.catalog-item__main-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (max-width: 1024px) {
.catalog-item__main-row {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.catalog-item__img-container {
position: relative;
height: 375px;
width: 480px;
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
z-index: 1
}
@media (max-width: 1024px) {
.catalog-item__img-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 32px;
height: auto;
width: 100%
}
}
@media (max-width: 550px) {
.catalog-item__img-container {
margin-bottom: 24px
}
}
.catalog-item__img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 15px
}
@media (max-width: 1024px) {
.catalog-item__img {
height: 64vw;
max-width: 100%
}
}
.catalog-item__text-container {
position: relative;
padding: 62px 24px 65px 87px;
min-height: 375px;
background-color: #F7F7FC;
border-radius: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: -15px;
width: 100%
}
@media (max-width: 1024px) {
.catalog-item__text-container {
margin-top: 20px;
margin-left: 0;
padding: 40px 65px 48px 32px;
min-height: auto
}
}
@media (max-width: 550px) {
.catalog-item__text-container {
padding: 32px 10px 0;
background-color: transparent
}
}
.catalog-item__text-container-button {
position: relative;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: calc(100%);
font-size: 15px;
line-height: 19px;
border: 0;
color: #325CD3;
z-index: 4;
-webkit-transition: .3s;
transition: .3s
}
.catalog-item__text-container-button::before {
content: "Развернуть"
}
@media (max-width: 1024px) {
.catalog-item__text-container-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: none;
padding-top: 24px;
margin-top: 24px;
border-top: 1px solid #DCDEE9
}
}
@media (max-width: 550px) {
.catalog-item__text-container-button {
padding-top: 0;
padding-bottom: 14px;
border-bottom: 1px solid #DCDEE9;
border-top: none;
background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0)));
background: linear-gradient(360deg, #fff 0%, rgba(255, 255, 255, 0) 100%)
}
}
.catalog-item__text-container-button .icon {
width: 10px;
height: 10px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
fill: #325CD3;
-webkit-transition: .3s;
transition: .3s
}
.catalog-item__title {
font-weight: 500;
font-size: 30px;
line-height: 41px;
font-family: "Gilroy", sans-serif;
margin-bottom: 22px
}
@media (max-width: 1024px) {
.catalog-item__title {
display: none
}
}
@media (max-width: 550px) {
.catalog-item__title {
font-family: "Pragmatica Book", sans-serif;
font-size: 22px;
line-height: 30px
}
}
.catalog-item__title-adaptive {
display: none;
width: 100%
}
@media (max-width: 1024px) {
.catalog-item__title-adaptive {
display: block
}
}
.catalog-item__subtitle {
font-size: 16px;
margin-bottom: 10px
}
@media (max-width: 1024px) {
.catalog-item__subtitle {
margin-bottom: 23px
}
}
@media (max-width: 550px) {
.catalog-item__subtitle {
font-size: 15px;
margin-bottom: 16px
}
}
.catalog-item__text {
position: relative;
font-size: 15px;
line-height: 22px;
font-weight: 500;
color: #747680;
font-family: "Pragmatica Book", sans-serif
}
@media (max-width: 1024px) {
.catalog-item__text {
height: 40px;
overflow: hidden
}
}
@media (max-width: 550px) {
.catalog-item__text {
height: 64px
}
}
.catalog-item__text::before {
display: none;
content: "";
position: absolute;
height: 64px;
width: calc(100% + 10px);
left: -10px;
background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0)));
background: linear-gradient(360deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
-webkit-transition: .3s;
transition: .3s
}
@media (max-width: 550px) {
.catalog-item__text::before {
display: block;
height: 64px;
overflow: hidden
}
}
.catalog-item__assessment-text {
position: absolute;
right: 24px;
top: 24px
}
@media (max-width: 1024px) {
.catalog-item__assessment-text {
display: none !important
}
}
.catalog-item__assessment-img {
display: none !important;
position: absolute;
right: 16px;
top: 16px;
z-index: 2
}
@media (max-width: 1024px) {
.catalog-item__assessment-img {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
}
@media (max-width: 550px) {
.catalog-item__assessment-img {
right: 13px;
top: 11px
}
}
.catalog-desc__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px
}
@media (max-width: 550px) {
.catalog-desc__row {
display: none;
margin-right: 0;
background-color: #EFF3FE
}
}
.catalog-desc__button {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 18px 34px 18px 24px;
width: 100%;
background-color: #EFF3FE;
text-align: left;
border: none;
color: #323232;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);
z-index: 2
}
@media (max-width: 550px) {
.catalog-desc__button {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.catalog-desc__button .icon-arrow-right-3 {
fill: #323232 !important
}
.catalog-desc__button.open {
color: #747680
}
.catalog-desc__button.open .icon-arrow-right-3 {
fill: #747680 !important
}
.catalog-desc__item-button {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 8px 17px;
background-color: #325CD3;
color: #fff;
-webkit-transform: translateX(135%);
transform: translateX(135%)
}
@media (max-width: 550px) {
.catalog-desc__item-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.catalog-desc__item-button-text {
margin-right: 8px
}
.catalog-desc__container {
width: 25%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 20px;
margin-bottom: 20px;
position: relative
}
@media (max-width: 1024px) {
.catalog-desc__container {
width: 50%
}
}
@media (max-width: 550px) {
.catalog-desc__container {
width: 100%;
padding-right: 0
}
}
.catalog-desc__item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0 0 8px 8px;
-webkit-transition: .3s;
transition: .3s;
cursor: pointer
}
.catalog-desc__item:hover {
-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15)
}
.catalog-desc__item:hover .catalog-desc__title {
background-color: #325CD3;
color: #fff
}
.catalog-desc__item:hover .icon-arrow-right-3 {
fill: #fff
}
.catalog-desc__item:hover .catalog-desc__text {
color: #323232
}
.catalog-desc__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 17px 39px;
background-color: #EFF3FE;
border-bottom: 1px solid #E9EEFC;
border-radius: 8px 8px 0 0;
border: 1px solid #E9EEFC;
font-size: 16px;
line-height: 22px;
font-weight: 500;
text-transform: uppercase;
-webkit-transition: .3s;
transition: .3s
}
.catalog-desc .icon-arrow-right-3 {
width: 11px;
height: 11px;
fill: #B9BCCF;
-webkit-transition: .3s;
transition: .3s
}
.catalog-desc__text-container {
position: relative;
padding: 4px 40px 8px;
border: 1px solid #E9EEFC;
border-top: none;
border-radius: 0 0 8px 8px;
-webkit-transition: .3s;
transition: .3s
}
.catalog-desc__text {
font-size: 14px;
line-height: 19px;
color: #747680;
font-family: "Pragmatica Book", sans-serif;
margin: 6px 0;
-webkit-transition: .3s;
transition: .3s
}
.catalog-desc__arrow {
padding: 25px 0 25px 24px;
border-left: 1px solid #DCDEE9
}
@media (max-width: 1024px) {
.catalog-desc__arrow {
padding: 25px 0 25px 32px
}
}
@media (max-width: 550px) {
.catalog-desc__arrow {
display: none
}
}
.assessment {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 8px 12px;
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
border-radius: 14px
}
@media (max-width: 550px) {
.assessment {
padding: 5px 6px
}
}
.assessment__text {
font-family: "Pragmatica", sans-serif;
font-weight: 500;
font-size: 15px;
line-height: 22px;
margin-right: 8px
}
@media (max-width: 550px) {
.assessment__text {
font-size: 14px
}
}
.assessment__column {
position: relative;
width: 4px;
display: block
}
.assessment__column+.assessment__column {
margin-left: 3px
}
.assessment__column--green {
height: 23px;
background-color: #97CC04
}
.assessment__column--orange {
height: 19px;
background-color: #F79824
}
.assessment__column--yellow {
height: 15px;
background-color: #FFD851
}
.card-breadcrumbs {
padding: 30px 0 41px
}
@media (max-width: 1024px) {
.card-breadcrumbs {
padding: 30px 0 54px
}
}
@media (max-width: 550px) {
.card-breadcrumbs {
padding: 23px 0 24px
}
}
.card {
margin-top: 10px
}
.card ol {
margin-bottom: 40px
}
@media (max-width: 760px) {
.card ol {
margin-bottom: 20px
}
}
.card__main-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
@media (max-width: 1024px) {
.card__main-container {
display: block
}
}
.card__colons {
display: none;
font-family: "Pragmatica Book", sans-serif
}
@media (max-width: 650px) {
.card__colons {
display: inline
}
}
.card__slider-img-container {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 505px;
margin-right: 72px
}
@media (max-width: 1024px) {
.card__slider-img-container {
display: none
}
}
.card__slider-img-container-adaptive {
display: none
}
@media (max-width: 1024px) {
.card__slider-img-container-adaptive {
display: block
}
}
.card__img-container-main {
height: 328px;
padding: 20px;
border: 1px solid #E9EEFC;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px
}
@media (max-width: 650px) {
.card__img-container-main {
height: 175px;
padding: 30px 50px
}
}
.card__slider-img-side {
margin: 16px -8px 0
}
.card__slider-img-side .slick-slide {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 8px
}
.card__img-container-side {
height: 113px;
padding: 29px 22px 30px 23px;
border: 1px solid #E9EEFC;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
cursor: pointer
}
@media (max-width: 650px) {
.card__img-container-side {
height: 109px;
padding: 20px
}
}
.card__img-main {
max-width: 100%;
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center
}
.card__img-side {
display: block;
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
margin: 0 auto
}
.card__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Gilroy", sans-serif;
color: #323232;
font-size: 36px;
line-height: 49px;
font-weight: 500
}
@media (max-width: 1024px) {
.card__title {
font-size: 30px;
line-height: 41px
}
}
@media (max-width: 550px) {
.card__title {
font-size: 22px;
line-height: 30px
}
}
.card__assessment {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
margin-left: 24px
}
@media (max-width: 1024px) {
.card__assessment {
margin-left: 40px
}
}
@media (max-width: 550px) {
.card__assessment {
margin-left: auto
}
}
.card__mod {
font-family: "Pragmatica Book", sans-serif;
font-size: 18px;
line-height: 24px;
color: #747680
}
.card__mod br {
display: none
}
@media (max-width: 1024px) {
.card__mod {
font-size: 15px;
line-height: 20px
}
}
@media (max-width: 550px) {
.card__mod br {
display: block
}
}
.card__mod-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 19px 24px;
margin-top: 32px;
max-width: 591px;
text-align: left;
width: 100%;
border-radius: 8px;
border: none;
background-color: #325CD3;
color: #fff
}
.card__mod-button .icon {
width: 15px;
height: 15px;
fill: #fff;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: .3s;
transition: .3s
}
.card__mod-button.active .icon {
-webkit-transform: none;
transform: none
}
@media (max-width: 1024px) {
.card__mod-button {
margin-top: 47px;
margin-bottom: 32px;
max-width: 100%;
font-size: 18px
}
}
@media (max-width: 550px) {
.card__mod-button {
padding: 12px 14px;
font-size: 15px;
line-height: 20px
}
}
.card__catalog-caterories {
max-width: 591px;
margin-bottom: 20px;
display: none
}
@media (max-width: 1024px) {
.card__catalog-caterories {
max-width: 100%
}
}
.card__text-container {
margin-top: 40px
}
@media (max-width: 1024px) {
.card__text-container {
margin-top: 56px
}
}
.card__text-container-title {
font-size: 15px;
line-height: 18px;
color: #323232;
font-family: "Pragmatica", sans-serif;
margin-bottom: 10px
}
.card__text {
font-weight: 500;
font-size: 15px;
line-height: 22px;
font-family: "Pragmatica Book", sans-serif;
color: #747680
}
.card__buy-links {
margin-top: 73px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (max-width: 1024px) {
.card__buy-links {
margin-top: 48px
}
}
@media (max-width: 550px) {
.card__buy-links {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
.card__link-find-price {
display: inline-block;
position: relative;
padding: 13px 43px;
background-color: #325CD3;
color: #fff;
font-family: "Pragmatica Book", sans-serif;
font-size: 15px;
line-height: 22px;
border-radius: 8px;
border: 1px solid transparent;
-webkit-transition: .3s;
transition: .3s
}
.card__link-find-price:hover {
border-color: #325CD3;
background-color: #fff;
color: #323232
}
@media (max-width: 1024px) {
.card__link-find-price {
padding: 13px 62px
}
}
@media (max-width: 550px) {
.card__link-find-price {
padding: 13px 47px
}
}
@media (max-width: 350px) {
.card__link-find-price {
padding: 13px 20px
}
}
.card__link-when-buy {
padding: 13px 35px;
font-family: "Pragmatica Book", sans-serif;
font-size: 15px;
line-height: 22px;
text-decoration: underline;
color: #325CD3
}
.card__link-when-buy:hover {
text-decoration: none
}
@media (max-width: 1024px) {
.card__link-when-buy {
padding: 13px 65px
}
}
@media (max-width: 550px) {
.card__link-when-buy {
padding: 13px 38px
}
}
@media (max-width: 350px) {
.card__link-when-buy {
padding: 13px 22px
}
}
.card__desc-container {
margin-top: 81px;
border-radius: 15px
}
@media (max-width: 650px) {
.card__desc-container {
margin-top: 64px
}
}
.card__tabs {
background: transparent
}
@media (max-width: 1024px) {
.card__tabs {
margin-bottom: 80px
}
}
.card__tabs-content {
display: none;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 2;
margin-top: -1px;
margin-bottom: 86px;
padding: 72px 164px 16px 80px;
-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.12);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.12);
border-radius: 0 0 15px 15px;
background: #F7F7FC
}
@media (max-width: 1250px) {
.card__tabs-content {
padding-right: 65px
}
}
@media (max-width: 1024px) {
.card__tabs-content {
display: none;
margin-bottom: 0;
padding: 0;
overflow: hidden;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0
}
}
.card__tabs-content--description {
width: auto;
padding: 48px 57px 64px 48px;
background-color: #F7F7FC
}
@media (max-width: 550px) {
.card__tabs-content--description {
padding: 40px 24px 56px
}
}
@media (max-width: 1024px) {
.card__tabs-content--advantages {
background-color: #F7F7FC;
padding: 48px 64px 0 48px
}
.card__tabs-content--advantages .card__advantages-row {
margin-right: -99px
}
.card__tabs-content--advantages .card__advantages-container {
width: 50%;
padding-right: 99px
}
}
@media (max-width: 1024px) and (max-width: 650px) {
.card__tabs-content--advantages .card__advantages-container {
width: 100%
}
}
@media (max-width: 1024px) and (max-width: 650px) {
.card__tabs-content--advantages .card__advantages-title {
font-size: 16px;
line-height: 24px
}
.card__tabs-content--advantages .card__advantages-title br {
display: none
}
}
@media (max-width: 650px) {
.card__tabs-content--advantages {
padding: 40px 39px 56px 24px
}
}
.card__tabs-content--specifications {
padding: 72px 40px 80px
}
@media (max-width: 1024px) {
.card__tabs-content--specifications {
display: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 48px 71px 64px 48px
}
.card__tabs-content--specifications .card__specifications-table {
margin-bottom: 24px;
margin-top: 0
}
.card__tabs-content--specifications .card__specifications-table-block {
width: 100%
}
.card__tabs-content--specifications .card__specifications-table-block+.card__specifications-table-block {
margin-left: 0
}
}
@media (max-width: 1024px) and (max-width: 650px) {
.card__tabs-content--specifications .card__specifications-table-block+.card__specifications-table-block {
padding-bottom: 32px
}
}
@media (max-width: 1024px) {
.card__tabs-content--specifications .card__specifications-tr--sizes .card__specifications-td:last-child {
display: none
}
}
@media (max-width: 1024px) and (max-width: 650px) {
.card__tabs-content--specifications .card__specifications-tr--sizes {
text-align: center
}
}
@media (max-width: 1024px) {
.card__tabs-content--specifications:last-child {
border-radius: 0 0 15px 15px
}
}
@media (max-width: 650px) {
.card__tabs-content--specifications {
padding: 0
}
.card__tabs-content--specifications .card__specifications-td {
width: 100%;
display: block;
padding-top: 16px;
padding-right: 0;
border-radius: 0px !important;
border-right: none !important
}
.card__tabs-content--specifications .card__specifications-td:last-child {
display: none
}
.card__tabs-content--specifications .card__specifications-td br {
display: none
}
.card__tabs-content--specifications .card__specifications-tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.card__tabs-content.active {
display: block
}
.card__tabs-caption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #E9EEFC;
border-radius: 15px 15px 0 0
}
.card__tabs-caption li {
width: 33.333333%;
padding: 25px 40px;
background-color: #E9EEFC;
text-align: center;
color: #000000 !important;
font-family: "Pragmatica", sans-serif !important;
font-size: 20px !important;
line-height: 30px !important;
cursor: pointer
}
.card__tabs-caption li:first-child {
border-radius: 15px 0 0 0
}
.card__tabs-caption li:last-child {
border-radius: 0 15px 0 0
}
@media (max-width: 1250px) {
.card__tabs-caption li {
font-size: 17px !important;
line-height: 20px !important
}
}
.card__tabs-caption li.active {
background-color: #F7F7FC;
border-radius: 15px 15px 0 0;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12)
}
.card__tabs-caption li.active:first-child {
border-radius: 15px 15px 0 0
}
.card__tabs-caption li.active:last-child {
border-radius: 15px 15px 0 0
}
@media (max-width: 1024px) {
.card__tabs-caption {
display: none
}
}
.card__advantages-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -80px;
position: relative
}
.card__advantages-container {
width: 33.3333333%;
position: relative;
padding-right: 80px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 64px
}
@media (max-width: 1024px) {
.card__advantages-container {
margin-bottom: 50px
}
}
.card__advantages-img-container {
width: 80px;
height: 80px;
position: relative;
overflow: hidden;
margin-bottom: 32px
}
@media (max-width: 1024px) {
.card__advantages-img-container {
margin-bottom: 21px
}
}
@media (max-width: 650px) {
.card__advantages-img-container {
width: 60px;
height: 60px;
margin-bottom: 16px
}
}
.card__advantages-img {
display: block;
height: 100%
}
.card__advantages-title {
font-size: 18px;
line-height: 27px;
font-weight: 500;
margin-bottom: 14px;
color: #323232;
font-family: "Pragmatica", sans-serif
}
.card__advantages-text {
font-size: 15px;
line-height: 22px;
color: #747680;
font-family: "Pragmatica Book", sans-serif
}
.card__description {
width: 60%
}
@media (max-width: 1024px) {
.card__description {
width: 100%
}
}
.card__description-title {
margin-bottom: 28px;
font-family: "Gilroy", sans-serif;
font-weight: 500;
font-size: 30px;
line-height: 45px
}
@media (max-width: 1024px) {
.card__description-title {
font-size: 22px;
line-height: 33px
}
}
@media (max-width: 550px) {
.card__description-title {
display: none
}
}
.card h3 {
margin-bottom: 14px;
font-weight: 500;
font-size: 15px;
line-height: 22px;
font-family: "Pragmatica", sans-serif;
color: #323232
}
.card__description-video {
margin-bottom: 40px;
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden
}
.card__description-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0;
outline-width: 0
}
.card p {
margin-bottom: 40px;
font-weight: 500;
font-size: 15px;
line-height: 22px;
font-family: "Pragmatica Book", sans-serif;
color: #747680
}
.card li {
font-size: 15px;
line-height: 22px;
font-family: "Pragmatica Book", sans-serif;
color: #747680
}
.card__description-img-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: -16px
}
.card__description-img-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 16px 8px
}
.card__description-img {
max-width: 100%;
max-height: 213px
}
@media (max-width: 760px) {
.card__description-img {
margin: 0 auto
}
}
.card__specifications {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (max-width: 1024px) {
.card__specifications {
padding: 0;
background-color: #F7F7FC;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media (max-width: 650px) {
.card__specifications {
padding: 0;
padding-top: 40px
}
.card__specifications .card__specifications-td {
width: 100%;
display: block;
padding-top: 16px;
padding-right: 0;
border-radius: 0px !important;
border-right: none
}
.card__specifications .card__specifications-td br {
display: none
}
.card__specifications .card__specifications-tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
.card__specifications-table-block {
width: 50%
}
.card__specifications-table-block+.card__specifications-table-block {
margin-left: 16px
}
.card__specifications-table {
width: 100%
}
.card__specifications-table--colors .card__specifications-tr:nth-child(2n) .card__specifications-td {
background-color: #F8F8FB
}
@media (max-width: 650px) {
.card__specifications-table--colors .card__specifications-tr:nth-child(2n) .card__specifications-td {
background-color: #fff
}
}
@media (max-width: 650px) {
.card__specifications-table--colors .card__specifications-tr:nth-child(2n+1) .card__specifications-td {
background-color: #F8F8FB
}
}
.card__specifications-table+.card__specifications-table {
margin-top: 24px
}
.card__specifications-tr {
background-color: #fff
}
.card__specifications-tr:first-child .card__specifications-td:first-child {
border-radius: 8px 0 0 0
}
.card__specifications-tr:first-child .card__specifications-td:last-child {
border-radius: 0 8px 0 0
}
@media (max-width: 650px) {
.card__specifications-tr:nth-child(2n+1) .card__specifications-td {
background-color: #fff
}
}
.card__specifications-tr:last-child .card__specifications-td:first-child {
border-radius: 0 0 0 8px
}
.card__specifications-tr:last-child .card__specifications-td:last-child {
border-radius: 0 0 8px 0
}
.card__specifications-tr--sizes .card__specifications-td {
border-radius: 8px 8px 0 0 !important;
border-right: none !important;
color: #325CD3;
font-weight: 500;
font-family: "Pragmatica", sans-serif !important
}
.card__specifications-td {
vertical-align: top;
width: 49%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 12px 10px 11px 24px;
font-weight: 500;
font-size: 15px;
line-height: 22px
}
.card__specifications-td:first-child {
border-right: 1px solid #DCDEE9
}
.card__specifications-td:last-child {
font-family: "Pragmatica Book", sans-serif
}
.card__specifications-td--dn {
display: none
}
@media (max-width: 1024px) {
.card__specifications-td {
padding: 12px 10px 12px 24px
}
}
@media (max-width: 650px) {
.card__specifications-td {
background-color: #F8F8FB
}
}
.card__accordion-title {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 26px 56px 26px 48px;
margin: 0 !important;
background: #E9EEFC;
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);
font-weight: 500;
font-size: 18px;
text-align: left;
line-height: 27px;
font-family: "Pragmatica Book", sans-serif;
border-bottom: 1px solid #fff;
-webkit-transition: .3s;
transition: .3s
}
@media (max-width: 1024px) {
.card__accordion-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: none;
box-shadow: none
}
}
.card__accordion-title:after {
content: "+";
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: auto;
width: 39px;
height: 39px;
font-size: 25px;
font-family: "Pragmatica Book", sans-serif;
border-radius: 50%;
opacity: 0.5;
background-color: #fff;
right: 0
}
@media (max-width: 650px) {
.card__accordion-title:after {
width: 30px;
height: 30px;
font-size: 18px
}
}
.card__accordion-title:first-child {
border-radius: 15px 15px 0 0
}
.card__accordion-title--first {
border-radius: 15px 15px 0 0
}
.card__accordion-title--last {
border-radius: 0 0 15px 15px;
border-bottom: none
}
@media (max-width: 1024px) {
.card__accordion-title {
padding: 20px 56px 20px 48px;
font-size: 18px
}
}
@media (max-width: 650px) {
.card__accordion-title {
padding: 12px 18px 12px 24px;
font-size: 16px
}
}
.card__accordion-title.active {
font-family: "Pragmatica", sans-serif;
font-size: 20px;
border-bottom: none;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px
}
.card__accordion-title.active::after {
content: "-"
}
@media (max-width: 650px) {
.card__accordion-title.active {
font-size: 15px
}
}
.contacts {
background-color: #F7F7FC;
padding: 90px 0 120px
}
@media (max-width: 1024px) {
.contacts {
padding: 55px 0 123px
}
}
@media (max-width: 760px) {
.contacts {
padding: 30px 0 50px
}
}
.contacts__info-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 65px
}
@media (max-width: 760px) {
.contacts__info-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 30px
}
}
.contacts__form-group {
position: relative;
display: block
}
.contacts__form-group--checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-weight: normal;
font-size: 13px;
line-height: 16px;
font-family: "Pragmatica Book", sans-serif
}
.contacts__form-input {
width: 100%;
max-width: 345px;
height: 49px;
background-color: transparent;
border: none;
border-bottom: 1px solid #DCDEE9;
font-size: 15px;
line-height: 22px;
font-family: "Pragmatica Book", sans-serif;
-webkit-transition: .3s;
transition: .3s
}
@media (max-width: 550px) {
.contacts__form-input {
height: 42px
}
}
.contacts__form-input:focus {
border-color: #325CD3
}
.contacts__form-input:focus~.contacts__form-label,
.contacts__form-input:not(:placeholder-shown)~.contacts__form-label {
bottom: 30px;
font-size: 13px;
line-height: 19px;
color: #747680
}
@media (max-width: 550px) {
.contacts__form-input:focus~.contacts__form-label,
.contacts__form-input:not(:placeholder-shown)~.contacts__form-label {
font-size: 12px
}
}
.contacts__form-input--checkbox {
width: auto;
height: auto;
position: absolute;
z-index: -1;
opacity: 0
}
.contacts__form-input--checkbox+.contacts__form-label--checkbox {
position: relative;
bottom: 0 !important;
padding-left: 36px;
cursor: pointer
}
.contacts__form-input--checkbox+.contacts__form-label--checkbox::before {
content: "";
position: absolute;
width: 20px;
height: 20px;
left: 0;
border-radius: 50%;
border: 1px solid #DCDEE9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: inset 2px 2px 7px rgba(0, 0, 0, 0.15);
box-shadow: inset 2px 2px 7px rgba(0, 0, 0, 0.15)
}
.contacts__form-input--checkbox+.contacts__form-label--checkbox:after {
content: "";
display: none;
position: absolute;
left: 6px;
top: 6px;
width: 8px;
height: 8px;
background-color: #325CD3;
background-position: center;
border-radius: 50%
}
.contacts__form-input--checkbox:checked+.contacts__form-label--checkbox::after {
display: block
}
@media (max-width: 1024px) {
.contacts__form-input {
max-width: 100%
}
}
.contacts__form-label--checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-weight: normal;
font-size: 13px;
line-height: 16px;
font-family: "Pragmatica Book", sans-serif
}
.contacts__link-checkbox {
color: #325CD3;
font-size: 16px;
text-decoration: underline
}
.contacts__link-checkbox:hover {
text-decoration: none
}
@media (max-width: 550px) {
.contacts__link-checkbox {
font-size: 14px
}
}
.contacts__title {
margin-top: 0
}
.contacts-form {
margin-top: 72px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 64px 76px 64px 64px;
background: #FFFFFF;
-webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
border-radius: 15px
}
@media (max-width: 1024px) {
.contacts-form {
padding: 60px
}
}
@media (max-width: 550px) {
.contacts-form {
padding: 30px
}
}
.contacts-form__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.contacts-form__title {
font-size: 30px;
line-height: 33px;
color: #323232;
margin-bottom: 40px
}
@media (max-width: 760px) {
.contacts-form__title {
font-size: 25px;
line-height: 30px
}
}
@media (max-width: 650px) {
.contacts-form__title {
font-size: 20px;
line-height: 30px;
margin-bottom: 20px
}
}
.contacts-form__content {
width: 100%
}
.contacts-form__image-container {
width: 614px;
height: 100%;
margin-left: 80px;
-ms-flex-negative: 0;
flex-shrink: 0
}
@media (max-width: 1250px) {
.contacts-form__image-container {
width: 50%;
-ms-flex-negative: 0;
flex-shrink: 0
}
}
@media (max-width: 1024px) {
.contacts-form__image-container {
display: none
}
}
.contacts-form__image {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: contain;
object-position: contain
}
.contacts-form__group {
display: block
}
.contacts-form__group+.contacts-form__group {
margin-top: 16px
}
.contacts-form__button {
margin: 40px 0 32px;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
padding: 14px;
min-width: 172px;
border: 1px solid #325CD3;
font-size: 15px;
line-height: 18px;
font-family: "Pragmatica Book", sans-serif;
color: #fff;
background-color: #325CD3;
-webkit-transition: .3s;
transition: .3s
}
.contacts-form__button:hover {
background-color: #fff;
color: #325CD3
}
@media (max-width: 550px) {
.contacts-form__button {
width: 100%
}
}
.contacts-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 325px;
width: 100%
}
.contacts-info--lit {
max-width: 224px
}
.contacts-info__icon {
height: 40px;
width: 40px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 24px;
border-radius: 50%
}
.contacts-info__icon img {
height: 100%;
width: 100%;
border-radius: 50%
}
.contacts-info__content {
padding-top: 8px;
width: 100%
}
.contacts-info__title {
font-size: 16px;
line-height: 19px;
padding-bottom: 8px;
font-family: "Pragmatica", sans-serif;
color: #323232;
font-weight: 500;
margin-bottom: 24px;
border-bottom: 1px solid #DCDEE9
}
.contacts-info__desc {
font-size: 16px;
line-height: 19px;
color: #323232;
margin-bottom: 24px;
font-family: "Pragmatica Book", sans-serif;
font-weight: 500
}
.contacts-info__link {
font-size: 16px;
line-height: 19px;
color: #325CD3;
font-family: "Pragmatica Book", sans-serif;
font-weight: 500;
text-decoration: underline
}
.contacts-info__link:hover {
text-decoration: none
}
.contacts-info__list {
margin-bottom: 10px
}
.contacts-info__list-item a {
font-size: 16px;
line-height: 19px;
color: #323232;
font-family: "Pragmatica", sans-serif;
font-weight: 500;
-webkit-transition: .3s;
transition: .3s
}
.contacts-info__list-item a:hover {
color: #325CD3
}
.contacts-info__list-item+.contacts-info__list-item {
margin-top: 9px
}
.contacts-info+.contacts-info {
margin-left: 90px
}
@media (max-width: 760px) {
.contacts-info+.contacts-info {
margin-left: 0;
margin-top: 20px
}
}
.b-modal {
border-radius: 15px;
background-color: #fff;
position: relative
}
.b-modal.garanty-modal {
max-width: 1240px
}
.b-modal .arcticmodal-close {
position: absolute;
right: 24px;
top: 24px;
height: 24px;
width: 24px;
background: url(//old.sensei.ua/wp-content/themes/sensei/images/svg/modal-close.svg) center center no-repeat;
background-size: contain;
-webkit-transition: .6s;
transition: .6s;
z-index: 10;
cursor: pointer
}
.b-modal .arcticmodal-close:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
.garanty-modal {
max-width: 1240px;
position: relative;
overflow: hidden
}
.garanty-modal__head {
background-color: #F7F7FC;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 72px 165px 0;
border-bottom: 1px solid #DCDEE9;
border-radius: 15px 15px 0 0
}
@media (max-width: 1024px) {
.garanty-modal__head {
padding: 64px 48px 0
}
}
@media (max-width: 760px) {
.garanty-modal__head {
padding: 40px 24px 0;
padding-bottom: 0;
border-bottom: 0;
background-color: #fff
}
}
.garanty-modal__title {
font-size: 36px;
line-height: 49px;
font-family: "Gilroy", sans-serif;
font-weight: 400;
margin-bottom: 64px
}
@media (max-width: 1024px) {
.garanty-modal__title {
font-size: 30px;
line-height: 36px;
margin-bottom: 40px
}
}
@media (max-width: 760px) {
.garanty-modal__title {
margin-bottom: 51px;
font-size: 22px;
line-height: 24px
}
}
@media (max-width: 760px) {
.garanty-modal__tabs {
padding-bottom: 40px
}
}
.garanty-modal__tabs-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px
}
@media (max-width: 760px) {
.garanty-modal__tabs-list {
display: none
}
}
.garanty-modal__tabs-list-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0 -20px;
border-radius: 15px 15px 0 0;
padding: 24.5px 10px;
font-size: 20px;
line-height: 23px;
text-align: center;
font-family: "Pragmatica Book", sans-serif;
font-weight: 400;
background-color: #E9EEFC;
color: #323232;
cursor: pointer
}
@media (max-width: 760px) {
.garanty-modal__tabs-list-item {
margin: 0;
border-radius: 0
}
}
@media (max-width: 650px) {
.garanty-modal__tabs-list-item {
padding: 15px 10px;
font-size: 16px
}
}
@media (max-width: 350px) {
.garanty-modal__tabs-list-item {
padding: 6px;
font-size: 14px
}
}
.garanty-modal__tabs-list-item.active {
position: relative;
z-index: 10;
background-color: #325CD3;
color: #fff
}
.garanty-modal__tabs-caption-mobile {
position: relative;
display: none;
padding: 26.5px 33px 26.5px 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
margin-bottom: 8px;
font-size: 16px;
line-height: 19px;
background-color: #E9EEFC;
color: #323232;
font-family: "Pragmatica Book", sans-serif;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);
-webkit-transition: .3s;
transition: .3s
}
.garanty-modal__tabs-caption-mobile.active {
background-color: #325CD3;
color: #fff
}
.garanty-modal__tabs-caption-mobile.active .garanty-modal__tabs-caption-arrow {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
stroke: #fff
}
@media (max-width: 760px) {
.garanty-modal__tabs-caption-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.garanty-modal__tabs-caption-arrow {
position: absolute;
right: 19px;
top: 50%;
margin-top: -11px;
fill: none;
stroke: #323232;
height: 28px;
width: 28px;
-webkit-transition: .3s;
transition: .3s
}
.garanty-modal__tabs-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 47px 165px 96px;
display: none
}
@media (max-width: 1024px) {
.garanty-modal__tabs-content {
padding: 40px 50px 60px
}
}
@media (max-width: 760px) {
.garanty-modal__tabs-content {
padding: 24px 24px
}
}
.garanty-modal__tabs-content.active {
display: block
}
.garanty-modal__tabs-content ul li {
position: relative;
font-size: 15px;
line-height: 22px;
color: #747680;
font-family: "Pragmatica Book", sans-serif;
max-width: 665px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 24px
}
.garanty-modal__tabs-content ul li:before {
content: '';
position: absolute;
width: 8px;
height: 8px;
background-color: #325CD3;
left: 0;
top: 6px;
border-radius: 50%
}
.garanty-modal__tabs-content ul li+li {
margin-top: 10px
}
@media (max-width: 650px) {
.garanty-modal__tabs-content .modal-form__button {
margin-top: 30px;
max-width: 100%
}
}
.garanty-modal__desc {
font-size: 18px;
line-height: 27px;
color: #323232;
font-family: "Pragmatica", sans-serif;
margin-bottom: 32px;
max-width: 632px
}
@media (max-width: 1024px) {
.garanty-modal__desc {
margin-bottom: 20px;
font-size: 16px;
line-height: 22px
}
}
@media (max-width: 650px) {
.garanty-modal__desc {
font-size: 15px;
line-height: 18px;
margin-bottom: 24px
}
}
.garanty-modal__allert {
margin-top: 40px;
max-width: 633px;
font-size: 15px;
line-height: 22px;
color: #323232;
font-family: "Pragmatica Book", sans-serif
}
@media (max-width: 760px) {
.garanty-modal__allert {
margin-top: 20px;
font-size: 14px;
line-height: 18px
}
}
@media (max-width: 650px) {
.garanty-modal__allert {
font-size: 14px;
line-height: 16px
}
}
.garanty-modal__allert b {
font-size: 20px;
color: #325CD3;
font-weight: 500
}
@media (max-width: 760px) {
.garanty-modal__allert b {
font-size: 18px;
display: block
}
}
.garanty-modal__link-container {
margin: 45px 0 64px
}
@media (max-width: 760px) {
.garanty-modal__link-container {
margin: 30px 0 40px
}
}
@media (max-width: 650px) {
.garanty-modal__link-container {
margin: 15px 0 20px
}
}
.garanty-modal__link {
font-size: 16px;
line-height: 19px;
color: #325CD3;
text-decoration: underline;
font-family: "Pragmatica Book", sans-serif
}
.garanty-modal__link:hover {
text-decoration: none
}
@media (max-width: 650px) {
.garanty-modal__link {
display: block;
text-align: center;
font-size: 14px
}
}
.garanty-modal__down-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 72px
}
@media (max-width: 1024px) {
.garanty-modal__down-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 56px;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.garanty-modal__down-box p {
font-size: 15px;
line-height: 22px;
color: #323232;
font-family: "Pragmatica Book", sans-serif
}
@media (max-width: 500px) {
.garanty-modal__down-box p {
font-size: 14px;
line-height: 20px
}
}
.garanty-modal__down-box a {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 138px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
line-height: 22px;
color: #323232;
font-family: "Pragmatica Book", sans-serif;
-webkit-transition: .3s;
transition: .3s
}
@media (max-width: 1024px) {
.garanty-modal__down-box a {
margin-left: 0;
margin-right: auto;
margin-top: 40px
}
}
.garanty-modal__down-box a img {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 20px
}
.garanty-modal__down-box a:hover {
color: #325CD3
}
.modal-form__container {
-webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12);
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12);
border-radius: 15px
}
@media (max-width: 1024px) {
.modal-form__container {
-webkit-box-shadow: none;
box-shadow: none;
margin: 0 -24px
}
}
.modal-form__head {
border-radius: 15px 15px 0 0;
background-color: #E9EEFC;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 41.5px 45px;
color: #323232;
font-size: 20px;
line-height: 27px;
font-family: "Pragmatica", sans-serif;
margin-bottom: 40px
}
@media (max-width: 1024px) {
.modal-form__head {
border-radius: 0;
margin-bottom: 32px;
padding: 41.5px 50px
}
}
@media (max-width: 760px) {
.modal-form__head {
padding: 0 24px;
background-color: transparent;
font-size: 18px;
line-height: 24px
}
}
.modal-form__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -28px
}
.modal-form__row--big {
padding: 0 48px 65px
}
@media (max-width: 1024px) {
.modal-form__row--big {
padding: 0 50px
}
}
@media (max-width: 760px) {
.modal-form__row--big {
padding: 0 20px
}
}
@media (max-width: 760px) {
.modal-form__row {
margin-right: 0
}
}
.modal-form__item-container {
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 28px;
margin-bottom: 24px
}
.modal-form__item-container--w100 {
width: 100%
}
@media (max-width: 760px) {
.modal-form__item-container {
width: 100%;
margin-bottom: 16px;
padding-right: 0
}
}
@media (max-width: 1024px) {
.modal-form__item-container--tablet-w100 {
width: 100%
}
}
.modal-form__input {
height: 52px;
display: block;
width: 100%;
border: 1px solid #DCDEE9;
border-radius: 10px;
background-color: #fff;
padding: 0 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 15px;
line-height: 20px;
color: #747680;
font-family: "Pragmatica Book", sans-serif;
-webkit-transition: .3s;
transition: .3s
}
.modal-form__input::-webkit-input-placeholder {
color: #747680;
-webkit-transition: .3s;
transition: .3s
}
.modal-form__input::-moz-placeholder {
color: #747680;
-moz-transition: .3s;
transition: .3s
}
.modal-form__input:-ms-input-placeholder {
color: #747680;
-ms-transition: .3s;
transition: .3s
}
.modal-form__input::-ms-input-placeholder {
color: #747680;
-ms-transition: .3s;
transition: .3s
}
.modal-form__input::placeholder {
color: #747680;
-webkit-transition: .3s;
transition: .3s
}
.modal-form__input:focus::-webkit-input-placeholder {
opacity: 0
}
.modal-form__input:focus::-moz-placeholder {
opacity: 0
}
.modal-form__input:focus:-ms-input-placeholder {
opacity: 0
}
.modal-form__input:focus::-ms-input-placeholder {
opacity: 0
}
.modal-form__input:focus::placeholder {
opacity: 0
}
.modal-form__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-top: 44px;
padding-right: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media (max-width: 1024px) {
.modal-form__footer {
margin-top: 30px
}
}
@media (max-width: 760px) {
.modal-form__footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-right: 0
}
}
.modal-form__footer--no-padding {
padding: 0
}
.modal-form__footer--no-padding .contacts__form-label--checkbox {
display: block;
color: #323232
}
@media (max-width: 1024px) {
.modal-form__footer--no-padding .contacts__form-label--checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.modal-form__footer--no-padding .contacts__link-checkbox {
font-size: 13px;
margin-left: 10px;
margin-right: 40px
}
@media (max-width: 1024px) {
.modal-form__footer--no-padding .contacts__link-checkbox {
margin-left: 0;
margin-right: 0
}
}
.modal-form__footer .modal-form__row {
width: 100%
}
.modal-form .contacts__form-group {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.modal-form__button {
border: 1px solid #325CD3;
max-width: 272px;
width: 100%;
padding: 15px 10px;
font-size: 15px;
line-height: 20px;
color: #fff;
font-family: "Pragmatica Book", sans-serif;
border-radius: 10px;
background-color: #325CD3;
-webkit-transition: .3s;
transition: .3s
}
.modal-form__button:hover {
color: #325CD3;
background-color: #fff
}
.modal-date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: -2px
}
@media (max-width: 1024px) {
.modal-date {
margin-left: 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
@media (max-width: 760px) {
.modal-date {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media (max-width: 550px) {
.modal-date {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
.modal-date__label {
font-size: 15px;
line-height: 18px;
color: #323232;
margin-right: 16px;
font-family: "Pragmatica Book", sans-serif
}
@media (max-width: 760px) {
.modal-date__label {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 4px;
padding-left: 15px;
margin-right: 0;
margin-bottom: 16px
}
}
.modal-date span {
margin: 0 5px
}
@media (max-width: 1024px) {
.modal-date span {
margin: 0 12px
}
}
@media (max-width: 760px) {
.modal-date span {
margin: 0 7px
}
}
@media (max-width: 500px) {
.modal-date span {
margin: 0 5px
}
}
.modal-date__input {
width: 64px;
text-align: center
}
.modal-date__input--big {
width: 83px
}
.garanty-items__title {
font-size: 30px;
line-height: 33px;
margin-bottom: 48px;
font-family: "Gilroy", sans-serif;
font-weight: 400
}
@media (max-width: 1024px) {
.garanty-items__title {
font-size: 22px;
line-height: 31px
}
}
@media (max-width: 650px) {
.garanty-items__title {
font-size: 22px;
line-height: 25px;
margin-bottom: 20px
}
}
.garanty-items__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -22px
}
@media (max-width: 1024px) {
.garanty-items__row {
margin-right: 0
}
}
.garanty-items__container {
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 22px
}
@media (max-width: 1024px) {
.garanty-items__container {
width: 100%;
padding-right: 0
}
}
@media (max-width: 1024px) {
.garanty-items__container+.garanty-items__container {
margin-top: 24px
}
}
.garanty-item {
border-radius: 15px;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
padding-bottom: 56px
}
@media (max-width: 1024px) {
.garanty-item {
margin: 0 auto
}
}
@media (max-width: 760px) {
.garanty-item {
padding-bottom: 0
}
}
.garanty-item__image-container {
background-color: #B9BCCF;
height: 177px;
margin-bottom: 32px;
border-radius: 15px 15px 0 0
}
@media (max-width: 1024px) {
.garanty-item__image-container {
height: 222px;
margin-bottom: 24px
}
}
@media (max-width: 760px) {
.garanty-item__image-container {
display: none
}
}
.garanty-item__image-container img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: cover;
object-position: cover;
border-radius: 15px 15px 0 0
}
.garanty-item__body {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 40px 0 50px
}
@media (max-width: 760px) {
.garanty-item__body {
padding: 16px 24px 40px
}
}
.garanty-item__title {
font-size: 60px;
line-height: 63px;
text-align: center;
color: #325CD3;
font-family: "Gilroy", sans-serif;
font-weight: 400;
margin-bottom: 24px
}
@media (max-width: 1024px) {
.garanty-item__title {
text-align: left;
margin-bottom: 16px
}
}
@media (max-width: 760px) {
.garanty-item__title {
font-size: 52px;
line-height: 55px;
margin-bottom: 0
}
}
.garanty-item__title span {
font-size: 30px
}
@media (max-width: 760px) {
.garanty-item__title span {
font-size: 22px
}
}
.garanty-item__undertitle {
text-align: center;
font-size: 15px;
line-height: 20px;
color: #323232;
font-family: "Pragmatica", sans-serif
}
@media (max-width: 1024px) {
.garanty-item__undertitle {
text-align: left
}
}
.garanty-item__desc {
font-size: 15px;
line-height: 22px;
color: #747680;
font-family: "Pragmatica Book", sans-serif;
min-height: 132px;
margin: 32px 0 47px
}
@media (max-width: 1024px) {
.garanty-item__desc {
margin: 24px 0 32px;
min-height: auto
}
}
.garanty-item__list-item {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 30px;
font-size: 15px;
line-height: 22px;
color: #9FA1B0;
font-family: "Pragmatica Book", sans-serif
}
.garanty-item__list-item::before {
display: none
}
.garanty-item__list-item:after {
content: '';
position: absolute;
left: 0;
top: 4px;
width: 15px;
height: 11px;
background: url(//old.sensei.ua/wp-content/themes/sensei/images/svg/garanty-item-icon.svg)
}
.callback-form {
max-width: 860px;
border-radius: 15px
}
.callback-form--lit {
max-width: 757px
}
@media (max-width: 650px) {
.callback-form {
padding-top: 40px
}
}
@media (max-width: 500px) {
.callback-form {
max-width: 280px
}
}
.callback-form__image {
margin-bottom: 40px;
height: 278px
}
@media (max-width: 1024px) {
.callback-form__image {
margin-bottom: 32px
}
}
@media (max-width: 650px) {
.callback-form__image {
display: none
}
}
.callback-form img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 15px 15px 0 0
}
.callback-form__section-head {
padding: 0 48px 40px
}
@media (max-width: 760px) {
.callback-form__section-head {
padding: 0 21px 40px
}
}
.modal-form-select.nice-select {
width: 100%;
border-radius: 10px;
padding: 0 30px 0 16px;
height: 52px;
line-height: 52px;
background-color: #fff;
font-size: 15px;
color: #747680;
font-family: "Pragmatica Book", sans-serif;
border-color: #DCDEE9
}
.modal-form-select.nice-select .current {
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block
}
.modal-form-select.nice-select .list {
width: 100%;
border-radius: 0 0 15px 15px;
background-color: #F7F7FC;
border: none;
margin-top: 0
}
.modal-form-select.nice-select .list .selected {
font-weight: 400
}
.modal-form-select.nice-select .option {
position: relative;
background-color: #F7F7FC
}
.modal-form-select.nice-select .option:last-child {
display: none
}
.modal-form-select.nice-select .option:before {
content: '';
position: absolute;
left: 16px;
height: 1px;
bottom: 0;
width: calc(100% - 16px - 39px);
background-color: #E9EEFC
}
.catalog-caterories__item .icon {
width: 11px;
height: 11px;
fill: #B9BCCF;
-webkit-transition: .3s;
transition: .3s
}
.catalog-caterories .catalog-desc__title {
padding: 17px 24px;
border-radius: 8px
}
.where-to-buy {
padding-bottom: 112px
}
@media (max-width: 1024px) {
.where-to-buy {
padding-bottom: 100px
}
}
.where-to-buy__desc {
max-width: 408px;
font-size: 16px;
line-height: 19px;
font-family: "Pragmatica Book", sans-serif;
color: #747680
}
@media (max-width: 1024px) {
.where-to-buy__desc {
margin-bottom: 56px
}
}
.where-to-buy__desc--mobile {
display: none
}
@media (max-width: 1024px) {
.where-to-buy__desc--mobile {
display: block
}
}
@media (max-width: 1024px) {
.where-to-buy__desc--desktop {
display: none
}
}
.map__container {
margin-top: 49px;
position: relative
}
.map__title {
width: 170px
}
.map__info-blocks {
margin-top: 64px
}
.map__image-block {
position: relative
}
.map__image-block img {
max-width: 100%
}
.map__links {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.map__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute
}
.map__link:hover .map__dot {
-webkit-transform: scale(1.3);
transform: scale(1.3);
background: #F02C38
}
.map__link_1 {
left: 21.2%;
top: 9.9%
}
.map__link_2 {
left: 47%;
top: 10.8%
}
.map__link_3 {
left: 12%;
top: 14.8%
}
.map__link_4 {
left: 63%;
top: 16%
}
.map__link_5 {
left: 29.7%;
top: 18.6%
}
.map__link_6 {
left: 43%;
top: 24.5%
}
.map__link_7 {
left: 5.8%;
top: 30.8%
}
.map__link_8 {
left: 22%;
top: 32%
}
.map__link_9 {
left: 58.5%;
top: 30.9%
}
.map__link_10 {
left: 72.9%;
top: 31.3%
}
.map__link_11 {
left: 86.1%;
top: 36.4%
}
.map__link_12 {
left: 45.6%;
top: 39.1%
}
.map__link_13 {
left: 16.1%;
top: 39.4%
}
.map__link_14 {
left: 31.4%;
top: 41.8%
}
.map__link_15 {
left: 11.3%;
top: 46%
}
.map__link_16 {
left: 46.4%;
top: 47.6%
}
.map__link_17 {
left: 63.7%;
top: 47.6%
}
.map__link_18 {
left: -0.3%;
top: 50.4%
}
.map__link_19 {
left: 79.5%;
top: 55%
}
.map__link_20 {
left: 48.2%;
top: 60.3%
}
.map__link_21 {
left: 67.2%;
top: 60.4%
}
.map__link_22 {
left: 39%;
top: 66.4%
}
.map__link_23 {
left: 56%;
top: 69.2%
}
.map__link_24 {
left: 62.4%;
top: 85.3%
}
.map__link_pl1{
top:18%;
left:5%;
}
.map__link_pl2{
top:9%;
left:33%;
}
.map__link_pl3{
top:14%;
left:56%;
}
.map__link_pl4{
top:27%;
left:34%;
}
.map__link_pl5{
top:24%;
left:82%;
}
.map__link_pl6{
top:41%;
left:7%;
}
.map__link_pl7{
top:41%;
left:25%;
}
.map__link_pl8{
top:36%;
left:57%;
}
.map__link_pl9{
top:60%;
left:16%;
}
.map__link_pl10{
top:53%;
left:50%;
}
.map__link_pl11{
top:60%;
left:83%;
}
.map__link_pl12{
top:68%;
left:33%;
}
.map__link_pl13{
top:70%;
left:47%;
}
.map__link_pl14{
top:67%;
left:60%;
}
.map__link_pl15{
top:84%;
left:56%;
}
.map__link_pl16{
top:80%;
left:75%;
}
.map__dot {
width: 14px;
height: 14px;
background: #1B7ED9;
border: 2px solid #FFFFFF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 100%
}
@media (max-width: 1024px) {
.map__dot {
width: 10px;
height: 10px
}
}
.map__obl {
font-size: 15px;
line-height: 18px;
color: #747D8A;
margin-top: 6px;
font-family: "Pragmatica", sans-serif;
font-weight: 500
}
@media (max-width: 1024px) {
.map__obl {
font-size: 13px;
line-height: 15px
}
}
.map__obl_table {
display: none
}
@media (max-width: 1024px) {
.map__obl_table {
display: block
}
}
@media (max-width: 1024px) {
.map__obl_desktop {
display: none
}
}
.map__mobile-list {
margin-bottom: 40px
}
.map__mobile-list a {
display: block;
padding: 12.5px 0;
font-size: 15px;
line-height: 18px;
font-family: "Pragmatica Book", sans-serif;
color: #323232;
border-bottom: 1px solid #E9EEFC
}
.map__mobile-form {
display: none
}
@media (max-width: 760px) {
.map__mobile-form {
display: block
}
}
.map__mobile-form button[type="submit"] {
margin-top: 24px;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 10px;
background-color: #325CD3;
border: 1px solid #325CD3;
color: #fff;
border-radius: 8px;
min-width: 170px
}
.map__mobile-form button[type="submit"]:hover {
background-color: #fff;
color: #325CD3
}
@media (max-width: 760px) {
.map__image-block {
display: none
}
}
.map-modal {
width: 1240px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 56px 64px;
-webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
border-radius: 15px
}
@media (max-width: 1024px) {
.map-modal {
padding: 70px 34px 56px
}
}
@media (max-width: 760px) {
.map-modal {
padding: 40px 15px
}
}
.map-modal__title {
font-size: 30px;
color: #333C48;
margin-bottom: 30px;
font-family: "Gilroy", sans-serif
}
@media (max-width: 1024px) {
.map-modal__title {
font-size: 24px
}
}
.map-modal__flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.map-modal__col {
width: 430px;
margin-right: 30px
}
.map-modal__col:last-child {
margin-right: 0
}
.map-modal__type {
margin-bottom: 32px;
font-weight: 500;
font-size: 16px;
color: #747680
}
.map-modal__city {
font-weight: 500;
font-size: 16px;
color: #333C48
}
.map-modal__address-block {
margin-top: 20px;
font-weight: 500;
font-size: 13px;
line-height: 125%;
color: #333C48
}
.map-modal__address-name {
font-weight: 500;
color: #325CD3
}
.map-modal__address {
margin-top: 10px
}
.map-modal__phones {
margin-top: 10px
}
.map-modal__time {
margin-top: 10px
}
.map-modal .fancybox-button {
width: 50px;
height: 50px;
color: #B9BCCF;
opacity: 1
}
.map-modal .fancybox-button:hover {
color: #333C48
}
.custom-select {
position: relative
}
.custom-select__option {
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
padding: 0;
background-color: transparent;
border: 0;
border-radius: 0;
font-family: inherit;
white-space: nowrap;
text-align: left;
text-overflow: ellipsis;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-select__option-wrap {
position: relative
}
.custom-select__input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
padding: 0;
border-width: 1px 0;
border-style: solid;
border-radius: 0;
font-family: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-select__dropdown {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
top: 100%;
left: 0
}
.custom-select--dropup .custom-select__dropdown {
top: auto;
bottom: 100%
}
.custom-select__option {
position: relative;
padding: 12px 0.75rem 12px 20px;
font-size: 15px;
color: #323232;
font-family: "Pragmatica Book", sans-serif;
line-height: 1.5
}
.custom-select__option:focus {
outline: none
}
.custom-select__option--value {
padding: 16.5px 24px 16.5px 20px;
background-color: #EFF3FE;
color: #747680;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px
}
.custom-select__option--value::after {
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 11px;
top: 50%;
right: 0.75rem;
background: url(//old.sensei.ua/wp-content/themes/sensei/images/svg/arrow-drop.svg) center center no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: ""
}
.custom-select--active .custom-select__option--value::after {
-webkit-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg)
}
.custom-select--active .custom-select__option--value {
-webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.12);
z-index: 300
}
.custom-select__option--selected {
background-color: #F7F7FC
}
.custom-select__option[disabled] {
color: #a1a1a1;
cursor: default
}
.custom-select__option[disabled]:hover,
.custom-select__option[disabled]:focus {
background-color: transparent
}
.custom-select__option-wrap {
overflow-y: auto;
max-height: 11.25rem
}
.custom-select__option-wrap::-webkit-scrollbar {
width: 16px
}
.custom-select__option-wrap::-webkit-scrollbar-thumb {
background-color: #e6e6e6;
background-clip: padding-box;
border-width: 0 4px;
border-style: solid;
border-color: transparent
}
.custom-select__input {
position: relative;
z-index: 1;
height: 2.25rem;
margin-top: -1px;
padding: 0 0.75rem;
border-color: #e6e6e6;
-webkit-transform: translateY(1px);
transform: translateY(1px);
font-size: 1rem;
color: #212121
}
.custom-select__input:focus {
outline: none
}
.custom-select--dropup .custom-select__input {
border-top-width: 0;
margin-top: 0;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.custom-select__dropdown {
overflow: hidden;
z-index: 10;
top: calc(100% - 1px);
background-color: #F7F7FC;
border-radius: 0 0 8px 8px;
overflow-y: auto;
max-height: 22.5rem
}
.custom-select--dropup .custom-select__dropdown {
bottom: calc(100% - 1px);
border-radius: 0 0 10px 10px;
padding: 20px 0 24px
}
.custom-select__dropdown .custom-select__option {
position: relative
}
.custom-select__dropdown .custom-select__option:not(:first-child):after {
content: "";
width: 90%;
height: 1px;
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
background: #E9EEFC
}
.fancybox-bg {
background-color: transparent
}
.dr-options {
position: relative;
z-index: 20
}
.dr-options__title {
position: relative;
z-index: 20;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 52px;
font-size: 15px;
line-height: 18px;
font-family: "Pragmatica Book", sans-serif;
background-color: #fff;
color: #747680;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 39px 0 16px;
border-radius: 10px;
border: 1px solid #DCDEE9
}
.dr-options__title:before {
content: '';
position: absolute;
top: 50%;
right: 23px;
margin-top: -3px;
height: 6px;
width: 12px;
background: url(//old.sensei.ua/wp-content/themes/sensei/images/svg/drop-down-arrow.svg) no-repeat center center;
background-size: contain;
z-index: 10
}
.dr-options__drop-down {
position: absolute;
padding: 64px 39px 20px 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #F7F7FC;
top: 0;
left: 0;
width: 100%;
border-radius: 10px;
display: none
}
.dr-options__checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 13px 20px 13px 0;
cursor: pointer
}
.dr-options__checkbox input {
display: none
}
.dr-options__checkbox input:checked+b {
background: url(//old.sensei.ua/wp-content/themes/sensei/images/svg/checked.svg) #325CD3 no-repeat center center
}
.dr-options__checkbox b {
height: 18px;
width: 18px;
border-radius: 2px;
border: 1px solid #325CD3;
margin-right: 16px;
-ms-flex-negative: 0;
flex-shrink: 0
}
.dr-options__checkbox span {
padding-top: 2px;
font-size: 15px;
line-height: 18px;
color: #323232;
font-family: "Pragmatica Book", sans-serif
}
.dr-options__checkbox+.dr-options__checkbox {
border-top: 1px solid #E9EEFC
}
.press-center .slick-slider .slick-track {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.press-center .slick-slider .slick-track .slick-slide {
height: auto
}
.press-center .slick-slider .slick-track .slick-slide>div {
height: 100%
}
.press-center .slick-slider .slick-track .slick-slide .press-center__slide {
height: 100%;
display: block !important
}
.text-page-not-news ul {
width:100% !important;
}
.page-image-wrap {
display:block;
}
img.page-not-news-image {
position: relative !important;
}
.select-field {
height: 52px;
display: block;
width: 100%;
border: 1px solid #DCDEE9;
border-radius: 10px;
background-color: #fff;
padding: 0 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 15px;
line-height: 20px;
color: #747680;
font-family: "Pragmatica Book", sans-serif;
-webkit-transition: .3s;
transition: .3s;
}
.contacts__form-input--checkbox {
position: relative !important;
z-index:10 !important;
opacity: 1 !important;
width:18px;
height:18px;
}
.modal-form__footer--no-padding .contacts__link-checkbox {
margin-left: 0 !important;
font-size: 17px !important;
}
.warranty-card {
display: none;
text-align:center; padding: 40px;
}
.wpcf7-list-item {
margin: 0 !important;
}
.btn-become {
top: -31px;
position: relative;
text-align: right;
right: 50px;
}
div.wpcf7-response-output {
color: #325CD3 !important;
}
.dealer {
position: relative;
}
.dealer__banner {
max-width: 400px;
position: absolute;
top: 160px;
left: 40px;
}
.dealer__img {
margin-bottom: 60px;
}
.dealer__dealers { }
.dealer__blocks {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
gap: 15px;
}
.dealer__title {
color: #323232;
font-family: Gilroy;
font-size: 40px;
font-style: normal;
font-weight: 300;
line-height: normal;
padding: 0 0 40px 45px;
}
.dealer__block {
width: 234px;
text-align: center;
padding: 52px 0 80px;
border-radius: 20px;
box-shadow: 0px 4px 13.6px 0px rgba(152, 165, 210, 0.25);
}
.dealer__banner--title {
font-family: Gilroy;
font-size: 50px;
font-weight: 500;
line-height: normal;
color: #e43939;
margin-bottom: 15px;
}
.dealer__banner--text {
font-family: Formular;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
color: #615D5D;
}
.dealer .modal-form__row.modal-form__row--big {
border-radius: 8px;
background: #E5EAF3;
box-shadow: 0px 4px 20px 0px rgba(167, 174, 197, 0.25);
padding: 45px 40px;
}
.dealer .modal-form__row .modal-form__row {
flex-direction: column;
align-items: center;
}
.dealer .modal-form__row .modal-form__row .modal-form__item-container,
.dealer .modal-form__row .modal-form__row .modal-form__item-container {
text-align: center;
padding: 0;
}
@media (max-width: 1299px) {
.dealer__title {
text-align: center;
padding: 0 0 45px 0;
}
.dealer__blocks {
justify-content: center;
}
}
@media (max-width: 1024px) {
.dealer__banner {
max-width: 250px;
top: 75px;
}
.dealer__banner--title {
font-size: 30px;
}
.dealer .modal-form__row.modal-form__row--big {
padding: 45px 7px 35px 35px;
margin: 0;
}
.dealer__banner--text {
font-size: 14px;
}
}
@media (max-width: 767px) {
.dealer__banner {
max-width: 200px;
top: 10px;
left: 10px;
}
.dealer__banner--title {
font-size: 20px;
margin-bottom: 10px;
}
.dealer__img {
margin-bottom: 40px;
}
.dealer__title {
font-size: 30px;
}
.dealer .modal-form__row.modal-form__row--big {
padding: 30px 15px;
}
}
.page-not-news-image-wrap:before {
padding-top: 0px !important;
}@media (min-width:1025px){.conditioners-types__link[aria-current=page]{background-color:#325cd3;color:#fff}}.catalog-item__text-container-button::before{content:"Развернуть"}.category-is-empty-text{margin-bottom:59px;font-weight:500;font-size:30px;line-height:41px;margin-bottom:22px}footer{overflow:hidden}.press-center__slide--customized .popular-prod{display:block}.press-center__slide--customized:hover .popular-prod__link{background-color:#eff3fe}.pagination__link{margin-bottom:40px}.pagination__arrow--next+.pagination__link,.pagination__arrow--prev+.pagination__link{margin-left:24px}.text-page img{height:auto}.db{display:block}.news-page__item-container{-webkit-transition-duration:.3s;-o-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s}.news-page__item-container--new-item{opacity:0}.news-page__item-container--new-item-vis{opacity:1}[aria-invalid=true]{border:1px solid red}.contacts-form__image{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}span.wpcf7-not-valid-tip{color:red;font-size:14px;margin-top:4px;margin-left:24px}div.wpcf7-response-output{border:none!important;padding:0;margin:0;margin-top:25px;color:red}div.wpcf7-mail-sent-ok{color:#325cd3}.map-modal__col{margin-bottom:27px}.map-modal__city-block+.map-modal__city-block{margin-top:15px}.header-main__phone{margin-left:auto}.header-top__check img{-webkit-transition-duration:.6s;-o-transition-duration:.6s;-moz-transition-duration:.6s;transition-duration:.6s}.header-top__check:hover img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg)}@media (max-width:1250px) and (min-width:1025px){.main-menu__list>li>a,.main-menu__list>li>span{padding:22px 27px 40px}.sub-menu__image-container{right:40px}}@media (max-width:1105px) and (min-width:1025px){.main-menu__list>li>a,.main-menu__list>li>span{padding:22px 18px 40px}.sub-menu__image-container{right:30px!important}.sub-menu__image-container::before{margin-right:40px}}@media screen and (min-width:1025px){.sub-menu__image-container{display:block;opacity:0;-webkit-transition-duration:.2s;-o-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;right:56px}.sub-menu__image-container:not(.sub-menu__image-container--static-pic){z-index:2}.sub-menu__image-container--static-pic{opacity:1;display:block}.sub-menu li:not(:first-child) .sub-menu__image-container--static-pic{display:none!important}.sub-menu li a:hover+.sub-menu__image-container{opacity:1}.header-main__logo{margin-right:auto}.main-menu__list{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;justify-content:flex-end}.main-menu{width:unset}.main-menu__list>li.menu-item-has-children>a,.main-menu__list>li.menu-item-has-children>span{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;position:relative;z-index:51;-webkit-transition-duration:.2s;-o-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.main-menu__list>li.menu-item-has-children:first-child>a,.main-menu__list>li.menu-item-has-children:first-child>span{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0}.main-menu__list>li.menu-item-has-children:last-child>a,.main-menu__list>li.menu-item-has-children:last-child>span{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0}.main-menu__list>li.menu-item-has-children:hover>a,.main-menu__list>li.menu-item-has-children:hover>span{cursor:default;background:#fff}.main-menu__list>li.menu-item-has-children>a::before,.main-menu__list>li.menu-item-has-children>span::before{display:none!important}.main-menu__list>li.menu-item-has-children{-webkit-transition-duration:.3s;-o-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.main-menu__list>li.menu-item-has-children:hover{-webkit-transition-delay:.1s;-o-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s;-webkit-box-shadow:0 4px 30px rgba(0,0,0,.25);-moz-box-shadow:0 4px 30px rgba(0,0,0,.25);box-shadow:0 4px 30px rgba(0,0,0,.25)}.sub-menu{-webkit-box-shadow:0 4px 30px rgba(0,0,0,.25);-moz-box-shadow:0 4px 30px rgba(0,0,0,.25);box-shadow:0 4px 30px rgba(0,0,0,.25);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;min-height:392px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.about__caption,.about__content{-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;-moz-transition-duration:0s!important;transition-duration:0s!important}.about__caption.active{pointer-events:none}.about__caption:first-child,.about__row:before{-webkit-border-top-left-radius:15px;-moz-border-radius-topleft:15px;border-top-left-radius:15px}.about__caption:hover{background-color:#3a65df}.about__caption:after{left:20px;width:100%}.about__content{z-index:3;margin-left:-20px;padding-left:66px;width:-webkit-calc(100% - 264px);width:-moz-calc(100% - 264px);width:calc(100% - 264px);-webkit-box-shadow:0 0 30px rgba(0,0,0,.25);-moz-box-shadow:0 0 30px rgba(0,0,0,.25);box-shadow:0 0 30px rgba(0,0,0,.25)}.about__caption{width:284px}.about__caption.active{width:284px;z-index:4;-webkit-box-shadow:0 0 30px rgba(0,0,0,.25);-moz-box-shadow:0 0 30px rgba(0,0,0,.25);box-shadow:0 0 30px rgba(0,0,0,.25)}.about__content{-webkit-transform:translateX(0)!important;-ms-transform:translateX(0)!important;-moz-transform:translateX(0)!important;-o-transform:translateX(0)!important;transform:translateX(0)!important}.about__caption-active{position:relative}.about__caption-icon-container::after,.about__caption-icon-container::before,.about__caption::before{content:'';display:block;width:15px;height:15px;position:absolute;z-index:1;right:20px;background:url(//old.sensei.ua/wp-content/themes/sensei/images/vnesh-ugol-15.svg) no-repeat center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transform-origin:center center;-ms-transform-origin:center center;-moz-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;display:none}.about__caption.active .about__caption-icon-container::before{top:-15px;display:block}.about__caption.active .about__caption-icon-container::after{bottom:-15px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);display:block}.about__caption.active::before{content:'';display:block;width:50px;height:-webkit-calc(100% + 32px * 2);height:-moz-calc(100% + 32px * 2);height:calc(100% + 32px * 2);position:absolute;z-index:1;right:-30px;background-color:#eff3fe;top:-32px}.about__caption.active:first-child::before{height:-webkit-calc(100% + 32px);height:-moz-calc(100% + 32px);height:calc(100% + 32px);top:0}.about__caption.active:first-child .about__caption-icon-container::before{display:none}.about__caption.active:nth-last-child(2)::before{height:-webkit-calc(100% + 32px);height:-moz-calc(100% + 32px);height:calc(100% + 32px);top:auto;bottom:0}.about__caption.active:nth-last-child(2) .about__caption-icon-container::after{display:none}.about .about__content.active+.about__caption{-webkit-border-top-right-radius:15px;-moz-border-radius-topright:15px;border-top-right-radius:15px}}@media screen and (max-width:760px){.where-to-buy__desc.where-to-buy__desc--mobile{display:none}}.hero{background-attachment:unset}.press-center__link-more-v2{position:relative;left:0;top:-34px;right:0;bottom:0;display:inline-block;font-family:Pragmatica}.press-center__link-more-v2 .link-more__icon{margin-bottom:-1px}@media (max-width:1100px){.footer__politics{display:block;margin-left:0}}@media (max-width:1024px){.wrapper{overflow:unset}.about__caption:after{left:15px;width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);width:calc(100% - 30px)}.about__caption:first-child{-webkit-border-radius:15px 15px 0 0;-moz-border-radius:15px 15px 0 0;border-radius:15px 15px 0 0}.about__caption:first-child.active{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}}@media (min-width:651px) and (max-width:830px){.footer__column--company{margin-right:40px}}@media (min-width:651px) and (max-width:670px){.footer__row--wrap{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between}.footer__column{width:240px;max-width:100%;margin-left:0!important;margin-right:0!important}.footer__column:nth-child(2n-1){margin-right:25px!important}}@media (max-width:650px){.partners__row{overflow:hidden;max-width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between}.partners__item-container{width:-webkit-calc(50% - 6px);width:-moz-calc(50% - 6px);width:calc(50% - 6px);padding-right:0}.popular-prods__row{margin-right:0}.popular-prods__item-container:nth-child(2n){padding-right:0}}@media (max-width:550px){.popular-prods__item-container{width:100%;padding-right:0}}.news-item--index-fix{max-width:unset!important}.creator__link--mobile{margin-left:10px}@media (min-width:651px){.b-modal.b-modal-close-white .arcticmodal-close{background-image:url(//old.sensei.ua/wp-content/themes/sensei/images/modal-close-w.svg)}}.fancybox-bg{background:#1e1e1e}#become-dealer div.wpcf7-response-output{padding:0 48px 40px;margin-top:-65px}@media (max-width:1024px){#become-dealer div.wpcf7-response-output{margin-top:0}}@media (max-width:760px){#become-dealer div.wpcf7-response-output{padding:0 20px 20px}}@media (max-width:500px){.callback-form#become-dealer{width:100%;max-width:100%}}.popular-prod__help{padding:44px 5px}#model_3d{width:1920px;height:1080px;max-width:-webkit-calc(100vw - 150px);max-width:-moz-calc(100vw - 150px);max-width:calc(100vw - 150px);max-height:-webkit-calc(100vh - 150px);max-height:-moz-calc(100vh - 150px);max-height:calc(100vh - 150px);display:none}.modal-ask-price{padding-top:64px;max-width:757px}.modal-form__item-container--ap-btn-wrap{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;justify-content:flex-end}.modal-date__input+span.wpcf7-not-valid-tip{display:none}.modal-form__footer .contacts__form-group{margin-bottom:20px}.page-not-news-image-wrap{position:relative;width:100%}.page-not-news-image-wrap::before{content:'';display:block;padding-top:52.122986822%}img.page-not-news-image{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.text-page-not-news__title{font-size:36px;line-height:135%;font-family:Gilroy;margin-top:12px;margin-bottom:44px;font-style:normal;font-weight:400;color:#323232}.text-page-not-news h2{font-size:19px;letter-spacing:.1px}.text-page-not-news *+h2{margin-top:24px}.text-page-not-news h2+ol,.text-page-not-news h2+p,.text-page-not-news h2+ul{margin-top:15px}.text-page-not-news p{font-size:15px;line-height:1.54}.text-page-not-news p+p{margin-top:16px}.text-page-not-news b{letter-spacing:.44px;font-weight:600}.text-page-not-news ul{padding-left:51px;margin-top:23px;font-size:15px;line-height:1.54;width:450px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%}.text-page-not-news ul li{position:relative}.text-page-not-news ul li::before{content:'';display:block;background:url(//old.sensei.ua/wp-content/themes/sensei/images/text-page/galka.svg) no-repeat center center;position:absolute;left:-10px;top:3px;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);width:17px;height:13px}.text-page-not-news ul li+li{margin-top:10px}.text-page-not-news ul+ol,.text-page-not-news ul+p,.text-page-not-news ul+ul{margin-top:23px}.text-page-not-news ol{padding-left:51px;margin-top:23px;font-size:15px;line-height:1.54;counter-reset:ol-li-counter;width:450px;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.text-page-not-news ol li{counter-increment:ol-li-counter;position:relative}.text-page-not-news ol li::before{content:counter(ol-li-counter) ".";position:absolute;left:-10px;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.text-page-not-news ol li+li{margin-top:10px}.text-page-not-news ol+ol,.text-page-not-news ol+p,.text-page-not-news ol+ul{margin-top:23px}.tpnn-content{margin-top:57px;font-weight:500;font-size:18px;line-height:150%;color:#323232}@media screen and (max-width:450px){.text-page-not-news ol,.text-page-not-news ul{padding-left:28px}}.about__caption-icon{max-width:36px}@media (max-width:650px){.card__specifications .card__specifications-tr{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;align-items:stretch}.card__tabs-content--specifications .card__specifications-td:last-child{display:block;padding-right:15px;text-align:right}.card__specifications-td{padding:10px 15px}.card__tabs-content--specifications .card__specifications-table{margin-top:0}.card__specifications-tr:first-child .card__specifications-td:last-child{display:none}.card__specifications-tr--sizes .card__specifications-td{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.single-product .press-center__slider .slick-arrow{bottom:-20px}}@media (max-width:370px){.card__specifications .card__specifications-tr{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.card__tabs-content--specifications .card__specifications-td:first-child::after{content:':'}.card__tabs-content--specifications .card__specifications-td:last-child{display:block;padding-right:10px;text-align:right}.card__specifications-td{padding:10px}.card__tabs-content--specifications .card__specifications-td:first-child{padding-bottom:2px}.card__tabs-content--specifications .card__specifications-td:last-child{width:100%;text-align:left;padding-top:0}.card__tabs-content--specifications .card__specifications-td:last-child::before{content:'- '}}.text-page h4{margin-top:15px;margin-bottom:15px}.single-post-title{width:100%;max-width:-webkit-calc(100% - 558px);max-width:-moz-calc(100% - 558px);max-width:calc(100% - 558px);display:block}.year-7{width:76px;margin-left:40px;-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}.year-7 img{display:block;width:100%}.title-left-in{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start}.card__title{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between}.card__catalog-caterories,.card__mod-button{max-width:100%}.year-7-cat{width:76px;position:absolute;left:14px;top:52px}.year-7-cat img{display:block;width:100%}@media (max-width:1300px){.single-post-title{max-width:-webkit-calc(100% - 467px);max-width:-moz-calc(100% - 467px);max-width:calc(100% - 467px)}}@media (max-width:1130px){.single-post-title{max-width:-webkit-calc(100% - 420px);max-width:-moz-calc(100% - 420px);max-width:calc(100% - 420px)}}@media (max-width:1024px){.single-post-title{max-width:100%}.year-7{width:45px;margin-left:20px}}@media (max-width:1024px){.main-menu__list li:hover .sub-menu{position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}}.news-item__img img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}
.fp-fs-bg{
z-index:1;
position:absolute;left:0;top:0;width:100% !important;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center
}
.hero__content{
position: relative;
z-index: 100;
}
.fancybox-content.d3-model-wrap .d3-model-preloader img{
position: absolute;
width: 70px;
height: auto;
left: -webkit-calc(50% - 35px);
left: -moz-calc(50% - 35px);
left: calc(50% - 35px);
top: -webkit-calc(50% - 35px);
top: -moz-calc(50% - 35px);
top: calc(50% - 35px);
-webkit-transition-duration: .4s;
-o-transition-duration: .4s;
-moz-transition-duration: .4s;
transition-duration: .4s;
pointer-events: none !important;
}
.d3-model-wrap{
display: none;
}
.d3-model-wrap--after-loading.fancybox-content.d3-model-wrap .d3-model-preloader img{
opacity: 0;
z-index: -1;
}
.fancybox-container #model_3d{
display: block;
}
.footer__language{
position: relative;
}
.language__icon{
}
.language__icon img{
width: 16px;
height: 16px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.other_langs{
position: absolute;
top: 100%;
left: 0;
background-color: #3f4963;
padding: 0px 5px 10px;
margin-left: -5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-top: 4px;
z-index: 20;
}
.other_langs .language__switch{
padding-top: 7px;	
}
.language__switch{
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
-moz-transition-duration: .2s;
transition-duration: .2s;
}
.language__switch:hover{
opacity: .7;
cursor: pointer;
}
.slick-arrow{
z-index: 20;
}
@media screen and (max-width:650px){
.footer__checks.footer--mobile{
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
padding-right: 32px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (max-width:415px){
.footer__checks.footer--mobile{
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
padding-right: 0;
}
.language.footer__language.footer--mobile{
margin-top: 15px;
}
}
@media (max-width: 1024px){
.map__obl {
font-size: 11px;
max-width: 115px;
text-align: center;
line-height: 12px;
}
}
.creator__link { 
font-family: "Pragmatica Book",sans-serif;
font-size: 14px; 
padding: 0 ;
border: none ; 
color: #ffc000;
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
-moz-transition-duration: .2s;
transition-duration: .2s;
}
.creator__link:hover {
opacity: .7 !important;
}
.vid-wrap{
margin: 25px auto;
width:700px;
max-width:100%;
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;}
.vid-wrap iframe{ border: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0;
outline-width: 0;}
.press-center__slider .slick-arrow {
background: url(//old.sensei.ua/wp-content/themes/sensei/images/svg/arrow-right-3.svg);
background-repeat: no-repeat;
background-position: center;
}
@media screen and (max-width:600px){
.single-product .press-center__slider .slick-arrow, .press-center__slider .slick-arrow {
position: absolute;
bottom: -17px;
}
.single-product  .press-center__link-more-v2, .press-center__link-more-v2 {
top: -16px;
}
}
.map__link_25 {
left: 16.2%;
top: 51.9%;
}
.catalog .v2-typography-text{
margin-bottom:59px;
}
.v2-typography-text p{
margin-bottom:15px;
}
.v2-typography-text h1,
.v2-typography-text h2,
.v2-typography-text h3,
.v2-typography-text h4,
.v2-typography-text h5,
.v2-typography-text h6{
margin-top:30px;
margin-bottom:15px;
}
.v2-typography-text ul,
.v2-typography-text ol{
padding-left:20px;
margin-bottom:15px;
}
.v2-typography-text ul li{
list-style:disc;
margin-bottom:5px;
}
.v2-typography-text ol li{
list-style:decimal;
margin-bottom:5px;
}
.section-seo{
padding-bottom:60px;
}