/* Start:/local/templates/basic/css/animate.css?174668762383364*/
@charset "UTF-8";
/*!
* animate.css -http://daneden.me/animate
* Version - 3.6.0
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2018 Daniel Eden
*/
.animated {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
10% {
opacity: 0.9;
}
20% {
opacity: 0.8;
}
30% {
opacity: 0.7;
}
40% {
opacity: 0.6;
}
50% {
opacity: 0.5;
}
60% {
opacity: 0.4;
}
70% {
opacity: 0.3;
}
80% {
opacity: 0.2;
}
90% {
opacity: 0.1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
10% {
opacity: 0.9;
}
20% {
opacity: 0.8;
}
30% {
opacity: 0.7;
}
40% {
opacity: 0.6;
}
50% {
opacity: 0.5;
}
60% {
opacity: 0.4;
}
70% {
opacity: 0.3;
}
80% {
opacity: 0.2;
}
90% {
opacity: 0.1;
}
100% {
opacity: 0;
}
}
/*@keyframes fadeOut {*/
/*from {*/
/*opacity: 1;*/
/*}*/
/*to {*/
/*opacity: 0;*/
/*}*/
/*}*/
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
/* End */
/* Start:/local/templates/basic/css/styles.css?1751618598321333*/
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=all");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=all");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=all");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=all");
/*
* Изменил цвет #3d53a1 на #3d53a1;
* Изменил цвет #2e2e2e на #1e1e1e;
*/
*,
*:after,
*:before {
box-sizing: border-box;
outline: none;
-webkit-tap-highlight-color: transparent;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
-webkit-text-size-adjust: none;
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
input,
textarea,
button,
select {
font-family: inhert;
font-size: inherit;
color: inherit;
-webkit-appearance: none;
-moz-appearance: none;
}
select {
text-indent: .01px;
text-overflow: '';
border: 0;
border-radius: 0;
}
select::-ms-expand {
display: none;
}
code,
pre {
font-family: monospace, monospace;
font-size: 1em;
}
.clearfix {
clear: both;
}
@font-face {
font-family: 'Bebas Neue';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueLight.eot");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bebas Neue';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeue-Thin.eot");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bebas Neue Book';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBook.eot");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bebas Neue Book';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBook.eot");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bebas Neue';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBold.eot");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bebas Neue';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueRegular.eot");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bebas Neue';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBold.eot");
src: local("Bebas Neue Bold"), local("BebasNeueBold"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBold.woff2") format("woff2"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBold.woff") format("woff"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bebas Neue';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueLight.eot");
src: local("Bebas Neue Light"), local("BebasNeueLight"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueLight.eot?#iefix") format("embedded-opentype"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueLight.woff2") format("woff2"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueLight.woff") format("woff"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueLight.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bebas Neue';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeue-Thin.eot");
src: local("Bebas Neue Thin"), local("BebasNeue-Thin"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeue-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeue-Thin.woff2") format("woff2"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeue-Thin.woff") format("woff"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeue-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bebas Neue';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueRegular.eot");
src: local("Bebas Neue Regular"), local("BebasNeueRegular"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueRegular.eot?#iefix") format("embedded-opentype"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueRegular.woff2") format("woff2"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueRegular.woff") format("woff"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueRegular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bebas Neue Book';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBook.eot");
src: local("Bebas Neue Book"), local("BebasNeueBook"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBook.eot?#iefix") format("embedded-opentype"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBook.woff2") format("woff2"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBook.woff") format("woff"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBook.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
body.fancybox-active {
overflow: hidden;
}
body.fancybox-iosfix {
position: fixed;
left: 0;
right: 0;
}
.bitrix-panel:not(:empty) + .header {
top: 39px;
}
.bitrix-panel.big-panel + .header {
top: 147px;
}
.bitrix-panel:not(:empty) + .header.header_fixed {
top: 0;
}
.fancybox-is-hidden {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden;
}
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99992;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fancybox-outer {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: .87;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
position: absolute;
direction: ltr;
z-index: 99997;
opacity: 0;
visibility: hidden;
transition: opacity .25s, visibility 0s linear .25s;
box-sizing: border-box;
}
.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
visibility: visible;
transition: opacity .25s, visibility 0s;
}
.fancybox-infobar {
top: 0;
left: 0;
font-size: 13px;
padding: 0 10px;
height: 44px;
min-width: 44px;
line-height: 44px;
color: #ccc;
text-align: center;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased;
mix-blend-mode: exclusion;
}
.fancybox-toolbar {
top: 0;
right: 0;
margin: 0;
padding: 0;
}
.fancybox-stage {
overflow: hidden;
direction: ltr;
z-index: 99994;
-webkit-transform: translateZ(0);
}
.fancybox-is-closing .fancybox-stage {
overflow: visible;
}
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch;
display: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
}
.fancybox-slide:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
display: block;
}
.fancybox-slide--image {
overflow: visible;
}
.fancybox-slide--image:before {
display: none;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
background: #000;
}
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
background: #e5e3df;
}
.fancybox-slide--next {
z-index: 99995;
}
.fancybox-slide > * {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
box-sizing: border-box;
}
.fancybox-slide > base,
.fancybox-slide > link,
.fancybox-slide > meta,
.fancybox-slide > script,
.fancybox-slide > style,
.fancybox-slide > title {
display: none;
}
.fancybox-slide .fancybox-image-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
}
.fancybox-can-zoomOut .fancybox-image-wrap {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-image-wrap {
cursor: zoom-in;
}
.fancybox-can-drag .fancybox-image-wrap {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-dragging .fancybox-image-wrap {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-image,
.fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--iframe .fancybox-content {
padding: 0;
width: 80%;
height: 80%;
max-width: calc(100% - 100px);
max-height: calc(100% - 88px);
overflow: visible;
background: #fff;
}
.fancybox-iframe {
display: block;
padding: 0;
border: 0;
height: 100%;
}
.fancybox-error,
.fancybox-iframe {
margin: 0;
width: 100%;
background: #fff;
}
.fancybox-error {
padding: 40px;
max-width: 380px;
cursor: default;
}
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font-size: 16px;
line-height: 20px;
}
.fancybox-button {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 44px;
height: 44px;
margin: 0;
padding: 10px;
border: 0;
border-radius: 0;
background: rgba(30, 30, 30, 0.6);
transition: color .3s ease;
cursor: pointer;
outline: none;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
color: #ccc;
}
.fancybox-button:focus,
.fancybox-button:hover {
color: #fff;
}
.fancybox-button[disabled] {
color: #ccc;
cursor: default;
opacity: .6;
}
.fancybox-button svg {
display: block;
position: relative;
overflow: visible;
shape-rendering: geometricPrecision;
}
.fancybox-button svg path {
fill: currentColor;
stroke: currentColor;
stroke-linejoin: round;
stroke-width: 3;
}
.fancybox-button--share svg path {
stroke-width: 1;
}
.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
display: none;
}
.fancybox-button--zoom svg path {
fill: transparent;
}
.fancybox-navigation {
display: none;
}
.fancybox-show-nav .fancybox-navigation {
display: block;
}
.fancybox-navigation button {
position: absolute;
top: 50%;
margin: -50px 0 0;
z-index: 99997;
background: transparent;
width: 60px;
height: 100px;
padding: 17px;
}
.fancybox-navigation button:before {
content: "";
position: absolute;
top: 30px;
right: 10px;
width: 40px;
height: 40px;
background: rgba(30, 30, 30, 0.6);
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
}
.fancybox-navigation .fancybox-button--arrow_right {
right: 0;
}
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background: transparent;
z-index: 10;
cursor: pointer;
}
.fancybox-close-small:after {
content: "×";
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
color: #888;
font-weight: 400;
text-align: center;
border-radius: 50%;
border-width: 0;
background-color: transparent;
transition: background-color .25s;
box-sizing: border-box;
z-index: 2;
}
.fancybox-close-small:focus {
outline: none;
}
.fancybox-close-small:focus:after {
outline: 1px dotted #888;
}
.fancybox-close-small:hover:after {
color: #555;
background: #eee;
}
.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small {
top: 0;
right: -44px;
}
.fancybox-slide--iframe .fancybox-close-small:after,
.fancybox-slide--image .fancybox-close-small:after {
font-size: 35px;
color: #aaa;
}
.fancybox-slide--iframe .fancybox-close-small:hover:after,
.fancybox-slide--image .fancybox-close-small:hover:after {
color: #fff;
background: transparent;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
display: none;
}
.fancybox-caption-wrap {
bottom: 0;
left: 0;
right: 0;
padding: 60px 2vw 0;
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
pointer-events: none;
}
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid rgba(255, 255, 255, 0.4);
font-size: 14px;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none;
}
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
pointer-events: all;
position: relative;
}
.fancybox-caption a {
color: #fff;
text-decoration: underline;
}
.fancybox-slide > .fancybox-loading {
border: 6px solid rgba(99, 99, 99, 0.4);
border-top: 6px solid rgba(255, 255, 255, 0.6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: a .8s infinite linear;
animation: a .8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
z-index: 99999;
}
@-webkit-keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--current {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
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 {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
-webkit-transform: scaleX(1);
transform: scaleX(1);
opacity: 1;
}
.fancybox-fx-rotate.fancybox-slide--previous {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--next {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--current {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1;
}
.fancybox-fx-circular.fancybox-slide--previous {
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--next {
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--current {
-webkit-transform: scaleX(1) translateZ(0);
transform: scaleX(1) translateZ(0);
opacity: 1;
}
.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: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
.fancybox-share {
padding: 30px;
border-radius: 3px;
background: #f4f4f4;
max-width: 90%;
}
.fancybox-share h1 {
color: #222;
margin: 0 0 20px;
font-size: 33px;
font-weight: 700;
text-align: center;
}
.fancybox-share p {
margin: 0;
padding: 0;
text-align: center;
}
.fancybox-share p:first-of-type {
margin-right: -10px;
}
.fancybox-share_button {
display: inline-block;
text-decoration: none;
margin: 0 10px 10px 0;
padding: 10px 20px;
border: 0;
border-radius: 3px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
background: #fff;
white-space: nowrap;
font-size: 16px;
line-height: 23px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
min-width: 140px;
color: #707070;
transition: all .2s;
}
.fancybox-share_button:focus,
.fancybox-share_button:hover {
text-decoration: none;
color: #333;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.fancybox-share_button svg {
margin-right: 5px;
width: 20px;
height: 20px;
vertical-align: text-bottom;
}
.fancybox-share input {
box-sizing: border-box;
width: 100%;
margin: 5px 0 0;
padding: 10px 15px;
border: 1px solid #d7d7d7;
border-radius: 3px;
background: #ebebeb;
color: #5d5b5b;
font-size: 14px;
outline: none;
}
.fancybox-thumbs {
display: none;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 212px;
margin: 0;
padding: 2px 2px 4px;
background: #fff;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
box-sizing: border-box;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-y: hidden;
overflow-x: auto;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0;
white-space: nowrap;
}
.fancybox-thumbs-x > ul {
overflow: hidden;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
padding: 0;
margin: 2px;
width: 100px;
height: 75px;
max-width: calc(50% - 4px);
max-height: calc(100% - 8px);
position: relative;
cursor: pointer;
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box;
}
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1);
}
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-thumbs > ul > li:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
opacity: 1;
}
@media (max-width: 800px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs > ul > li {
max-width: calc(100% - 10px);
}
}
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none;
}
.owl-loaded .owl-dots.disabled,
.owl-loaded .owl-nav.disabled {
display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
transition: height .5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease;
}
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(/local/templates/basic/css/../img/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: -webkit-transform .1s ease;
transition: transform .1s ease;
transition: transform .1s ease, -webkit-transform .1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
.owl-theme .owl-dots,
.owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
margin-top: 10px;
}
.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #869791;
color: #FFF;
text-decoration: none;
}
.owl-theme .owl-nav .disabled {
opacity: .5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: #fff;
position: absolute;
z-index: 30;
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
transition-duration: 0.5s;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
transition-property: opacity;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
color: #fff;
font-size: 13px;
letter-spacing: 0.1em;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
padding: 0 20px;
border-radius: 2px;
}
.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
top: 50%;
margin-top: -19px;
}
.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
top: 50%;
margin-top: -6px;
}
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
left: 50%;
margin-left: -6px;
}
.twentytwenty-container {
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
}
.twentytwenty-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block;
}
.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
background: transparent;
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-container * {
box-sizing: content-box;
}
.twentytwenty-before-label {
opacity: 0;
}
.twentytwenty-before-label:before {
content: attr(data-content);
}
.twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-after-label:before {
content: attr(data-content);
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px;
}
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px;
}
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px;
}
.twentytwenty-overlay {
transition-property: background;
background: transparent;
z-index: 25;
}
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5);
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1;
}
.twentytwenty-before {
z-index: 20;
}
.twentytwenty-after {
z-index: 10;
}
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid #3d53a1;
border-radius: 1000px;
background-color: #3d53a1;
z-index: 40;
cursor: pointer;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
background-color: #3d53a1;
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
background-color: #3d53a1;
}
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
box-shadow: 3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
box-shadow: -3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-left-arrow {
left: 50%;
border-right: 6px solid transparent;
margin-left: -17px;
}
.twentytwenty-left-arrow:after {
content: "";
width: 10px;
height: 10px;
border-top: 1px solid white;
border-left: 1px solid white;
transform: rotate(-45deg);
position: relative;
top: -5px;
display: block;
left: 0;
}
.twentytwenty-right-arrow {
border-left: 6px solid transparent;
right: 50%;
margin-right: -17px;
}
.twentytwenty-right-arrow:after {
content: "";
width: 10px;
height: 10px;
border-top: 1px solid white;
border-left: 1px solid white;
transform: rotate(135deg);
position: relative;
top: -5px;
left: -11px;
display: block;
}
.twentytwenty-up-arrow {
border-bottom: 6px solid #fff;
top: 50%;
margin-top: -17px;
}
.twentytwenty-down-arrow {
border-top: 6px solid #fff;
bottom: 50%;
margin-bottom: -17px;
}
/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-filter: gray;
filter: gray;
}
.grayscale.grayscale-fade {
transition: -webkit-filter .5s;
transition: filter .5s;
transition: filter .5s, -webkit-filter .5s;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.grayscale.grayscale-fade {
transition: -webkit-filter .5s;
}
}
.grayscale.grayscale-fade:hover,
.grayscale.grayscale-off {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.grayscale.grayscale-replaced {
-webkit-filter: none;
filter: none;
}
.grayscale.grayscale-replaced > svg {
transition: opacity .5s ease;
opacity: 1;
}
.grayscale.grayscale-replaced.grayscale-fade:hover > svg,
.grayscale.grayscale-replaced.grayscale-off > svg {
opacity: 0;
}
@font-face {
font-family: 'Bebas Neue';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueLight.eot");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Bebas Neue';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeue-Thin.eot");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Bebas Neue Book';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBook.eot");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Bebas Neue Book';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBook.eot");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Bebas Neue';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBold.eot");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Bebas Neue';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueRegular.eot");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Bebas Neue';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBold.eot");
src: local("Bebas Neue Bold"), local("BebasNeueBold"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBold.woff2") format("woff2"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBold.woff") format("woff"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Bebas Neue';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueLight.eot");
src: local("Bebas Neue Light"), local("BebasNeueLight"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueLight.eot?#iefix") format("embedded-opentype"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueLight.woff2") format("woff2"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueLight.woff") format("woff"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueLight.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Bebas Neue';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeue-Thin.eot");
src: local("Bebas Neue Thin"), local("BebasNeue-Thin"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeue-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeue-Thin.woff2") format("woff2"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeue-Thin.woff") format("woff"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeue-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Bebas Neue';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueRegular.eot");
src: local("Bebas Neue Regular"), local("BebasNeueRegular"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueRegular.eot?#iefix") format("embedded-opentype"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueRegular.woff2") format("woff2"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueRegular.woff") format("woff"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueRegular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Bebas Neue Book';
src: url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBook.eot");
src: local("Bebas Neue Book"), local("BebasNeueBook"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBook.eot?#iefix") format("embedded-opentype"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBook.woff2") format("woff2"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBook.woff") format("woff"), url("/local/templates/basic/css/../fonts/BebasNeue/BebasNeueBook.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
html {
overflow-x: hidden;
}
body {
background-color: #fff;
color: #1e1e1e;
font: 16px "Roboto", sans-serif;
position: relative;
min-width: 480px;
/*margin-right: 0 !important;*/
overflow-x: hidden;
overflow-y: hidden;
}
body.open-popup {
overflow: hidden;
}
@media only screen and (max-width: 1000px) {
body.open_menu {
overflow: hidden;
}
}
/*
body img {
width: 100%;
height: auto;
}
*/
body a {
transition: 0.4s all;
}
body a:hover {
transition: 0.4s all;
}
.header {
width: 100%;
height: 90px;
z-index: 900;
position: fixed;
top: 0;
background-color: #fff;
transition: .2s all;
border-bottom: 1px solid #dfdfdf;
}
@media only screen and (max-width: 600px) {
.header {
height: 65px !important;
}
}
.header__inner {
width: 1140px;
margin: 0 auto;
height: 100%;
}
@media only screen and (max-width: 1140px) {
.header__inner {
width: 100%;
padding: 0 15px;
}
}
.header__extra {
display: none;
float: right;
box-sizing: border-box;
position: relative;
cursor: pointer;
}
@media only screen and (max-width: 1140px) {
.header__extra {
display: block;
padding-top: 22px;
}
}
@media only screen and (max-width: 600px) {
.header__extra {
padding-top: 10px;
}
}
.header__extra .nav-burger {
width: 21px;
height: 3px;
background-color: #3d53a1;
display: block;
transition: .2s all;
}
.header__extra .nav-burger_wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
padding: 3px;
}
.header__extra .nav-burger_wrapper:after {
width: 150%;
height: 150%;
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
}
.header__extra .nav-burger:before {
content: '';
width: 21px;
height: 3px;
background-color: #3d53a1;
-webkit-transform: translateY(-7px);
transform: translateY(-7px);
display: block;
transition: .2s all;
}
.header__extra .nav-burger:after {
content: '';
width: 21px;
height: 3px;
background-color: #3d53a1;
-webkit-transform: translateY(4px);
transform: translateY(4px);
display: block;
transition: .2s all;
}
.header__extra.nav-open .nav-burger {
background-color: transparent;
transition: .2s all;
}
.header__extra.nav-open .nav-burger:before {
-webkit-transform: rotate(135deg) translate(-1px, -1px);
transform: rotate(135deg) translate(-1px, -1px);
transition: .2s all;
}
.header__extra.nav-open .nav-burger:after {
-webkit-transform: rotate(-135deg) translate(1px, 3px);
transform: rotate(-135deg) translate(1px, 3px);
transition: .2s all;
}
.header__logo {
float: left;
margin-top: 10px;
margin-left: -1px;
cursor: pointer;
}
@media only screen and (max-width: 1080px) {
.header__logo {
width: 16%;
margin-top: 25px;
}
}
@media only screen and (max-width: 1000px) {
.header__logo {
width: auto;
}
}
@media only screen and (max-width: 500px) {
.header__logo {
margin-top: 32px;
}
}
@media only screen and (max-width: 600px) {
.header__logo {
margin-top: 15px;
}
}
.header__logo_img {
}
@media only screen and (max-width: 500px) {
/*.header__logo_img {*/
/*display: none; } */
}
.header__logo_img-mobile {
display: none;
}
@media only screen and (max-width: 500px) {
.header__logo_img{
display: none;
}
.header__logo_img-mobile {
display: block;
width: 190px;
margin-top: 10px;
}
}
.header__menu {
display: inline-block;
float: left;
margin-left: 45px;
margin-top: 33px;
}
.header__menu_item {
float: left;
font-family: "Bebas Neue", sans-serif;
font-size: 1em;
margin-right: 28px;
position: relative;
}
.header__menu_item:nth-child(6) {
margin-right: 0;
}
.header__menu_item.search-button {
float: right;
}
.header__menu_item:last-child {
margin-right: 0;
}
.header__menu_item_link {
text-decoration: none;
color: #1e1e1e;
transition: .2s color;
position: relative;
font-weight: 600;
letter-spacing: 0.01em;
font-size: 1.2rem;
}
.header__menu_item_link.dropdown:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
height: 50px;
}
.header__menu_item_link_icon {
text-indent: -9999px;
overflow: hidden;
display: block;
}
.header__menu_item_link_icon.icon_search {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABOUlEQVQ4jY3Tu0pcYRTF8Z+DIF6aWFhIUBG0iU4r2IhMk3Z8AAlpBZlCRSG1koi3ykIQkURB1OcwAbUTEX2AqOkUIl6L73P8GA54VnNOsdeffdZep65YLErUgwo+owu3+IMtbOJBjQrJ+wROUMIvfMEM/mEVv9FRC6iLG0xiLhoW8FQz14tdNGIQV+kGnzCLacxnmOEsbtaA77WfUMEFljKMqa7wDaNoSwEl7ODxHQDsx7nhFNAZN8ijG1ziYwq4RXNOADThfwo4xlBOcx9ao6cK+ImyUKL3NIlzHKSADZxiT5JuhsaFC0xJTl3APUaEHA7jUJpJv9DMFTwLoVdVH5/nGMAPrGMNf9GCD8KVyuj21pflFADX+Co0soR23OFI+A/SnlQhKeBVl9jOCiFqMYVkAfJoUchj7AVTIkItLqoqMQAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
width: 16px;
height: 16px;
cursor: pointer;
opacity: 1;
transition: .2s opacity;
}
.header__menu_item_link_icon.icon_search:after {
width: 300%;
height: 300%;
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
}
.header__menu_item_link_icon.icon_search:hover {
opacity: 0.5;
transition: .2s opacity;
}
.header__menu_item_link:hover {
color: #8d8c8c;
transition: .2s color;
}
.header__menu_dropdown {
overflow: hidden;
opacity: 0;
position: absolute;
background-color: #3d53a1;
padding: 18px 40px 18px 20px;
top: 35px;
left: -20px;
z-index: 1;
min-width: 0;
min-height: 0;
transition: .2s all;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
visibility: hidden;
}
.header__menu_dropdown.dropdown_open {
opacity: 1;
z-index: 4;
transition: .2s all;
min-width: auto;
min-height: auto;
visibility: visible;
}
.header__menu_dropdown_item {
margin-bottom: 12px;
}
.header__menu_dropdown_item:last-child {
margin-bottom: 0;
}
.header__menu_dropdown_item_link {
letter-spacing: 1px;
color: #fff;
white-space: nowrap;
text-decoration: none;
}
.header__menu_dropdown_item_link:hover {
color: #98acf3;
}
.header__menu.menu_top {
display: block;
width: 54%;
}
@media only screen and (max-width: 1140px) {
.header__menu.menu_top {
display: none;
}
}
.header__menu.menu_fixed {
display: none;
}
@media only screen and (max-width: 1140px) {
.header__menu.menu_fixed {
display: block;
}
}
@media only screen and (max-width: 1050px) {
.header__menu.menu_fixed {
margin-left: 30px;
}
}
@media only screen and (max-width: 1000px) {
.header__menu.menu_fixed {
display: none;
}
}
.header__menu.open {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
display: block;
background-color: rgba(0, 0, 0, 0.81);
color: #fff;
width: 100%;
height: 50px;
line-height: 50px;
padding: 0 15px;
margin: 0;
}
@media only screen and (max-width: 768px) {
.header__menu.open {
display: none;
}
}
.header__menu.open .header__menu_item_link {
color: #fff;
}
.header__menu.open .header__menu_dropdown_item {
line-height: 1.5;
}
.header__menu.open .search-button {
display: none;
}
.header__phone {
float: left;
margin-left: 18px;
margin-top: 12px;
}
@media only screen and (max-width: 1140px) {
.header__phone {
margin-left: 21px;
float: right;
margin-right: 20px;
margin-top: 29px;
}
}
@media only screen and (max-width: 1050px) {
.header__phone {
margin-left: 20px;
}
}
@media only screen and (max-width: 1000px) {
.header__phone {
float: right;
margin-right: 20px;
}
}
@media only screen and (max-width: 600px) {
.header__phone {
margin-top: 20px;
}
}
.header__phone_value {
font-family: "Bebas Neue", sans-serif;
font-weight: bold;
font-size: 1.4em;
color: #1e1e1e;
text-decoration: none;
transition: .2s color;
}
.header__phone_value a {
cursor: pointer;
color: currentColor;
text-decoration: none;
}
@media only screen and (max-width: 360px) {
.header__phone_value {
display: none;
}
}
/*
.header__phone_value:hover {
color: #8d8c8c;
transition: .2s color;
}
*/
.header__phone_value_mobile {
display: none;
}
@media only screen and (max-width: 360px) {
.header__phone_value_mobile {
display: block;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABC1BMVEUAAAAhQ4YiQ4UiQYUhQ4YiQoUkRIchQoUhQYQiQYUhQoQAAP8iQ4UiQoUiQYUiQ4YiQoUiQoUiQoUjQ4QiQYUiQoUjQoUiQoUiQoQiQoUAgIAiQoUiQoYiQoYiQoUaTYAiQoUkQYQhQoQiQoUiRIgjQ4UrVYAjQIUiQoUhQYYjQoVAQIAiQoUiQoUzM5krQIAiQoUiQoQiQ4YiQoUiQoQkQoUgQIoiQoUiQoUiQYUiQoUoQ4YgQIYiQoUiQYYiQYUhQ4UAVaogQIQiQoUmRIcjQoUiQoUiQYUiQoUhQoUiQ4UiQoUhQoQiQYUjQoYjQ4YiQoUiQ4YjQ4YhQYYiQYUiQoUjQYQiQoUAAACwomINAAAAV3RSTlMAeuZ5kf4xkreUPgGVxHFM4dH7V5i+YICeowLYYWnCCu5PbOQPxwYs+qiEBLalBQzNuX7XtTIY3+BL/RMo7btaawM46yLWut6We2/8NsOTUJAmdr/i+W5/JRQ+AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB+EKBAcIFANSpYEAAAEDSURBVDjLfdLnVsJAEAXgiApCqAJKi4Ag0gJKk2KjSVFRUJj3fxNC2E0hM9xfc879cs7uZAVhlxPbqXAsZwDn9iO9A5Rc0L0T1LiIWnTve/AQwAs8Phz4NRAQUXCpAQiiwKaDEArCOrhCwbXWR/AzuHgfjRF7iDOQoBYpMXBDgWSKiTQlbhnIZAkQu2MinCPEfZ6JgkiIIr+qmxClMhdyBRfVBy4eq+oXtXqjaRKtJy7aHeXYsjJ0Qz2jeH7R/snrm7wfUu99gxgMwZqA8aGOxogAySCyHwiYmG47tYKZ+brzz4Pesrmvb1O/QHb2E9d7B753qc76X+qBCMvV3/+6vVHnLS4GdoAxaUcuAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTEwLTA0VDA3OjA4OjIwKzAyOjAwKH6fFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0xMC0wNFQwNzowODoyMCswMjowMFkjJ6gAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC");
background-repeat: no-repeat;
background-size: contain;
width: 22px;
height: 22px;
margin-top: 6px;
}
}
.header__phone_desc {
margin-top: -4px;
font-size: .7em;
letter-spacing: -.02em;
}
@media only screen and (max-width: 360px) {
.header__phone_desc {
display: none;
}
}
.header__contact {
float: right;
margin: 12px auto 0 auto;
}
.header__contact_item {
cursor: pointer;
position: relative;
text-decoration: none;
color: #1e1e1e;
}
@media only screen and (max-width: 540px) {
.header__contact_item {
display: inline-block;
}
}
.header__contact_item:hover .header__contact_item_title {
border-bottom-color: transparent;
}
.header__contact_item:last-child {
margin-top: 4px;
}
@media only screen and (max-width: 540px) {
.header__contact_item:last-child {
margin-left: 20px;
}
}
.header__contact_item_icon {
background-repeat: no-repeat;
display: inline-block;
}
.header__contact_item_icon.icon_mail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAA00lEQVQYlXXQsSvFcRQF8M/v11MWvTJYDQbbLYoU+Q+8wlskrySD0sufQFlsFuVPsJlkMZjs32QwGC0WT6IUstzhpX6n7nLOPfecbhURC7jCON41Ywzf6NToYRevKTQN7GC+xh7WsIybhpR7zGAWh62stIlJdHGG9SHDXfLn6OCzHhKX8FRK6WI/udNSyiJu0wA/VUQM0E7iCL94xAOmMI0RHOfOW52GL2xgkMaLrHyJE4xm0gvaVUQ855U5bDc8Qh64Rr+FLRxgBR9Z7z8qrGIC/T+x8i5C+wHM7AAAAABJRU5ErkJggg==");
width: 13px;
height: 9px;
}
.header__contact_item_icon.icon_phone {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAArUlEQVQYlXXNsQ4BAQyA4f8sNiaxis3SRjyCWKy3yC1ewSSeQGJnsFlM4h5F0tVgZxZsNSjhcpo0bdOvKe6OiKQichSRjrtTlomIdIEDrzgDLTN7UIgKMPmam0CtiN6wGv0VSM3s8g/uo7+bWV6GACpmtgNOQENVp39h1GHUhaqOAFS1raorVe0BJO5OLDJgGwc50AfqMWcfGHgMbEo+L39gYAFmwAC4AWszmz8BVjxFSvDxJu8AAAAASUVORK5CYII=");
width: 13px;
height: 10px;
}
.header__contact_item_title {
margin-left: 7px;
font-size: 0.8em;
font-weight: bold;
letter-spacing: .031em;
}
.header__contact_item_title.border_solid {
border-bottom: 1px solid #969696;
transition: 0.4s border-bottom;
}
.header__contact_item_title.border_dotted {
border-bottom: 1px dotted #969696;
transition: 0.4s border-bottom;
}
@media only screen and (max-width: 1140px) {
.header__contact {
float: right;
margin: 16px 0 0 0;
}
}
@media only screen and (max-width: 767px) {
.header__contact {
display: none;
}
}
@media only screen and (max-width: 540px) {
.header__contact {
position: absolute;
left: 15px;
right: 15px;
bottom: 15px;
float: none;
margin: 0;
text-align: center;
}
}
.header.header_fixed {
height: 90px;
transition: .2s all;
}
@media only screen and (max-width: 1140px) {
.header.header_fixed {
height: 90px;
}
.header.header_fixed .header__inner {
width: 100%;
}
}
.header.header_fixed > * {
transition: .2s all;
}
.header__search {
display: none;
float: right;
margin-top: 36px;
margin-left: 20px;
position: relative;
}
@media only screen and (max-width: 1140px) {
.header__search {
display: inline-block;
}
}
@media only screen and (max-width: 600px) {
.header__search {
margin-top: 25px;
}
}
.extra_header {
-webkit-transform: translateY(0);
transform: translateY(0);
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
transition: .4s all;
z-index: 0;
opacity: 0;
position: fixed;
height: 94px;
}
@media only screen and (max-width: 1000px) {
.extra_header {
height: auto;
padding: 0 0 40px;
-webkit-transform: translateY(-5000px);
transform: translateY(-5000px);
}
}
.extra_header__inner {
width: 1140px;
margin: 0 auto;
}
@media only screen and (max-width: 1140px) {
.extra_header__inner {
width: 100%;
}
}
.extra_header__inner > div {
float: left;
}
.extra_header_menu_mobile {
padding-top: 20px;
background-color: #FFFFFF;
display: none;
}
.extra_header_menu_mobile .extra_header_menu_item {
padding: 5px 25px;
background-color: #fff;
cursor: pointer;
z-index: 10;
padding-bottom: 15px;
border: none;
position: relative;
}
.extra_header_menu_mobile .extra_header_menu_item_link {
font-family: "Bebas Neue", sans-serif;
text-decoration: none;
color: #1e1e1e;
margin-bottom: 15px;
font-weight: bold;
font-size: 30px;
display: block;
cursor: pointer;
}
.extra_header_menu_dropdown_item {
margin-bottom: 15px;
padding-left: 10px;
}
.extra_header_menu_mobile .extra_header_menu_dropdown_item_link {
font-family: "Bebas Neue", sans-serif;
text-decoration: none;
color: #1e1e1e;
font-size: 20px;
display: block;
cursor: pointer;
}
.extra_header_menu_dropdown_item.active .extra_header_menu_dropdown_item_link {
font-weight: 600;
}
.extra_header_menu_item.active .extra_header_menu_item_link {
text-decoration: underline;
}
@media only screen and (max-width: 768px) {
.extra_header_menu_mobile {
display: block;
}
}
.extra_header_lang {
margin-left: 146px;
margin-top: 23px;
font-size: 0.9em;
}
.extra_header_lang_mobile {
display: none;
font-family: "Bebas Neue", sans-serif;
line-height: 90px;
vertical-align: middle;
float: right;
margin-right: 20px;
}
.extra_header_lang_mobile > * {
margin-left: 10px;
color: #1e1e1e;
text-decoration: none;
border-bottom: 1px solid;
transition: 0.4s all;
}
.extra_header_lang_mobile > *:hover {
border-bottom-color: transparent;
}
@media only screen and (max-width: 1000px) {
.extra_header_lang_mobile {
display: inline-block;
}
}
@media only screen and (max-width: 1110px) {
.extra_header_lang {
margin-left: 60px;
}
}
@media only screen and (max-width: 1110px) {
.extra_header_lang {
margin-left: 30px;
}
}
@media only screen and (max-width: 1000px) {
.extra_header_lang {
display: none;
}
}
@media only screen and (max-width: 768px) {
.extra_header_lang {
margin-top: -23px;
}
}
@media only screen and (max-width: 680px) {
.extra_header_lang {
display: none;
}
}
.extra_header_lang a {
font-family: "Bebas Neue", sans-serif;
color: #fff;
margin-right: 16px;
text-decoration: none;
}
.extra_header_lang a:hover {
color: #D6D6D6;
}
.extra_header_lang .lang_active {
border-bottom: 2px solid #fff;
}
.extra_header_items {
margin-left: 29px;
margin-top: 21px;
}
.extra_header_item {
margin-bottom: 10px;
}
.extra_header_items a {
text-decoration: none;
}
@media only screen and (max-width: 600px) {
.extra_header_items {
display: block;
}
}
.extra_header_item {
float: left;
color: #fff;
margin-right: 57px;
cursor: pointer;
}
@media only screen and (max-width: 1140px) {
.extra_header_item {
margin-right: 47px;
}
}
.extra_header_item:last-child {
margin-right: 0;
}
.extra_header_item_icon.icon-email {
margin-bottom: 6px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAA0ElEQVQYlX2QMUtCARSFvzc0SuQSjtLQ0tDoanvObU4O4tJfEAPHnJrCqTECBafaqj+gOPgDGtrqqdAgfg7eBw/RDly4h3vP4Z6bqBVgBBSBOYdRAFZALVEfgDfgETj5RwRQB8q4xZN6ob66H2P1Uu2poqYxeFdP1ecdwadaUgfBl3mR6iKMWsHvg89yO2mi/gDHcXMbWAMzYAqcAefAEXAXO79Zpj/1Rr3NOXbVdfQd9Vr9zjJ9qU21f+AJGV7UhjpBvVKHuUzpnprH/EOtbgCR/jrnh9tW8wAAAABJRU5ErkJggg==");
width: 13px;
height: 9px;
transform: scale(1.5);
-webkit-transform: scale(1.5);
display: inline-block;
}
.extra_header_item_icon.icon-call {
margin-bottom: 6px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAjUlEQVQYlYXPMYoCURCE4WISjUzNTcREWDzKIKjJXmGjDfYay17BzAsJBmaiicHmn8mTGfSJBQ1dzQ9VHQQt9pgV/zTBh04nDGtgk+QrncZJRqmoSTIo+3+SNsm5BgbLEnt+1e/eMTgU+PsdOO09tCq3Cf6w6IPBpgfvcO359WPEp7p+a33m2OKCI36QG97qDbBDKtSVAAAAAElFTkSuQmCC");
transform: scale(1.5);
webkit-transform: scale(1.5);
width: 10px;
height: 10px;
display: inline-block;
}
.extra_header_item_title {
display: inline-block;
font-size: 30px;
margin-left: 9px;
letter-spacing: .02em;
}
.extra_header_item_title:hover {
color: #D6D6D6;
}
.extra_header_form {
margin-left: 21px;
margin-top: 11px;
width: 1010px;
}
@media only screen and (max-width: 680px) {
.extra_header_form {
width: 100%;
}
}
.extra_header_form .search__input {
width: 29%;
}
@media only screen and (max-width: 680px) {
.extra_header_form .search__input {
width: 53%;
}
}
@media only screen and (max-width: 565px) {
.extra_header_form .search__input {
width: 45%;
}
}
.extra_header_form .search__settings {
margin-top: 20px;
margin-left: 29px;
}
.extra_header.extra_header_open {
-webkit-transform: translateY(90px);
transform: translateY(90px);
z-index: 4;
transition: .4s all;
opacity: 1;
}
@media only screen and (max-width: 1300px) {
.extra_header.extra_header_open {
z-index: 4;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow-x: hidden;
overflow-y: auto;
display: none;
}
.extra_header.extra_header_open .extra_header_form {
height: 50px;
}
}
@media only screen and (max-width: 768px) {
.extra_header.extra_header_open {
display: block;
position: absolute;
}
}
@media only screen and (max-width: 600px) {
.extra_header.extra_header_open {
-webkit-transform: none;
transform: none;
/*
-webkit-transform: translateY(60px);
transform: translateY(60px);
*/
top: 65px;
}
}
.search {
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
transition: .4s all;
z-index: 0;
height: 70px;
position: fixed;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.search-input {
width: 79%;
margin-left: 29px;
float: left;
position: relative;
}
@media only screen and (max-width: 1140px) {
.search-input {
width: calc(100% - 240px);
}
}
.search__inner {
width: 1140px;
padding-top: 24px !important;
height: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 1140px) {
.search__inner {
width: 100%;
padding: 0 15px;
}
}
.search__icon {
background-repeat: no-repeat;
float: left;
background-color: transparent;
border: none;
text-indent: 9999px;
overflow: hidden;
/* cursor: pointer;*/
opacity: 1;
transition: 0.4s opacity;
}
/*
.search__icon:hover {
opacity: 0.6;
}
*/
.search__icon.icon_search {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABLUlEQVQ4jZ2SvUpDQRBGj1EbAxZiUgk2aqO+gIUivkBS2lgIdiJR4zP4BFaCYGFj4RP4DkKwEGKa2FlYiII/icciE1kvVxL8YLjs3pmzu/MNKknMqydqS+2qz+q1uq2OZXJRGVEJ1YFjoAVcAk1gElgFKsAtUAXapArSkdqJbyHnpAW1oTbVUvoPdVH9VOt5V0yipLbVsyzgVL1TRwcAULfipuX+XgHYiDd3GayryFvvbxSA2WjcMHoBHoGZFPAKFIcEAEwAbyngBlgbsngJmIqantQd9SOGaFATz8PKQurCeHjcSLubE3v2VM3aiDoX4/sQVhWTpGX1Ioq/1FoeAHU6hqSjvsfQPEXhvVpRD2JdywP0o6xuqofqrrqSGbJfkEFN+yt+IP8FoO6rzW/rAEuyERI+QwAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
width: 16px;
height: 16px;
margin-top: 3px;
}
.search__input {
border: none;
outline: none;
background: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
width: 93%;
color: #fff;
font-family: "Roboto", sans-serif;
padding-top: 0 !important;
padding-bottom: 0 !important;
font-size: 1em;
}
@media screen and (max-width: 970px) {
.search__input {
width: 85%;
}
}
@media screen and (max-width: 750px) {
.search__input {
width: 80%;
}
}
@media screen and (max-width: 600px) {
.search__input {
width: 75%;
}
}
@media screen and (max-width: 600px) {
.search__input {
width: 70%;
}
}
.search__settings {
float: left;
margin-left: 28px;
position: relative;
z-index: 4;
}
.search__settings_checked {
color: #fff;
font-size: 12px;
font-weight: 300;
letter-spacing: .041em;
cursor: pointer;
display: inline-block;
}
.search__settings.dropdown_open .search__settings_dropdown {
z-index: 3;
opacity: 1;
-webkit-transform: translateY(0) scaleY(1);
transform: translateY(0) scaleY(1);
transition: .4s all;
}
.search__settings_text {
display: inline-block;
max-width: 119px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: middle;
}
.search__settings_icon {
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
margin-left: 8px;
}
.search__settings_icon.icon_arrow {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAaklEQVQImW3NoW3CYQBE8d+fFTAVdRUg2aWCNboHSyDYgQ0QLEDYA9UGHgK+hJC+5My9S26q9jjjx/9ssFJ992BXecv26daj+Kh+q+PL6FBdq8/KVI2LGU644Io5lvgbcnDD4ilm+BojuAP3jVNlAH4PkgAAAABJRU5ErkJggg==");
width: 10px;
height: 5px;
}
.search__settings_dropdown {
position: absolute;
top: 28px;
left: -10px;
background-color: #000;
padding: 10px 25px 10px 10px;
opacity: 0;
z-index: 0;
-webkit-transform: translateY(-60px) scaleY(0);
transform: translateY(-60px) scaleY(0);
transition: .4s all;
width: 173px;
}
.search__settings_dropdown_item {
font-size: 12px;
color: #fff;
margin-bottom: 10px;
cursor: pointer;
}
.search__settings_dropdown_item:last-child {
margin-bottom: 0;
}
.search__settings_dropdown_item:hover {
color: #bfbfbf;
}
.search_open {
opacity: 1;
z-index: 2;
transition: .4s all;
-webkit-transform: translateY(90px);
transform: translateY(90px);
}
@media only screen and (max-width: 600px) {
.search_open {
-webkit-transform: translateY(60px);
transform: translateY(60px);
}
}
.search__button {
position: absolute;
right: 0;
top: 0;
border: none;
background: none;
color: #fff;
font-family: "Bebas Neue", sans-serif;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 1;
transition: 0.4s all;
}
.search__button:hover {
opacity: 0.8;
}
.promo {
overflow: hidden;
width: 100%;
height: 100%;
display: block;
position: relative;
margin-top: 90px;
background-color: #efefef;
margin-bottom: -10px;
}
.promo__slider {
white-space: nowrap;
}
.promo__slider .promo__item {
display: inline-block;
vertical-align: top;
white-space: normal;
}
.promo + .content {
margin-top: -271px;
}
@media only screen and (max-width: 1000px) {
.promo {
width: 100%;
}
}
@media only screen and (max-width: 600px) {
.promo {
margin-top: 65px;
}
}
.promo__block {
position: absolute;
z-index: 3;
background-color: rgba(45, 67, 145, 0.8);
color: #fff;
top: 106px;
width: 555px;
height: 267px;
padding: 41px 39px 60px;
}
.promo__item {
width: 100%;
position: relative;
}
.promo__item_wrapper {
position: relative;
top: 0;
left: 0;
overflow: hidden;
}
@media only screen and (max-width: 768px) {
.promo__item_wrapper img {
height: 390px;
width: auto;
position: relative;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
}
.promo__inner {
width: 1140px;
margin: 0 auto;
position: relative;
}
@media only screen and (max-width: 1140px) {
.promo__inner {
width: 100%;
padding: 0 10px;
}
}
@media only screen and (max-width: 1000px) {
.promo__inner {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.promo__inner {
width: auto;
height: 100%;
overflow: hidden;
padding: 0;
}
}
.promo__inner-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media only screen and (max-width: 768px) {
.promo__inner-wrapper {
position: absolute;
top: 15px;
right: 15px;
left: 0;
bottom: 15px;
}
}
.promo__info {
background-color: rgba(45, 67, 145, 0.8);
color: #fff;
position: absolute;
top: 99px;
width: 555px;
height: 286px;
/* height: 267px;*/
padding: 32px 39px 80px;
/* padding: 30px 39px 60px;*/
}
@media only screen and (max-width: 1150px) {
.promo__info {
left: 15px;
}
}
@media only screen and (max-width: 1080px) {
.promo__info {
top: 16px;
}
}
@media only screen and (max-width: 1000px) {
.promo__info {
top: 10px;
left: 15px;
}
}
@media only screen and (max-width: 768px) {
.promo__info {
width: 100%;
height: auto;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
}
}
.promo__info_title {
font-family: "Bebas Neue", sans-serif;
font-size: 30px;
letter-spacing: 0.03em;
max-height: 72px;
/* height: 80px;*/
color: #fff;
text-decoration: none;
overflow: hidden;
}
@media only screen and (max-width: 768px) {
.promo__info_title {
font-size: 26px;
}
}
.promo__info_desc {
margin-top: 5px;
line-height: 1.5em;
font-weight: 400;
/*height: 80px;*/
overflow: hidden;
max-height: 96px;
}
.promo .owl-item {
float: left;
width: 100%;
}
.promo .owl-nav {
position: relative;
width: 1140px;
margin: 0 auto;
padding: 0 40px;
}
.promo .owl-nav.disabled {
display: none;
}
.promo .owl-dots {
position: relative;
width: 1140px;
margin: 0 auto;
padding: 0 40px;
}
.promo .owl-dot {
float: left;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 5px;
margin-left: 15px;
opacity: 0.5;
cursor: pointer;
margin-top: 3px;
}
.promo .owl-dot.active {
opacity: 1;
}
.promo .dotsContainer {
position: absolute;
top: 335px;
left: 0;
right: 0;
z-index: 1;
}
@media only screen and (max-width: 1080px) {
.promo .dotsContainer {
top: 245px;
}
}
@media only screen and (max-width: 1000px) {
.promo .dotsContainer {
top: 220px;
}
}
@media only screen and (max-width: 768px) {
.promo .dotsContainer {
top: auto;
bottom: 40px;
width: 200px;
left: calc(50%);
right: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 3;
}
}
@media only screen and (max-width: 560px) {
.promo .dotsContainer {
width: 125px;
}
}
.promo .dotsContainer__block {
padding: 0 20px;
}
.promo .dotsContainer .promo-prev {
margin-top: 0px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAYAAAAPFIbmAAAAsUlEQVQokX3SIUuDURQG4HdJDGI0mEwiCCJahmFtWIxGu9Vi9RfYrf4dk2CZP8A22NLQ9Bg8w8vY/V44cDk8F869nBEykJcki6BXj/7y2QP3BWbY2wZuC8yxj2yCaYFvHK77Lbjwn5P28vpw3IDx5gjBKZYFrrc9JHgr8Nz7juASK/xg0kPBWTPTeQ8FVw086qHgptASBz0U3BX8wm4PBQ8F37EztAVPBT9GhvfpNcniF5kPv48LFgfhAAAAAElFTkSuQmCC");
width: 9px;
height: 17px;
background-repeat: no-repeat;
cursor: pointer;
float: left;
text-indent: -9999px;
overflow: hidden;
}
.promo .dotsContainer .promo-prev:hover {
opacity: 0.8;
}
.promo .dotsContainer .promo-next {
margin-top: 0px;
margin-left: 26px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAYAAAAPFIbmAAAArElEQVQokX3QoUoEUBAF0AtrsVksRqtBxKC4RbDbthn9AZNgUWx+gz9jW7aIwSY2i82yJuEYHHHDGy+8dt4wc4Mb3CPdCx795Po/tI6nghcd+oVvBc86FGzio+Bph4Jtf5l2KNhfgbsdCo7xhU/std3gtqY9d+AQy5p2NAI7KzsdjHbaqt9wMrpuA+8FZqOeJngtcD5qfIJ5gavRIcGiwF1Xx1qShyQvSS7T5BtfuNRyLymTWAAAAABJRU5ErkJggg==");
width: 9px;
height: 17px;
background-repeat: no-repeat;
cursor: pointer;
float: left;
text-indent: -9999px;
overflow: hidden;
}
.promo .dotsContainer .promo-next:hover {
opacity: 0.8;
}
.promo .dotsContainer__inner {
position: relative;
width: 1140px;
margin: 0 auto;
padding: 0 40px;
z-index: 2;
}
@media only screen and (max-width: 560px) {
.promo .dotsContainer__inner {
padding: 0 0;
}
}
.promo__extra {
margin-bottom: 40px;
position: relative;
}
@media only screen and (max-width: 600px) {
.promo__extra {
margin-bottom: 15px;
}
}
.promo__extra_inner {
/*transition: .4s all;*/
cursor: auto;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
overflow: hidden;
}
@media only screen and (max-width: 600px) {
.promo__extra_inner {
opacity: 1;
position: static;
}
.promo__extra_inner .promo__extra_item_title {
display: none !important;
}
}
.promo__extra_item {
position: relative;
float: left;
background-color: #3d53a1;
width: 165px;
height: 95px;
margin-right: 30px;
font-family: "Bebas Neue", sans-serif;
font-weight: bold;
font-size: 18px;
text-decoration: none;
color: #fff;
cursor: pointer;
letter-spacing: 0.02em;
line-height: 24px;
}
a.promo__extra_item {
cursor: pointer;
}
a.promo__extra_item div {
cursor: pointer;
}
@media only screen and (max-width: 600px) {
.promo__extra_item {
width: 100%;
text-align: center;
height: auto;
margin-right: 0;
margin-bottom: 20px;
float: none;
background-color: transparent;
display: block;
}
}
.promo__extra_item:last-child {
margin-right: 0;
}
.promo__extra_item_title {
transition: .4s margin-top;
padding: 24px 60px 0 30px;
/* width: 160px;*/
font-weight: normal;
}
@media only screen and (max-width: 600px) {
.promo__extra_item_title {
width: auto;
background-color: #3d53a1;
padding: 15px 0;
color: #fff;
cursor: pointer;
}
}
@media screen and (min-width: 601px) {
.promo__extra .promo__extra_item .promo__extra_inner {
/*max-height: 95px;*/
overflow: hidden;
/*transition: all 2s;*/
height: auto;
/* width: 360px;*/
width: auto;
min-width: 165px;
min-height: 95px;
padding-bottom: 0;
/* padding-bottom: 30px;*/
bottom: 0;
left: 0;
position: absolute;
/*max-height: 95px;*/
display: none;
opacity: 1;
background-color: #fff;
color: #3d53a1;
z-index: 5;
opacity: 1;
position: absolute;
}
}
@media only screen and (max-width: 600px) {
.promo__extra .extra_catalog:hover .promo__extra__inner {
max-height: none;
}
.promo__extra .extra_catalog:hover .promo__extra_inner {
-webkit-transform: translateY(0);
transform: translateY(0);
color: #fff;
bottom: auto;
transition: all 2s;
top: 0;
background-color: transparent;
position: relative;
width: auto;
height: auto;
}
}
.promo__extra .extra_catalog:hover .promo__extra_item_title {
transition: .4s margin-top;
}
.promo__extra .extra_catalog:hover .extra__dropdown {
opacity: 1;
display: block;
}
.promo__extra .extra_catalog:hover .extra__dropdown_right {
opacity: 1;
}
@media only screen and (max-width: 600px) {
.promo__extra .extra_price .extra__dropdown_list_item {
width: 100%;
text-align: center;
}
}
.promo__extra .extra_price:hover {
background-color: #fff;
color: #3d53a1;
transition: .4s background-color;
}
.promo__extra .extra_price:hover .promo__extra_inner {
background-color: #fff;
/* height: 110px;*/
z-index: 5;
color: #3d53a1;
opacity: 0;
/*transition: .4s all;*/
}
@media only screen and (max-width: 600px) {
.promo__extra .extra_price:hover .promo__extra_inner {
background-color: transparent;
-webkit-transform: translateY(0);
transform: translateY(0);
height: auto;
color: #fff;
}
}
.promo__extra .extra_price:hover .extra__dropdown {
opacity: 1;
display: block;
}
@media only screen and (max-width: 600px) {
.promo__extra .extra_price:hover .extra__dropdown {
display: none;
}
}
.promo__extra .extra_tech:hover {
background-color: #fff;
color: #3d53a1;
transition: .4s background-color;
}
@media only screen and (max-width: 600px) {
.promo__extra .extra_tech:hover {
color: #fff;
background: transparent;
}
}
.promo__extra .extra__dropdown {
opacity: 0;
/*display: none;*/
transition: all 1s;
padding: 20px 30px;
/* padding: 20px 0 20px 30px;*/
}
@media only screen and (max-width: 600px) {
.promo__extra .extra__dropdown {
opacity: 1;
padding: 20px 0 0 0;
text-align: left;
display: none;
}
}
.promo__extra .extra__dropdown_left {
display: inline-block;
vertical-align: top;
width: 140px;
/* width: calc(50% - 10px);*/
}
.promo__extra .extra__dropdown_right {
display: inline-block;
vertical-align: top;
margin-left: 20px;
opacity: 0;
width: 140px;
}
@media only screen and (max-width: 600px) {
.promo__extra .extra__dropdown_right {
opacity: 1;
}
.promo__extra .extra__dropdown_left,
.promo__extra .extra__dropdown_right {
width: calc(50% - 10px);
}
}
.promo__extra .extra__dropdown_right .extra__dropdown_right {
padding-right: 10px;
}
@media only screen and (max-width: 600px) {
.promo__extra .extra__dropdown_list {
display: inline-block;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.promo__extra .extra__dropdown_list {
overflow: hidden;
white-space: nowrap;
}
.promo__extra .extra__dropdown_list_item {
font-size: 0.75em;
font-weight: 400;
text-decoration: none;
margin-bottom: 10px;
word-wrap: break-word;
white-space: normal;
}
@media only screen and (max-width: 600px) {
.promo__extra .extra__dropdown_list_item {
margin-bottom: 20px;
width: auto;
font-size: 0.9em;
}
}
.promo__extra .extra__dropdown_list_item a {
text-decoration: none;
color: #3d53a1;
border-bottom: 1px solid;
transition: 0.4s all;
}
@media only screen and (max-width: 600px) {
.promo__extra .extra__dropdown_list_item a {
color: #3d53a1;
}
}
.promo__extra .extra__dropdown_list_item a:hover {
border-bottom-color: transparent;
}
.promo__extra .extra__dropdown_list_item:hover {
color: #4359a9;
}
.extra__dropdown_list:after {
content: "";
clear: both;
display: table;
}
@media screen and (max-width: 600px) {
.extra__dropdown_list {
display: block !important;
}
.extra__dropdown_left {
text-align: center;
float: none !important;
}
.extra__dropdown_right {
margin-left: 0 !important;
text-align: center;
float: none !important;
}
}
.content {
margin-top: -204px;
background-color: #efefef;
background-image: url("/local/templates/basic/css/../img/content-bg.png");
background-position: center;
background-repeat: no-repeat;
padding-bottom: 40px;
padding-top: 1px;
}
@media only screen and (max-width: 1480px) {
.content,
.promo + .content {
margin-top: -160px;
}
}
@media only screen and (max-width: 1360px) {
.content,
.promo + .content {
margin-top: -120px;
}
}
@media only screen and (max-width: 1240px) {
.content,
.promo + .content {
margin-top: -90px;
}
}
@media only screen and (max-width: 1200px) {
.content,
.promo + .content {
margin-top: -80px;
}
}
@media only screen and (max-width: 1120px) {
.content,
.promo + .content {
margin-top: -60px;
}
}
@media only screen and (max-width: 1080px) {
.content {
margin-top: -130px;
}
}
@media only screen and (max-width: 1020px) {
.content,
.promo + .content {
margin-top: -100px;
}
}
@media only screen and (max-width: 940px) {
.content,
.promo + .content {
margin-top: -60px;
}
}
@media only screen and (max-width: 820px) {
.content,
.promo + .content {
margin-top: -30px;
}
}
@media only screen and (max-width: 600px) {
.content,
.promo + .content {
padding-top: 40px;
margin-top: -28px;
}
}
.content__inner {
width: 1140px;
margin: 0 auto;
position: relative;
}
.content__inner_print {
display: none;
}
@media only screen and (max-width: 1150px) {
.content__inner {
width: 100%;
padding: 0 15px;
}
}
.content__left {
float: left;
width: calc(100% - 320px);
/* width: calc(100% - 200px);*/
}
.content-page iframe {
max-width: 100% !important;
}
.content__left.page-product {
width: calc(100% - 293px);
}
@media only screen and (max-width: 1000px) {
.content__left.page-product {
width: 100%;
}
}
@media only screen and (max-width: 1105px) {
.content__left.page-product .content__title {
font-size: 2.5em;
}
}
.content__left.content-contacts {
width: 88%;
}
@media only screen and (max-width: 1000px) {
.content__left.content-contacts {
width: 100%;
}
}
@media only screen and (max-width: 540px) {
.content__left {
width: calc(100% - 20px);
}
}
@media only screen and (max-width: 740px) {
.content__left {
width: calc(100% - 20px);
}
}
.content__right {
float: right;
}
.content__right.menu-fixed {
position: fixed;
right: 10px;
top: 40px;
}
@media only screen and (max-width: 740px) {
.content__right {
display: none;
}
}
.content.inner-page {
margin-top: 120px;
background: none;
position: relative;
min-height: calc(100vh - 465px);
}
@media only screen and (max-width: 1000px) {
.content.inner-page {
padding-right: 0;
}
}
@media only screen and (max-width: 600px) {
.content.inner-page {
margin-top: 60px;
}
}
@media only screen and (max-width: 1140px) {
.content.inner-page .content__inner {
padding: 0 10px;
}
}
.content.inner-page.error-page {
height: calc(100vh - 90px - 379px);
}
@media only screen and (max-height: 900px) {
.content.inner-page.error-page {
height: 100%;
}
}
.content.portfolio-page .content__title {
top: -28px;
letter-spacing: 0.024em;
}
@media only screen and (max-width: 1000px) {
.content.portfolio-page .content__left {
width: 100%;
}
}
.content .about {
width: 48.6%;
background-color: #fff;
float: left;
margin-top: 40px;
}
@media only screen and (max-width: 1090px) {
.content .about {
width: 99%;
margin: 20px 0 30px 0;
}
}
@media only screen and (max-width: 600px) {
.content .about {
background-color: transparent;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 360px) {
.content .about {
margin: 0 10px 30px 3px;
}
}
.content .about__inner {
padding: 25px 40px 56px 30px;
position: relative;
}
@media only screen and (max-width: 600px) {
.content .about__inner {
padding: 0;
}
}
.content .about__title {
font-family: "Bebas Neue", sans-serif;
font-size: 1.9em;
font-weight: bold;
color: #000;
}
@media only screen and (max-width: 600px) {
.content .about__title {
font-size: 26px;
padding: 0 220px 0 0;
}
}
.content .about__line {
width: 28%;
height: 3px;
background-color: #3d53a1;
margin: 20px 0 25px;
}
@media only screen and (max-width: 600px) {
.content .about__line {
margin: 20px 0 20px;
}
}
.content .about__description {
letter-spacing: -.0144em;
line-height: 1.4;
font-weight: 400;
color: #000;
}
.content .about__description p {
padding-bottom: 12px;
}
.content .about__description img {
margin-top: 48px;
}
@media only screen and (max-width: 600px) {
.content .about__description img {
display: none;
}
}
.content .rightblock {
float: left;
margin-left: 29px;
width: 48.6%;
margin-top: 40px;
}
@media only screen and (max-width: 1090px) {
.content .rightblock {
width: 99%;
margin-left: 0;
}
}
@media only screen and (max-width: 600px) {
.content .rightblock {
margin-top: 0;
}
}
@media only screen and (max-width: 400px) {
.content .rightblock {
margin-left: 3px;
}
}
.content .rightblock__item {
background-color: #3d53a1;
height: 278px;
position: relative;
margin-bottom: 30px;
overflow: hidden;
}
@media only screen and (max-width: 600px) {
.content .rightblock__item {
height: auto;
}
}
@media only screen and (max-width: 600px) {
.content .rightblock__item:nth-child(2) {
display: none;
}
}
.content .rightblock__item img {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 600px) {
.content .rightblock__item img {
position: relative;
top: auto;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.content .rightblock__item:last-child {
margin-bottom: 0;
}
.content .rightblock__item + .rightblock__item .rightblock__link[data-fancybox] {
margin-top: 17px;
}
.content .rightblock__item_info {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50%;
background-color: rgba(45, 67, 145, 0.9);
padding: 25px 20px 23px 31px;
}
@media only screen and (max-width: 600px) {
.content .rightblock__item_info {
position: relative;
width: 100%;
}
}
.content .rightblock__item .owl-item {
float: left;
}
.content .rightblock__item .owl-nav {
position: absolute;
right: 29px;
bottom: 30px;
text-indent: -9999px;
overflow: hidden;
display: inline-block;
width: 105px;
}
@media only screen and (max-width: 600px) {
.content .rightblock__item .owl-nav {
right: 10px;
bottom: 10px;
}
}
.content .rightblock__item .owl-prev,
.content .rightblock__item .owl-next {
border: 1px solid #fff;
width: 50px;
height: 50px;
float: left;
cursor: pointer;
position: relative;
}
.content .rightblock__item .owl-prev:after,
.content .rightblock__item .owl-next:after {
content: '';
background-repeat: no-repeat;
width: 5px;
height: 10px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.content .rightblock__item .owl-prev:hover,
.content .rightblock__item .owl-next:hover {
background-color: #4a5ea5;
}
.content .rightblock__item .owl-prev {
margin-right: -1px;
}
.content .rightblock__item .owl-prev:after {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAYAAAB8OZQwAAAAY0lEQVQImV3Oq41CYQBE4Q/CFoCiBDQes81iqGEVwVAB4hokaBIUORg2/GGSUfNUGbit/uY+WOKAy+iq2ldmFZzxwAZUx2oau+f4wdOItzpVp3/n99CushhCK1xxH3/e8Iv1C+TnXUq4n6YQAAAAAElFTkSuQmCC");
background-repeat: no-repeat;
}
.content .rightblock__item .owl-next:after {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAYAAAB8OZQwAAAAZElEQVQImVWOoQ2EUBAF5yB0gKEGusBchXjElQEWg8eBOUED2Msg7n+yTLJmXvbtoo5qp5KnADZgAmoyKf34B/WWqIu6q7xUAitwFjz5AVVcn9Vv7BzSoTLLPokm/tkCb+DIxRevg2vAPbMh6AAAAABJRU5ErkJggg==");
width: 6px;
}
.content .rightblock__item .owl-dots {
display: none;
position: absolute;
right: 152px;
bottom: 50px;
}
@media only screen and (max-width: 600px) {
.content .rightblock__item .owl-dots {
display: none;
}
}
.content .rightblock__item .owl-dots > div {
float: left;
}
.content .rightblock__item .owl-dot {
background-color: #fff;
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 15px;
opacity: .4;
transition: .2s opacity;
cursor: pointer;
}
.content .rightblock__item .owl-dot.active {
opacity: 1;
transition: .2s opacity;
}
.content .rightblock__title {
font-family: "Bebas Neue", sans-serif;
color: #fff;
font-size: 30px;
line-height: 34px;
font-weight: 600;
overflow: hidden;
}
@media only screen and (max-width: 600px) {
.content .rightblock__title {
font-size: 26px;
}
}
.content .rightblock__description {
margin-top: 17px;
line-height: 22px;
color: #fff;
font-weight: 400;
height: 44px;
overflow: hidden;
}
@media only screen and (max-width: 600px) {
.content .rightblock__description {
margin-top: 15px;
padding-right: 160px;
}
}
.content .rightblock__link {
position: relative;
margin-top: 22px;
color: #fff;
text-decoration: none;
font-weight: 400;
display: inline-block;
border-bottom: 1px solid;
transition: 0.4s all;
}
.content .rightblock__link:hover {
border-bottom-color: transparent;
transition: 0.4s all;
}
.content .rightblock__link:after {
content: '';
width: 24px;
height: 20px;
position: absolute;
top: 1px;
left: 100%;
display: inline-block;
vertical-align: middle;
background-image: url(/local/templates/basic/css/../img/arrow-white.svg);
background-repeat: no-repeat;
background-position: right;
background-size: contain;
}
.content .rightblock__icon {
padding: 26px 0;
margin-top: 6px;
display: block;
}
.content .rightblock__icon.icon_video {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAgElEQVQYlX3PMQrCUBBF0RMJiKuwcTN2rkSyADsrsxkLJSsRbFRwBVOmCWjjB435/5bDffNmqojosMVNgRnWuGCPRUmEOXa4YlMSE0sc0WFVEhN/51QR8cq/AJ5ochu/GTDUBaHHAS36nHhCg0cajMX7RziPk0n8qZmqqKdqpngD6P4erN9IePEAAAAASUVORK5CYII=') center;
width: 50px;
height: 30px;
background-repeat: no-repeat;
padding: 0;
border: 1px solid #fff;
margin-bottom: 23px;
}
.content .rightblock__slider_item {
position: relative;
height: 278px;
}
@media only screen and (max-width: 600px) {
.content .rightblock__slider_item {
height: auto;
}
}
.content .rightblock__slider_img {
width: 100%;
height: auto;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 1090px) {
.content .rightblock__slider_img {
width: 99%;
}
}
.content__contacts {
position: relative;
background-color: #f7f7f7;
width: 100%;
display: inline-block;
padding: 28px 0;
}
.content__contacts_item {
width: calc(100% / 3 - 20px);
float: left;
margin-right: 29px;
}
@media only screen and (max-width: 768px) {
.content__contacts_item {
width: 100%;
margin-right: 0;
float: none;
text-align: center;
}
}
.content__contacts_item:last-child {
margin-right: 0;
}
.content__contacts_item.icon-phone,
.content__contacts_item.icon-mail {
padding-left: 35px;
margin-top: 3px;
position: relative;
}
@media only screen and (max-width: 768px) {
.content__contacts_item.icon-phone,
.content__contacts_item.icon-mail {
text-align: left;
margin-top: 20px;
display: inline-block;
width: 49%;
float: left;
}
}
@media only screen and (max-width: 620px) {
.content__contacts_item.icon-phone,
.content__contacts_item.icon-mail {
width: 100%;
padding-left: 0;
float: none;
text-align: center;
}
}
@media only screen and (max-width: 768px) {
.content__contacts_item.icon-phone {
margin-right: 10px;
}
}
.content__contacts_item.icon-phone:after {
content: '';
display: block;
position: absolute;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABS0lEQVQ4ja3SMUjUYRzG8c+dYQg6x7nULUIuga5BXOJ0WI1t7urg3hBJtErETRq0BS5BNgTBBUpw1KSCoDlEmkFbnk3p2dBbvP75/z1861ne5/d7fnzfl/d9S5Va4wXGnNY2buJAF+03p07VF3AnZ24UV7DeDZhVGd8Ksr7zwv4AvxZk1VTgTkE2kQpcK8jGU4GvC7KZVOAHfI56J7iNpVQgLES9G3iZAouBj9EJfjAVFgPbeBD883+BliM/hz2U8OZ/AKEe1mEspwBLlVoj25vEs+Bfyf/gI7iPFlbwCQf7zal2HhBmMR/8Bu5iM9TX8B690fwxfmC1Z6Bal6MWvuAWLmEauwHyDhcz8+XQG8reYaxFXMdWqJ+GjbKwWIdnAYXTXMUjHHWZ/XvUbjrBPVzGQ3w8Y7a/6A7z1MZbPMGq3y/7HT/Dph2s/AJzZEJeSr4okwAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
width: 20px;
height: 20px;
left: 0;
top: 3px;
}
@media only screen and (max-width: 620px) {
.content__contacts_item.icon-phone:after {
display: none;
}
}
.content__contacts_item.icon-mail:after {
content: '';
display: block;
position: absolute;
background-repeat: no-repeat;
width: 20px;
height: 14px;
left: 0;
top: 3px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAADG0lEQVQ4jWWTf0zUdRjHX8/ne3dIguWGxHl05TkqUChhashcBY5j6Az/qPyvxVxzU/9ozrL5g/N33qQ5cXOjKeuvaEtb1hljUiSOH2usRYYJKow8dCCF0Hncr+/HP+7HuHr+fD7b+/183s/zkou+3w8tyLDu2e+9mhmJRQFQKEwATEQLIoKJmejHX0AhWqNFY1EGx/dWByem/j0svw2Oh0oK7bbOnhE+OtrG3FyEZGnRaYL/NQPIsFj5dJ+bDeuX88uAP2QM3Cs4UvKynYrVTkqLHXR03yEUiYKQEgPQCIqkcNwow2qh0VNLZYWLa32jfNjgsxiL86s9vo5bOOyLeKN8GetWO+nsHuVxMAqi0WjQoFLCGoDMBVZOH9nE+jUv8LXvBp+caCMciWEscbk9aPjx+m2sFgvu1wuorFjOtb5RZmbn4n8XhQZ0ItOnMm00HdvMa6ucnG3p4bPPr6PjPhi5rlqPxkQDfb/+xcRkgE0bXqLmzQJ6++8x9U8ASUyoEbIW2jh3YjOvFObRcKqD1m8H0GgUCkFQyXBFCwrFNz8MsvPAZRZm2rhwagurih1o0ZiYLMqy0XyyjoJlOezY/x2X22+mFpUsI89V6xEELfGstAhj/mmCc1HWlubzVnURw3enmJkJ0eyt43nH05xt6eXKT7dRie0LggkIICurTuukukKhlLCrvpz33y1jzD9NzIzhXLqYyb8DPA6GsRgGTscztHzVT1NLL9FYNO0aLKLj0ykUS3Ky8O5zU1q8lPafh2lo7MAwhO+/eA97bjbb9lzixp8TeHZXUr+1jFdX2Pn4aBsPpgLoRHRGrqvGA1Be+hzN3i3k27PxnuuisbmLcCRGJGwSCccYG5/m4pVBQqEo7V3DTD8KUVdTRJ27iKGRSfzjs2g0srLqjN62tYxd9eXcn5hl92Effww9TJEwnw4FacQUvphD48GN2J/Npul8Dxda+1EK7geCYTp7RnhneyuDtybn7Yx5kJkJMZVi+ubQQ97e/iWd3XcJBMOY8EBKqs7UAudFdF5M6zTo0w/i/wbx/AURE0zxAx88AUilUxJhwXtaAAAAAElFTkSuQmCC");
}
@media only screen and (max-width: 620px) {
.content__contacts_item.icon-mail:after {
display: none;
}
}
.content__contacts_title {
font-family: "Bebas Neue", sans-serif;
font-size: 30px;
font-weight: bold;
color: #3d53a1;
}
.content__contacts_desc {
font-size: 14px;
margin-top: -3px;
}
.content__contacts_phone {
font-size: 20px;
color: #000;
text-decoration: none;
}
.content__contacts_phone-desc {
font-size: 14px;
color: #5f5f5f;
}
.content__contacts_mail {
font-size: 20px;
color: #000;
text-decoration: none;
border-bottom: 1px solid;
transition: 0.4s all;
}
.content__contacts_mail:hover {
border-bottom-color: transparent;
transition: 0.4s all;
}
.content__link {
margin-top: 50px;
margin-bottom: 56px;
}
@media only screen and (max-width: 600px) {
.content__link {
display: none;
}
}
.content__link_item {
float: left;
width: calc(100% / 4 - 18px);
margin-right: 23px;
padding-left: 59px;
padding-right: 47px;
position: relative;
}
@media only screen and (max-width: 860px) {
.content__link_item {
width: calc(100% / 2 - 18px);
margin-right: 0;
margin-bottom: 60px;
}
.content__link_item:nth-child(3),
.content__link_item:nth-child(4) {
margin-bottom: 0;
}
}
@media only screen and (max-width: 600px) {
.content__link_item {
display: none;
}
}
.content__link_item:before {
content: '';
background-repeat: no-repeat;
position: absolute;
top: 6px;
left: 0;
}
.content__link_item:last-child {
margin-right: 0;
}
.content__link_item.icon-tank:before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAjVBMVEUAAAAZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZVqbY4GAAAALnRSTlMA3XJXp/YRoPCFXUkFTz7P+mok2tWRfujKvrati2RTKxjtsZgMw3ZvRDMfD8c4oCZWkwAAAgNJREFUOMuN1OmSqjAQBeCDECIBZBVEcR93Pe//eBfiXFSMNX4/0lQlFTrprsAomJJjfGGy9m3KPxb5RSK5USqjl3hLmJwDwD3XJPOStDKSNkyogC1xZADNp4s3pzoS1Joghhq5jsan12URmW94ldKirG3peXIv631R7EhrhI5Hyw4AjoCaQIpL0AxYtUMYPS5qxkMbXCZBIIkFkU9BdyvAAoBiBW3MUMefIRsRflKs2s3cM1J9mhHlPShol9gZDCal6Wr1NYkcd26bo0cY7AgcuewWFmk6EzBYUaHSM48cJzApLXCGX268XSyqIUzGBAfdQt4+5QhFcP7YsR6NpuYdQ4L7b3JUfM6RxXK5EZ9yrAT+vkeUGUY8oatMklxLY0vT1pXp5WiuDG5M/v/64LpOjHcLhs/d41IBkujT3aM5XT+23+ibc9qG6Ab4YhfiA78SNpBGYOZIzyKZz7yt44w958kmIll60okIsbasrJptrnlmvcsn01nVTJQCVPiCT/BLCJNB47Dw/fngzTz0F3o+6Q4bHE8wWB5/+u+h6UXyY5LXCx4mDIPVhrfedtydgyOz5xrp98Wy8CLS3Z7yUYxt/FsrvKCnw3CKu65bi/5CqYOQ6IgCQCBqvNjHK/2f4N5rtm37EaU6DDm3XyjGe7Wl5duriw221oKNIXvWbMTNGC75D5EeQaQHlHWkAAAAAElFTkSuQmCC");
width: 40px;
height: 40px;
}
.content__link_item.icon-products:before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAjVBMVEUAAAAZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZVqbY4GAAAALnRSTlMAPoxWEe4yaEdu+KfdoQVcvg1hULAtzJ2VI+Ee9Ma2dCfy59IKgkQ2GhZ+eFmJmoCAbwAAAhFJREFUOMt90evWalAYhuEHKTOb7IlKRfvWc/6Ht2aZScV3/TB4x91rjqCv3PGXjV9buiLUhKF1jsKhPxSegAUui04Eu+YG35aMoBEVOybS/EJ/KPzm+NB+d3KKpcm5qZzOO9Qx4K1i9DQ3m+vDKbvmrpKcXdS0bb2gixcLHunvmeCCPrFxnH1aE8qVOXhHSUSvE3lPeDq+woouY84wlVeXGWBmDTsJDLa/zWjgyPUWk5hXJPQn1hlWayGsoAsdBsAZQHslL8ldqLCBNVGh9G9lQVp6AKZODMR8qTxqKgxEdaMOWHNyBjnMK7FEnwq35CptHke7Pw6LzY7clrHT2hdx+dpIDVK6A7BWk2VIW/Ffr5azCaS9A8AlHpiIFZRAhTbJdHMAQoaexhwQsS83zqFM29BmlPhOSgHkJDeAxrrwA/EdUocU8QbgeDCe91cA+k+4eEx5x9uJcTMQCsAr6KFJbwG8MD09v8xgKPmMCnKBhJR3xQVjIWoWk3mECUuXbADkvb+nHyILwLXIWCLbQtKpK3YXKoFvcr5eomWtTWW/LhGpUDnziEHfYUmaq3lrJXel7VY542cYiIPeN+/OeQjBEKPsPd5YTUb5/XDHP2zwxnw2JkyLj1djVG3izWU4lZLtVOkeTjoN9GQcNcOHUpMOXGidnJYmBRiwJN6OxAjLyFkZHZuhMcUQh9yxRz5k+PQfuI5Slj6aYF0AAAAASUVORK5CYII=");
width: 40px;
height: 40px;
}
.content__link_item.icon-doc:before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAgVBMVEUAAAAZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZU1UlhPAAAAKnRSTlMAVz4PA2sIn4ZcKevHctpSEt6+R6fxzmAl1K2Me+S3m3ZMOjUf95VFgTI8wkoMAAABtElEQVQ4y43V2XaqMBiG4T8kBKkD86yIorb97v8Cd0K2KTLUPgchZr2CuiAS7QFkWFELMnTn7U/o3EVf2NkQKZHAhZaVSGzI9LD7mClvpRqwt6GrhgNWMRsOb5F85oKLGskCu32lzWauRq0PXqqdO0IfYKtFp+3TKdKv4yoa6BcAwSlAb33q0Ddh3gRPTSWHFQwqNQ1GIcZCvXJNFLfo1ZSNwiYJn5JG2pDoMgkFGWZuL10WeA0FjrbrzKWFpg6TM5bchrwUNDIJj71d/j7K9VBkhV12wdfCufWwzQCcXDIyL0TYRVs+vzRq3/eRknEM5EY6iOU8vD8cx8k8GoO/cOkI2nHcCXOzzn5wznl2/kOov8epNY/LWmgXWwwy/i6MYkd54G1oPiN7H25TPXd/D30dDmcMENIAxVJYM8ZQMSUFT3rJ5AdSMQvN/ZzdoR0o8jh4t82kDf/2uDoq7BkO2m7ssMvzc16piXFXYXB7xKk3FbcxYj1pY61u/m9SQk7ozeFzOL5sezmmwgRG8LqR5s6E4Nfvq+NcRxupp4eAlvGfTXuDTVGhYItcHMja/Pb3Edvn9h+vJkvCtzFkqwAAAABJRU5ErkJggg==");
width: 40px;
height: 40px;
}
.content__link_item.icon-service:before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAhFBMVEUAAAAZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUJcHUuAAAAK3RSTlMA+2ZKidXrbGmVGbKFQM0SmB2zJyLzgFtSLQnkjmFFDbqnoDXZyMR5ck3fw6g3qgAAAXNJREFUOMvF0NmSqjAUheGVFhQ9KpMMAuI89Xr/9zubTidNU8ayvOnvIgXFXwnZAMJpRhc17pb9CuJIRsFHT/CjaMgm8MgS2HK5hdNy9/VxzxUiwm1qPmZnMIKb2kELCBZw4xzaQsIPDIQhRNWtyoSjfri6VujMKdNY89qF3qNwTB3GJ4YV65krXMpG3y51LbdwhAceYaRkbC/TD2c35LzbbqZ2Sfa1vcqPcZfFqQ5j+gxs19IHPrnofkeRTfFJ+pk+uqAHKz+ha26y1Fl5JU9toMw/OqbOXMa6hth0oZsM3JIwGhuNTHpspWY8JtxEUy0q5GJTK/4dBnAa7nhL/mnJBFgl9i0ehp5vyCVT30rfPrqdGAsZ28QKh+FBGZGMR1nrQfj60eHM2ALV92P1IExo7IGjeXwQpu1Ca1Nge7+PRLmGeHc8ByqN0fOw9OaaV6Lv/aPnS7F5IczPl8v5lVD7g7B8Fja98DByY2/Hmk9kP7P4D+gVLz718kAiAAAAAElFTkSuQmCC");
width: 40px;
height: 40px;
}
.content__link_item_title {
font-family: "Bebas Neue", sans-serif;
font-size: 24px;
color: #3d53a1;
text-decoration: none;
border-bottom: 1px solid;
display: inline;
transition: 0.4s all;
}
.content__link_item_title:hover {
border-bottom-color: transparent;
transition: 0.4s all;
}
.content__bottom {
margin-top: -90px;
}
@media only screen and (max-width: 910px) {
.content__bottom {
margin-top: 0;
}
}
.content.content-bg {
background-repeat: no-repeat;
width: 100%;
height: 100%;
padding-top: 120px;
margin-top: 0;
background-size: cover;
padding-bottom: 50px;
}
.content__title {
font-family: "Bebas Neue", sans-serif;
font-size: 3em;
letter-spacing: 0.02em;
font-weight: 800;
position: relative;
color: #3d53a1;
display: inline;
border-bottom: 27px solid #efefef;
top: -10px;
left: 20px;
}
.content__title span {
position: relative;
top: 30px;
left: -20px;
transition: .5s top;
}
.content__title.no-border:before {
content: none;
}
@media only screen and (max-width: 520px) {
.content__title:after {
content: '';
display: block;
}
}
.content__desc {
margin-top: 22px;
font-size: 20px;
letter-spacing: 0.004em;
width: 90%;
margin-bottom: 40px;
}
.content__button-query {
font-family: "Bebas Neue", sans-serif;
font-size: 22px;
color: #fff;
background-color: #3d53a1;
display: inline-block;
padding: 12px 15px;
margin-top: 5px;
letter-spacing: 0.02em;
border: 1px solid #3d53a1;
transition: all 0.4s;
cursor: pointer;
text-decoration: none;
z-index: 1;
position: relative;
}
.content__small-button-query {
/* font-family: "Bebas Neue", sans-serif; */
/* font-size: 22px; */
color: #fff;
background-color: #3d53a1;
display: inline-block;
padding: 0px 15px;
/* margin-top: 5px; */
letter-spacing: 0.02em;
border: 1px solid #3d53a1;
transition: all 0.4s;
cursor: pointer;
text-decoration: none;
z-index: 1;
position: relative;
}
@media only screen and (max-width: 768px) {
.content__button-query {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (max-width: 410px) {
.content__button-query {
font-size: 16px;
}
}
.content__button-query:hover {
color: #3d53a1;
background-color: transparent;
transition: 0.4s all;
}
.content__button {
font-family: "Bebas Neue", sans-serif;
font-size: 20px;
color: #3d53a1;
cursor: pointer;
border-bottom: 1px dotted;
transition: 0.4s all;
margin-top: 20px;
margin-left: 32px;
letter-spacing: 0.02em;
text-decoration: none;
display: inline;
position: relative;
top: 10px;
left: 20px;
}
@media only screen and (max-width: 520px) {
.content__button {
display: inline-block;
left: 0;
margin-left: 0;
}
}
.content__button:after {
content: '';
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAgUlEQVQoke3RIQrCcBiG8Z9zdxAW7RM0WpdM8wCCu8GKySh2kYE3UbB4iO0ANqtFsFr2BxkGD7Anft/z8n3wDtLs6IsUNSZowjDyB70kxgoP3H7sMyQRZrgg7whLnDEdjsaLa3v2hDfmeOGAPbZxm9rhiVDkBiWq7uMV1rijCAJ8AL3+E620ud6sAAAAAElFTkSuQmCC");
width: 9px;
height: 14px;
background-repeat: no-repeat;
position: absolute;
right: -17px;
top: 6px;
}
.content__button:hover {
border-bottom-color: transparent;
transition: 0.4s all;
}
.company {
height: 100%;
position: relative;
padding: 83px 28px;
}
@media only screen and (max-width: 600px) {
.company {
padding: 10px 0;
}
}
.company__inner > div {
float: left;
}
.company__info {
width: 42%;
}
@media only screen and (max-width: 1100px) {
.company__info {
width: 45%;
}
}
@media only screen and (max-width: 800px) {
.company__info {
width: 98%;
margin-bottom: 20px;
}
}
.company__title {
font-family: "Bebas Neue", sans-serif;
font-size: 1.9em;
color: #000;
font-weight: bold;
}
@media only screen and (max-width: 600px) {
.company__title {
font-size: 24px;
font-weight: bold;
}
}
.company__line {
width: 135px;
height: 3px;
background-color: #3d53a1;
margin: 20px 0 25px;
}
@media only screen and (max-width: 600px) {
.company__line {
margin: 20px 0 20px;
}
}
.company__description {
line-height: 1.4em;
font-weight: 400;
color: #000;
}
@media only screen and (max-width: 600px) {
.company__description {
font-size: 1em;
line-height: 22px;
}
}
.company__number {
width: 15%;
height: 102px;
margin-left: 14px;
margin-top: 5px;
border-left: 1px solid #3d53a1;
padding: 0px 16px;
position: relative;
}
.company__number:nth-last-child(2) .company__number_title {
margin-left: -6px;
}
@media only screen and (max-width: 800px) {
.company__number {
width: 32%;
margin-left: 0;
margin-right: 5px;
}
}
@media only screen and (max-width: 600px) {
.company__number {
height: 140px;
}
}
@media only screen and (max-width: 400px) {
.company__number {
width: 100%;
border-left: none;
margin-bottom: 20px;
padding: 0;
}
}
.company__number:nth-child(3) .company__number_desc {
padding-right: 45px;
}
.company__number:last-child {
margin-right: 0;
width: 14%;
}
.company__number_title {
font-family: "Bebas Neue", sans-serif;
color: #3d53a1;
font-size: 3.8em;
font-weight: 700;
line-height: 1.1;
margin-top: 23px;
}
.company__number_desc {
position: absolute;
top: 77px;
left: 14px;
}
@media only screen and (max-width: 400px) {
.company__number_desc {
left: 0;
top: 57px;
}
}
.article__item.full_size {
width: calc(100% - 3px) !important;
}
@media screen and (max-width: 1090px) {
.article__item.full_size {
width: calc(100% - 9px) !important;
}
}
@media screen and (max-width: 1070px) {
.article__item.full_size {
width: calc(100% - 2px) !important;
}
}
@media screen and (max-width: 1000px) {
.article__item.full_size {
width: 100% !important;
}
}
.project__item_numbers_item,
.article__item_numbers_item {
float: left;
width: 30%;
margin-left: -4px;
margin-right: 29px;
}
@media only screen and (max-width: 490px) {
.project__item_numbers_item,
.article__item_numbers_item {
width: 100%;
float: none;
margin-top: 20px;
}
}
.project__item_numbers_item:last-child,
.article__item_numbers_item:last-child {
margin-right: 0;
width: 26%;
margin-left: 8px;
}
@media only screen and (max-width: 490px) {
.project__item_numbers_item:last-child,
.article__item_numbers_item:last-child {
width: 100%;
float: none;
margin-left: 0;
}
}
.project__item_numbers_title,
.article__item_numbers_title {
font-family: "Bebas Neue", sans-serif;
font-size: 3em;
font-weight: 700;
color: #3d53a1;
}
.project__item_numbers_desc,
.article__item_numbers_desc {
font-size: 0.75em;
margin-top: -4px;
margin-left: 4px;
line-height: 1.5;
font-weight: 400;
}
.project,
.article,
.portfolio {
margin-top: 40px;
}
.project-single .content-page,
.article-single .content-page,
.portfolio-single .content-page {
margin-bottom: 62px;
}
.project-single__numbers,
.article-single__numbers,
.portfolio-single__numbers {
max-width: 555px;
border: 1px solid #e8e8e8;
margin-top: 44px;
padding: 10px 0 16px 30px;
position: relative;
margin-bottom: 24px;
}
.project-single__title,
.article-single__title,
.portfolio-single__title {
background-color: #fff;
padding: 0 10px;
color: #060606;
font-size: 1em;
position: absolute;
top: -13px;
left: 20px;
letter-spacing: -0.013em;
}
.project-single .project__item_numbers_item,
.article-single .project__item_numbers_item,
.portfolio-single .project__item_numbers_item {
width: calc(100% / 3 - 16px);
}
@media only screen and (max-width: 490px) {
.project-single .project__item_numbers_item,
.article-single .project__item_numbers_item,
.portfolio-single .project__item_numbers_item {
float: left;
}
}
.project-single .project__item_numbers_item:nth-child(1),
.article-single .project__item_numbers_item:nth-child(1),
.portfolio-single .project__item_numbers_item:nth-child(1) {
margin-right: 45px;
}
@media only screen and (max-width: 520px) {
.project-single .project__item_numbers_item:nth-child(1),
.article-single .project__item_numbers_item:nth-child(1),
.portfolio-single .project__item_numbers_item:nth-child(1) {
margin-right: 20px;
}
}
.project-single .project__item_numbers_item:nth-child(2),
.article-single .project__item_numbers_item:nth-child(2),
.portfolio-single .project__item_numbers_item:nth-child(2) {
margin-right: 26px;
}
.project-single .project__item_numbers_item:last-child,
.article-single .project__item_numbers_item:last-child,
.portfolio-single .project__item_numbers_item:last-child {
width: 25%;
}
.project-single .project__item_numbers_desc,
.article-single .project__item_numbers_desc,
.portfolio-single .project__item_numbers_desc {
margin-top: -13px;
}
.project-single .news-single__back,
.article-single .news-single__back,
.portfolio-single .news-single__back {
margin-bottom: 39px;
}
.project-photo,
.article-photo,
.portfolio-photo {
margin-top: 24px;
}
.big-table-scroll {
width: 100%;
overflow: hidden;
}
table.big-table {
min-width: 820px;
}
.content-page .portfolio-photo {
margin-bottom: -20px;
}
.content-page .portfolio-photo:after {
content: "";
display: table;
clear: both;
}
.content-page .portfolio-photo img {
max-width: 100%;
}
.project-photo a,
.article-photo a,
.portfolio-photo a {
display: block;
width: calc(100% / 2 - 20px);
float: left;
margin-right: 30px;
margin-bottom: 20px;
}
.project-photo a:nth-child(2n),
.article-photo a:nth-child(2n),
.portfolio-photo a:nth-child(2n) {
margin-right: 0;
}
.project__header,
.article__header,
.portfolio__header {
font-family: "Bebas Neue", sans-serif;
}
.project__title,
.article__title,
.portfolio__title {
float: left;
font-size: 1.9em;
font-weight: 800;
margin-left: 27px;
color: #000;
}
@media only screen and (max-width: 800px) {
.project__title,
.article__title,
.portfolio__title {
margin-left: 0;
}
}
@media only screen and (max-width: 800px) {
.project__title,
.article__title,
.portfolio__title {
font-size: 26px;
}
}
.project__link,
.article__link,
.portfolio__link {
float: right;
position: relative;
margin-top: 9px;
font-size: 1.1em;
color: #3d53a1;
text-decoration: none;
transition: 0.4s all;
}
.project__header .project__link,
.article__header .article__link {
padding-right: 0px;
}
@media screen and (max-width: 1070px) {
.project__header .project__link,
.article__header .article__link {
padding-right: 0;
}
}
.project__link span,
.article__link span,
.portfolio__link span {
border-bottom: 1px solid;
}
.project__link span:hover,
.article__link span:hover,
.portfolio__link span:hover {
border-bottom-color: transparent;
transition: 0.4s all;
}
@media only screen and (max-width: 1070px) {
.portfolio__link {
margin-right: 30px;
}
}
@media only screen and (max-width: 530px) {
.project__link,
.article__link,
.portfolio__link {
display: none;
}
}
.project__link_mobile,
.article__link_mobile,
.portfolio__link_mobile {
display: none;
}
@media only screen and (max-width: 530px) {
.project,
.article,
.portfolio {
position: relative;
}
.project__link_mobile,
.article__link_mobile,
.portfolio__link_mobile {
display: block;
margin-top: 15px;
float: none;
font-size: 1.1em;
text-align: center;
font-family: "Bebas Neue", sans-serif;
color: #3d53a1;
}
.project__link_mobile:after,
.article__link_mobile:after,
.portfolio__link_mobile:after {
content: '';
background-image: url(/local/templates/basic/css/../img/arrow-white.svg);
/*
background-image: url('data:image/svg+xml;utf8,');
*/
background-position: right;
width: 29px;
height: 19px;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
margin-left: 0;
}
}
.project__link:after,
.article__link:after,
.portfolio__link:after {
content: '';
background-image: url(/local/templates/basic/css/../img/arrow-blue.svg);
/*
background-image: url('data:image/svg+xml;utf8,');
*/
background-position: right;
width: 29px;
height: 19px;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
margin-left: 0;
}
.project__left_column,
.article__left_column,
.portfolio__left_column {
float: left;
margin-top: 22px;
width: 48.6%;
}
@media only screen and (max-width: 1070px) {
.project__left_column,
.article__left_column,
.portfolio__left_column {
width: 100%;
}
}
.project__left_column .project__item .project__item_desc,
.project__left_column .article__item .article__item_desc,
.article__left_column .project__item .project__item_desc,
.article__left_column .article__item .article__item_desc,
.portfolio__left_column .project__item .project__item_desc,
.portfolio__left_column .article__item .article__item_desc {
cursor: auto;
}
.project__date_block,
.article__date_block,
.portfolio__date_block {
color: #fff;
position: absolute;
left: 31px;
top: 24px;
}
.article__date_block {
font-family: 'Bebas Neue', sans-serif;
font-size: 20px;
font-weight: 300;
}
.project__date_block_left,
.article__date_block_left,
.portfolio__date_block_left {
float: left;
font-size: 1.9em;
}
.project__date_block_right,
.article__date_block_right,
.portfolio__date_block_right {
float: left;
font-size: 0.8em;
margin: 7px 7px;
letter-spacing: 0.04em;
}
.project__date_block_right,
.article__date_block_right,
.portfolio__date_block_right {
line-height: 15px;
}
.project__item,
.article__item,
.portfolio__item {
width: calc(50% - 15px);
height: 262px;
position: relative;
margin-right: 30px;
margin-bottom: 30px;
}
@media only screen and (max-width: 1090px) {
.project__item,
.article__item,
.portfolio__item {
width: 46%;
}
}
@media only screen and (max-width: 1070px) {
.project__item,
.article__item,
.portfolio__item {
width: 48.4%;
}
}
@media only screen and (max-width: 800px) {
.project__item,
.article__item,
.portfolio__item {
float: none;
width: 100%;
margin-top: 0;
overflow: hidden;
}
}
@media only screen and (max-width: 490px) {
.project__item,
.article__item,
.portfolio__item {
margin-top: 0;
}
}
.project__item.full_size,
.article__item.full_size,
.portfolio__item.full_size {
width: 100%;
}
.project__item:nth-child(2n),
.article__item:nth-child(2n),
.portfolio__item:nth-child(2n) {
margin-right: 0;
}
.project__item_logo-company,
.article__item_logo-company,
.portfolio__item_logo-company {
margin-top: 31px;
margin-left: 30px;
background-repeat: no-repeat;
}
.project__item_logo-company.logo-sibur,
.article__item_logo-company.logo-sibur,
.portfolio__item_logo-company.logo-sibur {
background-image: url("/local/templates/basic/css/../img/project/icon/sibur.png");
width: 29px;
height: 30px;
}
.project__item_logo-company.logo-bashneft,
.article__item_logo-company.logo-bashneft,
.portfolio__item_logo-company.logo-bashneft {
background-image: url("/local/templates/basic/css/../img/project/icon/bashneft.png");
width: 49px;
height: 30px;
}
.project__item_titles,
.article__item_titles,
.portfolio__item_titles {
font-family: "Bebas Neue Book", sans-serif;
font-size: 1.8em;
color: #fff;
margin-top: 60px;
margin-left: 30px;
width: calc(100% - 60px);
}
.project__item_titles .project_number,
.article__item_titles .project_number,
.portfolio__item_titles .project_number {
float: left;
font-weight: 700;
}
.project__item_titles .project__item_title,
.article__item_titles .project__item_title,
.portfolio__item_titles .project__item_title {
float: left;
width: 65%;
font-family: "Bebas Neue Book", sans-serif;
font-size: 24px;
margin-left: 27px;
margin-top: 6px;
line-height: 1.4;
}
.project__right_column .project__item_title {
margin-top: 0;
}
.project__right_column .owl-item,
.article__right_column .owl-item {
height: 1px;
overflow: hidden;
}
.project__right_column .owl-item.active,
.article__right_column .owl-item.active {
height: auto;
overflow: auto;
}
.project__item_img,
.article__item_img,
.portfolio__item_img {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.project__item.first_project,
.article__item.first_project,
.portfolio__item.first_project {
width: 100%;
margin-left: 0;
height: auto;
}
.project__item.first_project .project__item_header,
.project__item.first_project .article__item_header,
.article__item.first_project .project__item_header,
.article__item.first_project .article__item_header,
.portfolio__item.first_project .project__item_header,
.portfolio__item.first_project .article__item_header {
cursor: pointer;
height: 262px;
display: block;
overflow: hidden;
position: relative;
cursor: pointer;
}
@media only screen and (max-width: 600px) {
.project__item.first_project .project__item_header,
.project__item.first_project .article__item_header,
.article__item.first_project .project__item_header,
.article__item.first_project .article__item_header,
.portfolio__item.first_project .project__item_header,
.portfolio__item.first_project .article__item_header {
height: 100%;
}
}
.project__item.first_project .project__item_header .project__item_titles,
.project__item.first_project .article__item_header .project__item_titles,
.article__item.first_project .project__item_header .project__item_titles,
.article__item.first_project .article__item_header .project__item_titles,
.portfolio__item.first_project .project__item_header .project__item_titles,
.portfolio__item.first_project .article__item_header .project__item_titles {
font-size: 1em;
margin-top: 0;
}
.project__item.first_project .project__item_img,
.project__item.first_project .article__item_img,
.article__item.first_project .project__item_img,
.article__item.first_project .article__item_img,
.portfolio__item.first_project .project__item_img,
.portfolio__item.first_project .article__item_img {
width: 100%;
height: auto;
}
@media only screen and (max-width: 1000px) {
.project__item.first_project .project__item_img,
.project__item.first_project .article__item_img,
.article__item.first_project .project__item_img,
.article__item.first_project .article__item_img,
.portfolio__item.first_project .project__item_img,
.portfolio__item.first_project .article__item_img {
width: 100%;
}
}
.project__item.first_project .project__item_overlay,
.project__item.first_project .article__item_overlay,
.article__item.first_project .project__item_overlay,
.article__item.first_project .article__item_overlay,
.portfolio__item.first_project .project__item_overlay,
.portfolio__item.first_project .article__item_overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
}
.project__item.first_project .project__item_overlay_wrapper,
.project__item.first_project .article__item_overlay_wrapper,
.article__item.first_project .project__item_overlay_wrapper,
.article__item.first_project .article__item_overlay_wrapper,
.portfolio__item.first_project .project__item_overlay_wrapper,
.portfolio__item.first_project .article__item_overlay_wrapper {
position: relative;
font-family: "Bebas Neue", sans-serif;
height: 100%;
width: 100%;
}
.project__item.first_project .project__item_overlay_wrapper .project_number,
.project__item.first_project .project__item_overlay_wrapper .article_number,
.project__item.first_project .article__item_overlay_wrapper .project_number,
.project__item.first_project .article__item_overlay_wrapper .article_number,
.article__item.first_project .project__item_overlay_wrapper .project_number,
.article__item.first_project .project__item_overlay_wrapper .article_number,
.article__item.first_project .article__item_overlay_wrapper .project_number,
.article__item.first_project .article__item_overlay_wrapper .article_number,
.portfolio__item.first_project .project__item_overlay_wrapper .project_number,
.portfolio__item.first_project .project__item_overlay_wrapper .article_number,
.portfolio__item.first_project .article__item_overlay_wrapper .project_number,
.portfolio__item.first_project .article__item_overlay_wrapper .article_number {
color: #fff;
font-weight: 700;
font-size: 1.8em;
}
.project__item.first_project .project__item_overlay_wrapper .project__item_title,
.project__item.first_project .project__item_overlay_wrapper .article__item_title,
.project__item.first_project .article__item_overlay_wrapper .project__item_title,
.project__item.first_project .article__item_overlay_wrapper .article__item_title,
.article__item.first_project .project__item_overlay_wrapper .project__item_title,
.article__item.first_project .project__item_overlay_wrapper .article__item_title,
.article__item.first_project .article__item_overlay_wrapper .project__item_title,
.article__item.first_project .article__item_overlay_wrapper .article__item_title,
.portfolio__item.first_project .project__item_overlay_wrapper .project__item_title,
.portfolio__item.first_project .project__item_overlay_wrapper .article__item_title,
.portfolio__item.first_project .article__item_overlay_wrapper .project__item_title,
.portfolio__item.first_project .article__item_overlay_wrapper .article__item_title {
color: #fff;
font-size: 1.8em;
font-weight: 300;
letter-spacing: .018em;
margin-top: -4px;
width: 80%;
padding-right: 20px;
}
.project__item.first_project .project__item_overlay_wrapper .project__item_logo-company.logo-bp,
.project__item.first_project .project__item_overlay_wrapper .article__item_logo-company.logo-bp,
.project__item.first_project .article__item_overlay_wrapper .project__item_logo-company.logo-bp,
.project__item.first_project .article__item_overlay_wrapper .article__item_logo-company.logo-bp,
.article__item.first_project .project__item_overlay_wrapper .project__item_logo-company.logo-bp,
.article__item.first_project .project__item_overlay_wrapper .article__item_logo-company.logo-bp,
.article__item.first_project .article__item_overlay_wrapper .project__item_logo-company.logo-bp,
.article__item.first_project .article__item_overlay_wrapper .article__item_logo-company.logo-bp,
.portfolio__item.first_project .project__item_overlay_wrapper .project__item_logo-company.logo-bp,
.portfolio__item.first_project .project__item_overlay_wrapper .article__item_logo-company.logo-bp,
.portfolio__item.first_project .article__item_overlay_wrapper .project__item_logo-company.logo-bp,
.portfolio__item.first_project .article__item_overlay_wrapper .article__item_logo-company.logo-bp {
background-image: url("/local/templates/basic/css/../img/project/icon/bp.png");
background-repeat: no-repeat;
width: 46px;
height: 60px;
display: block;
}
.project__item.first_project .project__item_overlay_wrapper .project__item_titles,
.project__item.first_project .article__item_overlay_wrapper .project__item_titles,
.article__item.first_project .project__item_overlay_wrapper .project__item_titles,
.article__item.first_project .article__item_overlay_wrapper .project__item_titles,
.portfolio__item.first_project .project__item_overlay_wrapper .project__item_titles,
.portfolio__item.first_project .article__item_overlay_wrapper .project__item_titles {
position: absolute;
bottom: 10px;
}
.project__item.first_project .project__item_desc,
.project__item.first_project .article__item_desc,
.article__item.first_project .project__item_desc,
.article__item.first_project .article__item_desc,
.portfolio__item.first_project .project__item_desc,
.portfolio__item.first_project .article__item_desc {
background-color: #fff;
padding: 27px 25px 25px 31px;
height: 292px;
font-weight: 400;
color: #000;
}
@media only screen and (max-width: 600px) {
.project__item.first_project .project__item_desc,
.project__item.first_project .article__item_desc,
.article__item.first_project .project__item_desc,
.article__item.first_project .article__item_desc,
.portfolio__item.first_project .project__item_desc,
.portfolio__item.first_project .article__item_desc {
background-color: transparent;
padding: 20px 10px;
height: auto;
}
}
.project__item.first_project .project__item_desc p,
.project__item.first_project .article__item_desc p,
.article__item.first_project .project__item_desc p,
.article__item.first_project .article__item_desc p,
.portfolio__item.first_project .project__item_desc p,
.portfolio__item.first_project .article__item_desc p {
text-align: left;
padding: 20px 0;
}
@media only screen and (max-width: 600px) {
.project__item.first_project .project__item_desc p,
.project__item.first_project .article__item_desc p,
.article__item.first_project .project__item_desc p,
.article__item.first_project .article__item_desc p,
.portfolio__item.first_project .project__item_desc p,
.portfolio__item.first_project .article__item_desc p {
padding: 10px 0;
}
}
.project__item.first_project .project__item_desc p:first-child,
.project__item.first_project .article__item_desc p:first-child,
.article__item.first_project .project__item_desc p:first-child,
.article__item.first_project .article__item_desc p:first-child,
.portfolio__item.first_project .project__item_desc p:first-child,
.portfolio__item.first_project .article__item_desc p:first-child {
padding-top: 0;
}
.project__item_link,
.article__item_link,
.portfolio__item_link {
color: #3d53a1;
padding-top: 21px;
display: inline;
cursor: pointer;
position: relative;
letter-spacing: .011em;
text-decoration: none;
}
.project__item_link span,
.article__item_link span,
.portfolio__item_link span {
border-bottom: 1px solid;
transition: 0.4s all;
}
.project__item_link span:hover,
.article__item_link span:hover,
.portfolio__item_link span:hover {
border-bottom-color: transparent;
transition: 0.4s all;
}
.project__item_link:after,
.article__item_link:after,
.portfolio__item_link:after {
content: '';
background-image: url(/local/templates/basic/css/../img/arrow-blue.svg);
/*
background-image: url('data:image/svg+xml;utf8,');
*/
width: 31px;
height: 19px;
display: inline-block;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
margin-left: 6px;
margin-left: 6px;
}
.project__right_column,
.article__right_column,
.portfolio__right_column {
float: right;
width: 48.6%;
margin-top: 22px;
overflow: hidden;
}
@media only screen and (max-width: 1070px) {
.project__right_column,
.article__right_column,
.portfolio__right_column {
width: 100%;
margin-top: -10px;
float: none;
padding-top: 30px;
}
}
@media only screen and (max-width: 800px) {
.project__right_column,
.article__right_column,
.portfolio__right_column {
padding-top: 0;
}
}
@media only screen and (max-width: 490px) {
.project__right_column,
.article__right_column,
.portfolio__right_column {
padding-top: 0;
}
}
.project__right_column > div,
.article__right_column > div,
.portfolio__right_column > div {
float: left;
overflow: hidden;
}
.project__right_column > div:hover,
.article__right_column > div:hover,
.portfolio__right_column > div:hover {
overflow: hidden;
transition: .2s all;
}
.project__right_column > div:hover .project__info,
.project__right_column > div:hover .article__info,
.article__right_column > div:hover .project__info,
.article__right_column > div:hover .article__info,
.portfolio__right_column > div:hover .project__info,
.portfolio__right_column > div:hover .article__info {
background-color: rgba(45, 67, 145, 0.9);
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
transition: .2s all;
}
.project__right_column > div:hover .project__info.noimage,
.project__right_column > div:hover .article__info.noimage,
.article__right_column > div:hover .project__info.noimage,
.article__right_column > div:hover .article__info.noimage,
.portfolio__right_column > div:hover .project__info.noimage,
.portfolio__right_column > div:hover .article__info.noimage,
.portfolio.sfery-list .portfolio__right_column > div:hover .project__info,
.portfolio.sfery-list .portfolio__right_column > div:hover .article__info,
.project__right_column > div .project__info.noimage,
.project__right_column > div .article__info.noimage,
.article__right_column > div .project__info.noimage,
.article__right_column > div .article__info.noimage,
.portfolio__right_column > div .project__info.noimage,
.portfolio__right_column > div .article__info.noimage,
.portfolio.sfery-list .portfolio__right_column > div .project__info,
.portfolio.sfery-list .portfolio__right_column > div .article__info {
-webkit-transform: translateY(-35px);
transform: translateY(-35px);
}
.project__right_column > div:hover .article__item_title,
.project__right_column > div:hover .article__item_title,
.article__right_column > div:hover .article__item_title,
.article__right_column > div:hover .article__item_title,
.portfolio__right_column > div:hover .article__item_title,
.portfolio__right_column > div:hover .article__item_title {
bottom: auto;
top: 130px;
}
.project__right_column > div:hover .project__info_hidden,
.project__right_column > div:hover .article__info_hidden,
.article__right_column > div:hover .project__info_hidden,
.article__right_column > div:hover .article__info_hidden,
.portfolio__right_column > div:hover .project__info_hidden,
.portfolio__right_column > div:hover .article__info_hidden {
opacity: 1;
}
.project__right_column .owl-item,
.article__right_column .owl-item,
.portfolio__right_column .owl-item {
float: left;
}
.project__right_column .owl-nav,
.article__right_column .owl-nav,
.portfolio__right_column .owl-nav {
display: none;
}
.project__info,
.article__info,
.portfolio__info {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
height: 400px;
transition: .2s all;
}
.project__info_hidden,
.article__info_hidden,
.portfolio__info_hidden {
opacity: 0;
margin-left: 80px;
margin-top: 22px;
font-weight: 300;
padding-right: 20px;
transition: .2s all;
}
.project__info_hidden > a,
.article__info_hidden > a,
.portfolio__info_hidden > a {
display: block;
color: #fff;
margin-bottom: 30px;
transition: 0.2s all;
position: relative;
}
.project__info_hidden > a:hover,
.article__info_hidden > a:hover,
.portfolio__info_hidden > a:hover {
text-decoration: none;
transition: 0.2s all;
}
.project__info_hidden > a:after,
.article__info_hidden > a:after,
.portfolio__info_hidden > a:after {
content: '';
background-image: url(/local/templates/basic/css/../img/arrow-white.svg);
/*
background-image: url('data:image/svg+xml;utf8,');
*/
width: 31px;
height: 21px;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
/*-webkit-transform: translateY(-50%);*/
/*transform: translateY(-50%);*/
margin-left: 6px;
}
.project__item_title {
font-size: 1.9em;
}
@media only screen and (max-width: 600px) {
.project__item_title {
font-size: 24px;
}
}
@media only screen and (max-width: 800px) {
.project__info {
background-color: rgba(45, 67, 145, 0.9);
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
transition: .2s all;
}
}
@media only screen and (max-width: 800px) {
.project__info_hidden {
opacity: 1;
position: absolute;
bottom: 50px;
}
}
@media only screen and (max-width: 800px) {
.project__info_hidden > a {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 800px) {
.project_hidden {
opacity: 1;
}
}
.project .first_project .project__item_logo-company {
position: absolute;
top: 31px;
left: 30px;
margin-left: 0;
margin-top: 0;
}
.project .projectDots {
text-align: center;
display: none;
}
@media only screen and (max-width: 800px) {
.project .projectDots {
display: block;
}
}
.project .projectDots__block {
display: inline-block;
vertical-align: top;
margin-top: 3px;
}
.project .projectDots .owl-dots {
position: relative;
width: 1140px;
margin: 0 auto;
padding: 0 40px;
}
.project .projectDots .owl-dot {
display: inline-block;
vertical-align: top;
width: 10px;
height: 10px;
background-color: #4e5fb7;
border-radius: 50%;
margin-left: 15px;
opacity: 0.5;
cursor: pointer;
}
.project .projectDots .owl-dot.active {
opacity: 1;
}
.project .projectDots .project-prev {
margin-top: 0;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAYAAAAPFIbmAAABA0lEQVQokX3RMUiVURQA4K9fMZucJGhzarnweBRcEqFNuIuba2siTg7i6BtdasypobZWh9+G4C3yuPB4IlyI2h0lwsHaXG7w8P/tbOfcj3Pu4TwajUYeirbEE/xa/A84wFv8bB4AOzjGD7zsoLbEbXzANWIK+aa5BzbxBX8xSCH/hmYOvMDXmg5TyFf/3poKnmNaa+sp5O/zExb+rB4GTLCMlEIe3/9ng49YwbsU8lnftg12cYu9tsTXvSiFPMUrLGHcljjs6ySFfImNWpu1Ja51UIXn2KrpRVvi0w6q8BRv6iKztsQnHVThZ+zjGSZtiY97D5xCfo8jDDDtRRWO8Anf7gASB01NnIOGAgAAAABJRU5ErkJggg==");
width: 9px;
height: 17px;
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
vertical-align: top;
text-indent: -9999px;
overflow: hidden;
}
.project .projectDots .project-next {
margin-top: 0;
margin-left: 20px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAYAAAAPFIbmAAABA0lEQVQokX3RMUiVURQA4K9fMZucJGhzarnweBRcEqFNuIuba2siTg7i6BtdasypobZWh9+G4C3yuPB4IlyI2h0lwsHaXG7w8P/tbOfcj3Pu4TwajUYeirbEE/xa/A84wFv8bB4AOzjGD7zsoLbEbXzANWIK+aa5BzbxBX8xSCH/hmYOvMDXmg5TyFf/3poKnmNaa+sp5O/zExb+rB4GTLCMlEIe3/9ng49YwbsU8lnftg12cYu9tsTXvSiFPMUrLGHcljjs6ySFfImNWpu1Ja51UIXn2KrpRVvi0w6q8BRv6iKztsQnHVThZ+zjGSZtiY97D5xCfo8jDDDtRRWO8Anf7gASB01NnIOGAgAAAABJRU5ErkJggg==");
width: 9px;
height: 17px;
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
vertical-align: top;
text-indent: -9999px;
overflow: hidden;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.project .projectDots .project-next:hover {
opacity: 0.8;
}
.project .projectDots__inner {
overflow: hidden;
display: inline-block;
}
@media only screen and (max-width: 600px) {
.article {
margin-top: 50px;
}
}
.article__left_column .article__item_title {
left: 31px !important;
font-size: 1.9em !important;
font-weight: 400 !important;
}
.article__right_column .article__item_title {
position: absolute;
left: 31px !important;
/* top: 130px;*/
font-size: 1.9em !important;
font-weight: 400 !important;
font-family: 'Bebas Neue', sans-serif;
padding-right: 30px;
bottom: 159px;
line-height: 36px;
height: auto;
max-height: 108px;
}
.article__right_column .article__info_hidden {
opacity: 0;
margin-left: 31px !important;
margin-top: 272px !important;
}
@media only screen and (max-width: 1000px) {
.article__item {
width: 100%;
}
}
.article__item_desc {
line-height: 1.4 !important;
}
.article__item_title {
position: absolute;
bottom: 40px;
}
.article__item_titles {
font-size: 1em !important;
}
.article .articleDots {
text-align: center;
display: none;
}
@media only screen and (max-width: 800px) {
.article .articleDots {
display: block;
}
}
.article .articleDots__block {
display: inline-block;
vertical-align: top;
margin-top: 3px;
}
.article .articleDots .owl-dots {
position: relative;
width: 1140px;
margin: 0 auto;
padding: 0 40px;
}
.article .articleDots .owl-dot {
display: inline-block;
vertical-align: top;
width: 10px;
height: 10px;
background-color: #4e5fb7;
border-radius: 50%;
margin-left: 15px;
opacity: 0.5;
cursor: pointer;
}
.article .articleDots .owl-dot.active {
opacity: 1;
}
.article .articleDots .article-prev {
margin-top: 0;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAYAAAAPFIbmAAABA0lEQVQokX3RMUiVURQA4K9fMZucJGhzarnweBRcEqFNuIuba2siTg7i6BtdasypobZWh9+G4C3yuPB4IlyI2h0lwsHaXG7w8P/tbOfcj3Pu4TwajUYeirbEE/xa/A84wFv8bB4AOzjGD7zsoLbEbXzANWIK+aa5BzbxBX8xSCH/hmYOvMDXmg5TyFf/3poKnmNaa+sp5O/zExb+rB4GTLCMlEIe3/9ng49YwbsU8lnftg12cYu9tsTXvSiFPMUrLGHcljjs6ySFfImNWpu1Ja51UIXn2KrpRVvi0w6q8BRv6iKztsQnHVThZ+zjGSZtiY97D5xCfo8jDDDtRRWO8Anf7gASB01NnIOGAgAAAABJRU5ErkJggg==");
width: 9px;
height: 17px;
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
vertical-align: top;
text-indent: -9999px;
overflow: hidden;
}
.article .articleDots .article-next {
margin-top: 0;
margin-left: 20px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAYAAAAPFIbmAAABA0lEQVQokX3RMUiVURQA4K9fMZucJGhzarnweBRcEqFNuIuba2siTg7i6BtdasypobZWh9+G4C3yuPB4IlyI2h0lwsHaXG7w8P/tbOfcj3Pu4TwajUYeirbEE/xa/A84wFv8bB4AOzjGD7zsoLbEbXzANWIK+aa5BzbxBX8xSCH/hmYOvMDXmg5TyFf/3poKnmNaa+sp5O/zExb+rB4GTLCMlEIe3/9ng49YwbsU8lnftg12cYu9tsTXvSiFPMUrLGHcljjs6ySFfImNWpu1Ja51UIXn2KrpRVvi0w6q8BRv6iKztsQnHVThZ+zjGSZtiY97D5xCfo8jDDDtRRWO8Anf7gASB01NnIOGAgAAAABJRU5ErkJggg==");
width: 9px;
height: 17px;
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
vertical-align: top;
text-indent: -9999px;
overflow: hidden;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.article .articleDots .article-next:hover {
opacity: 0.8;
}
.article .articleDots__inner {
overflow: hidden;
display: inline-block;
}
@media only screen and (max-width: 800px) {
.article__info {
background-color: rgba(45, 67, 145, 0.9);
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
transition: .2s all;
}
}
@media only screen and (max-width: 800px) {
.article__info_hidden {
opacity: 1 !important;
}
}
.clients {
margin-top: 53px;
}
@media only screen and (max-width: 800px) {
.clients {
margin-top: 40px;
}
}
.clients__header {
font-family: "Bebas Neue", sans-serif;
}
.clients__header .dots-slider {
float: right;
}
@media only screen and (max-width: 600px) {
.clients__header .dots-slider {
/*display: none; */
}
}
.clients__header .dots-slider > div {
float: left;
margin-top: 13px;
margin-right: 20px;
}
.clients__header .dots-slider .prev-button {
display: block;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAYAAAAPFIbmAAAA0klEQVQokX3SIUhDURQG4M+HTCwzCmuuWAQZCuIQ1gSLbdWqiMmwPKNFoyaLzbqibUVEeO/J0pjdKEMMYjPsDsa87930X+7H5ZzDWciyTMm5xXixBHRwjPekAJzgEiNsx1AbN/jEDr7n0T4e8ItNfMEs2sJTyA18TB+maB1pyE0MZ79PsIHXcD/Ay3yRCe6wgis8RhqR4BQ/OEOrCKXYRQX9UPQ/BAPshZxjLYbgGYchv2E1hqCHo9BIjuUYgnuco2YyjqWiLbhGFV2kZatygTrGf1n5JUFmCattAAAAAElFTkSuQmCC");
width: 9px;
height: 17px;
background-repeat: no-repeat;
cursor: pointer;
transition: 0.4s all;
}
.clients__header .dots-slider .prev-button:hover {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAMAAAA4ynbUAAAAXVBMVEUAAAAtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5H7IIZWAAAAHnRSTlMAMfjw0pSKRzoeDgjs5dnYyqF/dnFoXVVNPywpJxfQtvMsAAAAUUlEQVQI1zXMRxKAIBQEUUEQMOds3/+YVsGnV28zU0i2Eiz0CRtDHXHQJjh0iFDwRLzgI+4Sl2Yj+UlpfWWCEnoIwpPyE+50jXDFZM6YQprsD1wFBBYIfnJVAAAAAElFTkSuQmCC");
}
.clients__header .dots-slider .next-button {
display: block;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAYAAAAPFIbmAAAA0klEQVQokX3SIUhDURQG4M+HTCwzCmuuWAQZCuIQ1gSLbdWqiMmwPKNFoyaLzbqibUVEeO/J0pjdKEMMYjPsDsa87930X+7H5ZzDWciyTMm5xXixBHRwjPekAJzgEiNsx1AbN/jEDr7n0T4e8ItNfMEs2sJTyA18TB+maB1pyE0MZ79PsIHXcD/Ay3yRCe6wgis8RhqR4BQ/OEOrCKXYRQX9UPQ/BAPshZxjLYbgGYchv2E1hqCHo9BIjuUYgnuco2YyjqWiLbhGFV2kZatygTrGf1n5JUFmCattAAAAAElFTkSuQmCC");
width: 9px;
height: 17px;
background-repeat: no-repeat;
cursor: pointer;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: 0.4s background-image;
}
.clients__header .dots-slider .next-button:hover {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAMAAAA4ynbUAAAAXVBMVEUAAAAtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5H7IIZWAAAAHnRSTlMAMfjw0pSKRzoeDgjs5dnYyqF/dnFoXVVNPywpJxfQtvMsAAAAUUlEQVQI1zXMRxKAIBQEUUEQMOds3/+YVsGnV28zU0i2Eiz0CRtDHXHQJjh0iFDwRLzgI+4Sl2Yj+UlpfWWCEnoIwpPyE+50jXDFZM6YQprsD1wFBBYIfnJVAAAAAElFTkSuQmCC");
}
.clients__header .dots-slider .dotsContainer_client {
margin-top: 15px;
}
.clients__header .dots-slider .dotsContainer_client .owl-dot {
float: left;
margin-left: 15px;
background-color: #ccc;
width: 10px;
height: 10px;
border-radius: 50%;
cursor: pointer;
}
.clients__header .dots-slider .dotsContainer_client .owl-dot:first-child {
margin-left: 0;
}
.clients__header .dots-slider .dotsContainer_client .owl-dot.active {
background-color: #3d53a1;
}
.clients__caption {
float: left;
}
.clients__title {
font-size: 1.9em;
font-weight: 800;
margin-left: 27px;
color: #000;
}
@media only screen and (max-width: 800px) {
.clients__title {
margin-left: 0;
}
}
@media only screen and (max-width: 600px) {
.clients__title {
font-size: 24px;
}
}
.clients_line {
width: 135px;
height: 3px;
background-color: #3d53a1;
margin: 20px 0 25px 29px;
}
@media only screen and (max-width: 800px) {
.clients_line {
margin-left: 0;
}
}
.clients .owl-nav.disabled {
display: none;
}
.clients__slider {
overflow: hidden;
margin: 25px 0 0 30px;
white-space: nowrap;
}
@media only screen and (max-width: 800px) {
.clients__slider {
margin-left: 0;
}
}
.clients__slider_item {
display: inline-block;
vertical-align: top;
height: 85px;
background-repeat: no-repeat;
width: 100%;
position: relative;
}
.clients__slider_item:hover .clients__slider_item_img {
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
filter: none;
-webkit-filter: grayscale(0);
}
.clients__slider_item_img {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
width: auto;
}
.clients .owl-item {
float: left;
margin-right: 5px;
}
.clients .owl-stage {
display: inline-block;
}
@media only screen and (max-width: 800px) {
.clients .owl-stage {
height: 85px;
}
}
.footer {
background-color: #fff;
width: 100%;
padding-bottom: 40px;
border-top: 1px solid #dfdfdf;
}
@media only screen and (max-width: 550px) {
.footer {
margin-bottom: 0;
padding-bottom: 0;
}
.footer_contacts:after {
content: "";
display: table;
clear: both;
}
}
.footer__inner {
width: 1140px;
position: relative;
margin: 0 auto;
}
@media only screen and (max-width: 1140px) {
.footer__inner {
width: 100%;
}
}
@media only screen and (max-width: 550px) {
.footer__inner {
text-align: center;
}
}
.footer__item {
border-bottom: 1px solid #efefef;
padding: 36px 0 34px;
}
@media only screen and (max-width: 1140px) {
.footer__item {
padding-left: 15px;
}
}
@media only screen and (max-width: 550px) {
.footer__item:first-child .footer__menu {
width: 49%;
text-align: left;
margin-left: 0;
}
.footer__item:first-child .footer__menu:nth-child(4) {
margin-top: -60px;
}
}
.footer__item:nth-child(2) {
margin-top: -10px;
padding-right: 15px;
border: none;
}
.footer__item:nth-child(2) > div {
float: left;
width: 25%;
}
@media only screen and (max-width: 900px) {
.footer__item:nth-child(2) > div.footer_address {
width: 100%;
float: none;
display: block;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 550px) {
.footer__item:nth-child(2) > div.footer_address {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 550px) {
.footer__item:nth-child(2) > div {
float: none;
width: 100%;
margin-bottom: 20px;
margin-left: 0;
}
}
.footer__item:nth-child(2) > div:last-child {
width: 20%;
}
@media only screen and (max-width: 550px) {
.footer__item:nth-child(2) > div:last-child {
width: 100%;
}
.footer__item:nth-child(2) > div:last-child a {
display: inline;
}
}
.footer_dev {
margin-top: 0;
font-size: 0.76em;
color: #7f7f7f;
line-height: 1.6;
text-decoration: none;
display: inline-block;
}
@media only screen and (max-width: 550px) {
.footer_dev {
text-align: left;
display: block;
}
}
.footer_dev span {
border-bottom: 1px solid;
transition: 0.4s all;
display: inline;
}
.footer_dev span:hover {
border-bottom-color: transparent;
}
.footer_address {
font-size: 0.8em;
padding-right: 71px;
line-height: 1.7;
letter-spacing: -.03em;
color: #494949;
}
@media only screen and (max-width: 550px) {
.footer_address {
text-align: left;
padding-right: 0;
}
}
.footer_email {
margin-top: 11px;
font-size: 0.75em;
/*margin-left: 6px;*/
color: #494949;
}
@media only screen and (max-width: 550px) {
.footer_email {
margin-left: 0;
margin-top: 20px;
text-align: left;
}
}
.footer_email a {
color: #3955b8;
text-decoration: none;
border-bottom: 1px solid;
transition: 0.4s all;
}
.footer_email a:hover {
border-bottom-color: transparent;
}
.footer__phone {
/*margin-left: 6px;*/
margin-top: 0;
}
@media only screen and (max-width: 800px) {
.footer__phone {
margin-left: 0;
}
}
@media only screen and (max-width: 550px) {
.footer__phone {
text-align: left;
}
}
.footer__phone_value {
font-family: "Bebas Neue", sans-serif;
font-weight: bold;
font-size: 1.4em;
color: #1e1e1e;
text-decoration: none;
cursor: pointer;
transition: .2s color;
}
.footer__phone_value a {
color: currentColor;
text-decoration: none;
}
/*
.footer__phone_value:hover {
color: #8d8c8c;
transition: .2s color;
}
*/
.footer__phone_value_mobile {
display: none;
font-family: "Bebas Neue", sans-serif;
font-weight: bold;
font-size: 1.4em;
color: #1e1e1e;
text-decoration: none;
cursor: pointer;
transition: .2s color;
}
.footer__phone_desc {
color: #1e1e1e;
margin-top: -7px;
font-size: .7em;
letter-spacing: -.02em;
}
/*.footer__contact {*/
/*margin-top: -6px;*/
/*margin-left: 16px; }*/
@media only screen and (max-width: 550px) {
.footer__contact {
margin-left: 0 !important;
display: block;
margin-bottom: 20px;
text-align: left;
}
}
.footer__contact_item {
cursor: pointer;
display: block;
position: relative;
text-decoration: none;
color: #1e1e1e;
transition: 0.4s all;
}
@media only screen and (max-width: 550px) {
.footer__contact_item {
margin-top: 20px !important;
float: none;
}
}
.footer__contact_item:hover .footer__contact_item_title {
border-bottom-color: transparent;
}
/*Дербичев: убрал отступ для последнего элемента
.footer__contact_item:last-child {
margin-top: 8px;
}
*/
/*Дербичев: добавил отступ для третьего элемента*/
.footer__contact_item:nth-child(3) {
margin-top: 8px;
}
.footer__contact_item_icon {
background-repeat: no-repeat;
display: inline-block;
}
.footer__contact_item_icon.icon_mail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAA00lEQVQYlXXQsSvFcRQF8M/v11MWvTJYDQbbLYoU+Q+8wlskrySD0sufQFlsFuVPsJlkMZjs32QwGC0WT6IUstzhpX6n7nLOPfecbhURC7jCON41Ywzf6NToYRevKTQN7GC+xh7WsIybhpR7zGAWh62stIlJdHGG9SHDXfLn6OCzHhKX8FRK6WI/udNSyiJu0wA/VUQM0E7iCL94xAOmMI0RHOfOW52GL2xgkMaLrHyJE4xm0gvaVUQ855U5bDc8Qh64Rr+FLRxgBR9Z7z8qrGIC/T+x8i5C+wHM7AAAAABJRU5ErkJggg==");
width: 13px;
height: 9px;
}
.footer__contact_item_icon.icon_phone {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAArUlEQVQYlXXNsQ4BAQyA4f8sNiaxis3SRjyCWKy3yC1ewSSeQGJnsFlM4h5F0tVgZxZsNSjhcpo0bdOvKe6OiKQichSRjrtTlomIdIEDrzgDLTN7UIgKMPmam0CtiN6wGv0VSM3s8g/uo7+bWV6GACpmtgNOQENVp39h1GHUhaqOAFS1raorVe0BJO5OLDJgGwc50AfqMWcfGHgMbEo+L39gYAFmwAC4AWszmz8BVjxFSvDxJu8AAAAASUVORK5CYII=");
width: 13px;
height: 10px;
}
/*Старт: Дербичев: добавил ярлыки для соцсетей*/
.footer__contact_item_icon.icon_vk {
background-image: url(/local/templates/basic/img/icons/vk.png);
width: 16px;
height: 12px;
background-size: 90%;
}
.footer__contact_item_icon.icon_youtube {
background-image: url(/local/templates/basic/img/icons/youtube.png);
width: 16px;
height: 12px;
background-size: 90%;
}
.footer__contact_item_icon.icon_rutube {
background-image: url(/local/templates/basic/img/icons/rutube.svg);
width: 16px;
height: 16px;
background-size: 90%;
}
.footer__contact_item_icon.icon_dzen {
background: url(/local/templates/basic/img/icons/dzen.svg) no-repeat center;
width: 16px;
height: 16px;
background-size: 90%;
}
.footer__contact_item_icon.icon_instagram {
background-image: url(/local/templates/basic/img/icons/instagram.png);
width: 16px;
height: 11px;
margin-bottom: -1px;
}
.footer__contact_item_icon.icon_facebook {
background-image: url(/local/templates/basic/img/icons/facebook.png);
width: 16px;
height: 12px;
margin-bottom: -1px;
}
/*Финиш: Дербичев: добавил ярлыки для соцсетей*/
.footer__contact_item_title {
margin-left: 7px;
font-size: 0.7em;
font-weight: bold;
letter-spacing: .031em;
transition: 0.4s all;
}
.footer__contact_item_title.border_solid {
border-bottom: 1px solid #969696;
}
.footer__contact_item_title.border_dotted {
border-bottom: 1px dotted #969696;
}
.footer__menu {
float: left;
width: 25%;
}
.footer__menu:nth-child(2),
.footer__menu:nth-child(3) {
margin-left: 7px;
}
.footer__menu:nth-child(4) {
width: 20%;
margin-left: 7px;
}
.footer__menu_cat {
font-family: "Bebas Neue", sans-serif;
color: #181818;
text-decoration: none;
}
.footer__menu_items {
margin-bottom: 23px;
margin-top: 15px;
}
.footer__menu_item {
line-height: 0.8em;
margin-bottom: 10px;
}
.footer__menu_item_link {
color: #7f7f7f;
text-decoration: none;
font-size: 0.8em;
letter-spacing: -0.04em;
}
.footer__menu_item_link:hover {
color: #000;
}
.popup {
display: none;
max-width: 800px;
}
.popup__block_form {
width: 400px;
}
#popup-message.popup {
width: 100%;
max-width: 655px;
text-align: center;
}
#popup-message.popup .popup__title {
color: #3d53a1;
font-family: "Bebas Neue", sans-serif;
font-size: 1.8em;
padding: 0 24px;
font-weight: 400;
margin-bottom: 15px;
}
@media screen and (max-width: 500px) {
.popup__block_form {
width: auto;
}
}
.popup__block_wrapper {
padding: 31px 13px 36px;
}
@media screen and (max-width: 500px) {
.popup__block_wrapper {
padding-left: 10px;
padding-right: 10px;
}
}
.popup__block_title {
color: #3d53a1;
font-family: "Bebas Neue", sans-serif;
font-size: 1.8em;
padding: 0 24px;
}
.popup__block_title + .about:not(:empty) {
padding: 0 23px;
margin: 25px 0 0;
}
.popup__block_button-submit {
margin-top: 30px;
margin-left: 24px;
border: none;
outline: none;
background-color: #3955b8;
font-family: "Bebas Neue", sans-serif;
font-size: 1.5em;
color: #fff;
padding: 10px 40px;
cursor: pointer;
transition: 0.4s all;
}
.popup__block_button-submit:hover {
background-color: #546eca;
}
.popup__block_input_checkbox {
display: none;
opacity: 0;
}
.popup__block_input_checkbox.warning + .popup__block_input_checkbox_label,
.popup__block_input_checkbox.warning + .popup__block_input_checkbox_label a {
color: red !important;
}
.popup__block_input_checkbox.warning + .popup__block_input_checkbox_label:before {
border: 1px solid red !important;
}
.popup__block_input_checkbox_label {
cursor: pointer;
color: #3955b8;
font-size: 13px;
}
.popup__block_input_checkbox_label span {
line-height: 16px;
font-size: 13px;
}
.popup__block_input_checkbox_label a {
color: #3955b8;
text-decoration: none;
border-bottom: 1px solid;
transition: 0.4s all;
font-size: 13px;
}
.popup__block_input_checkbox_label a:hover {
border-bottom-color: transparent;
}
.popup__block_input_checkbox:not(checked) + label:before {
position: absolute;
top: 3px;
left: 0;
width: 20px;
height: 20px;
content: '';
border: 1px solid #3d53a1;
}
.popup__block_input_checkbox:not(checked) + label:after {
position: absolute;
top: 3px;
left: 0;
width: 20px;
height: 20px;
content: '';
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAXVBMVEUAAAApR48zTZkuQJItRJItQ5AvQo4uQ5EtQ5EuQpMtQ5EsQ5ExRZMuRZEtQ5EtRJIAgIAuRJEtQ5FAQIAtQ5EsQ5AtQ5ErQJUtQpEsQpIsRo0vRJAsQpItQ5EAAACRiZn+AAAAHXRSTlMAGQoc270bs/VC9toaQ9lEAoCrBNhF9xjXRh1HI5uqMWgAAAABYktHRACIBR1IAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4QoDDS0anFnlDgAAAMBJREFUWMPtzNcagyAMQGFo7d4Lu/L+r1m7BBXSkFyoXzn3/1Eq9d/pgcwPs5HoMM4AJIenlxzenn/4eoCJ0E9n7fo5zy/67ZfWr5Jvwa874zfd9FvU659+tz/IPAByIHnkoI8kHzw4/oT6wMF6E/B24DsQPHogeeRA9MED2QcOOd17D1Hec8jPpb8QfOMQ7WsHhq8crhzvHgzLuweebxyife1gbtG+cmB558D05YHtPweBfx1EvjgIvVJ3oU/1rgeDbUQDuayfHwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0xMC0wM1QxMzo0NToyNiswMjowMK7GIYkAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMTAtMDNUMTM6NDU6MjYrMDI6MDDfm5k1AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==") no-repeat;
background-size: contain;
opacity: 0;
transition: all .2s;
}
.popup__block_input_checkbox:checked + label:after {
opacity: 1;
}
.popup__block_field {
padding: 0 24px;
position: relative;
z-index: 1;
}
.popup__block_field_wrapper {
padding-left: 30px;
position: relative;
}
.popup__block_field.input_checkbox {
padding-top: 19px;
margin-bottom: 0;
}
.popup__button-close {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iY3Jvc3MiPgoJCTxnPgoJCQk8cG9seWdvbiBwb2ludHM9IjYxMiwzNi4wMDQgNTc2LjUyMSwwLjYwMyAzMDYsMjcwLjYwOCAzNS40NzgsMC42MDMgMCwzNi4wMDQgMjcwLjUyMiwzMDYuMDExIDAsNTc1Ljk5NyAzNS40NzgsNjExLjM5NyAgICAgIDMwNiwzNDEuNDExIDU3Ni41MjEsNjExLjM5NyA2MTIsNTc1Ljk5NyAzNDEuNDU5LDMwNi4wMTEgICAgIiBmaWxsPSIjMzk1NWI4Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
background-repeat: no-repeat;
width: 14px;
height: 14px;
display: block;
position: absolute;
right: 20px;
top: 20px;
background-size: cover;
cursor: pointer;
opacity: 0.6;
transition: 0.4s opacity;
}
.popup__button-close:hover {
opacity: 1;
}
.popup.open-popup {
display: block;
}
#top {
bottom: 30px;
cursor: pointer;
text-indent: -999px;
overflow: hidden;
display: none;
width: 50px;
height: 50px;
background-color: #3d53a1;
position: fixed;
right: 30px;
opacity: 0.5;
transition: 0.4s all;
z-index: 999;
}
#top:before {
content: '';
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAAAqElEQVQokZWQoQoCURBFL2aTyWIxCCILC4LBoFWL1Wg3Gox+hNls9gOE/QWr2aSCIAjajmUWh4X3dh248Jh774F5AhRRGzgAvVguBugCH36T/gsZuPLWvUdVIVNXmthu7HazMsjchYcFr++8RQiytMAbSAJndoCn5VZFyNqMO9AKfaCpCVwsv8khO1ucgUYJIFcdOFlvX5N0k5RJSiQ9VG1eklJJR0nXL889vp/F5FM2AAAAAElFTkSuQmCC");
background-repeat: no-repeat;
width: 17px;
height: 9px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#top:hover {
background-color: #3d53a1;
opacity: 1;
transition: 0.4s all;
}
.input__field {
position: relative;
display: block;
float: right;
padding: 0.8em;
border: none;
border-radius: 0;
background: #f0f0f0;
font-family: "Roboto", sans-serif;
}
.input__field.warning {
border-bottom: 1px solid red;
}
.input__field:focus {
outline: none;
}
.input__label {
display: inline-block;
float: right;
padding: 0 1em;
color: #3955b8;
font-weight: 300;
}
.input__label-content {
position: relative;
display: block;
padding: 1.6em 0;
width: 100%;
}
.graphic {
position: absolute;
top: 0;
left: 0;
fill: none;
}
/* input */
.input--nariko {
overflow: hidden;
padding-top: 40px;
position: relative;
}
.input__field--nariko {
width: 100%;
background: transparent;
padding: 5px 0;
z-index: 1;
color: #000;
font-weight: 400;
border-bottom: 1px solid #3955b8;
resize: none;
}
.input__label--nariko {
width: 100%;
bottom: 0;
position: absolute;
pointer-events: none;
text-align: left;
color: #3955b8;
font-weight: 400;
padding: 0 24px;
left: 0;
}
.input__label-content--nariko {
padding: 0.5em 0;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
transition: color 0.4s, -webkit-transform 0.4s;
transition: transform 0.4s, color 0.4s;
transition: transform 0.4s, color 0.4s, -webkit-transform 0.4s;
transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.input__field--nariko:focus,
.input--filled .input__field--nariko {
cursor: text;
opacity: 1;
transition: opacity 0s 0.4s;
}
.input__field--nariko:focus + .input__label--nariko::before,
.input--filled .input__label--nariko::before {
transition-delay: 0.05s;
-webkit-transform: translate3d(0, -3.3em, 0);
transform: translate3d(0, -3.3em, 0);
}
.input__field--nariko:focus + .input__label--nariko .input__label-content--nariko,
.input--filled .input__label-content--nariko {
color: #3955b8;
-webkit-transform: translate3d(0, -2.3em, 0) scale3d(0.81, 0.81, 1);
transform: translate3d(0, -2.3em, 0) scale3d(0.81, 0.81, 1);
}
.popup_textarea:focus + label span,
.input--filled .popup_textarea + label span {
color: #3955b8;
-webkit-transform: translate3d(0, -5.5em, 0) scale3d(0.81, 0.81, 1);
transform: translate3d(0, -5.5em, 0) scale3d(0.81, 0.81, 1);
}
.popup_textarea + label {
bottom: 4px;
}
.breadcrumbs {
font-size: 12px;
margin-bottom: 11px;
}
.breadcrumbs__item {
color: #a5a5a5;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px solid;
transition: all 0.4s;
}
.breadcrumbs__item:hover {
border-bottom-color: transparent;
transition: all 0.4s;
}
.breadcrumbs__delimiter {
padding: 0 7px;
}
.right-menu {
border-left: 1px solid #3d53a1;
padding: 10px 44px 10px 20px;
font-family: "Bebas Neue", sans-serif;
font-size: 20px;
font-weight: 500;
margin-top: 73px;
margin-bottom: 50px;
}
.right-menu__item {
margin-bottom: 21px;
cursor: pointer;
position: relative;
}
.right-menu__item.active .right-menu__item_link {
color: #a5a5a5;
}
.right-menu__item.active .right-menu__item_link:hover:after {
opacity: 0;
}
.right-menu__item:last-child {
margin-bottom: 0;
}
.right-menu__item_link {
text-decoration: none;
color: #3d53a1;
position: relative;
}
.right-menu__item_link:hover:after {
opacity: 1;
transition: 0.2s all;
}
.right-menu__item_link:after {
content: '';
display: block;
position: absolute;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAYUlEQVQYlYXMoRHCQBgF4e9urg8sJlVEUEKawEIL6MxgKOBMJC4mk1LiohnwoLD378xzuy91/ajBFS88oLRMTFjxQY3kDScseBd8g+DPPSMFO2LHOQdvB8y44BnJA26o8ANCRQ+I1E0r+QAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
width: 11px;
height: 7px;
right: -20px;
top: 8px;
opacity: 0;
transition: 0.2s all;
}
.paginator {
display: block;
margin-top: 23px;
margin-bottom: 64px;
}
@media only screen and (max-width: 600px) {
.paginator {
text-align: center;
}
}
.paginator__prev,
.paginator__next {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAAAnElEQVQokZ3SsQpBYRQH8B9RWDyPEqvI6AEsJlKS3WgQ3ZBFHkLKqjwRsVgs9y53UN93ltPp1K/T6V9oDG5ytUAVy/ziXxVz8wwrtFCOhaZY444+vjHQGBs80MMnBIESRkjwxBndUCSDJiigjlMMkkF7HNKLZnjFQse0Jxiig3colD17l17TxBW1WAi2mKONi8AclXLzOgUqAnP0A+jNGXWKIFHpAAAAAElFTkSuQmCC");
background-repeat: no-repeat;
width: 18px;
height: 21px;
display: inline-block;
margin-right: 10px;
background-position: center;
}
.paginator__prev.disabled,
.paginator__next.disabled {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAAACXBIWXMAAAsTAAALEwEAmpwYAAA4MmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cyk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTctMTEtMjJUMDk6MzM6MDYrMDU6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxNy0xMS0yMlQwOTozNDoxNiswNTowMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMTctMTEtMjJUMDk6MzQ6MTYrMDU6MDA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6NjU0NmE2NWYtYThjOS1lNjQ1LTlkOTctZDk0MzZmNjg4YTEwPC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD5hZG9iZTpkb2NpZDpwaG90b3Nob3A6NTVhMzI5NWMtY2YzZS0xMWU3LWEzNTEtODQyZjJjMjlmZWIwPC94bXBNTTpEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06T3JpZ2luYWxEb2N1bWVudElEPnhtcC5kaWQ6NjU0NmE2NWYtYThjOS1lNjQ1LTlkOTctZDk0MzZmNjg4YTEwPC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+Y3JlYXRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjY1NDZhNjVmLWE4YzktZTY0NS05ZDk3LWQ5NDM2ZjY4OGExMDwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNy0xMS0yMlQwOTozMzowNiswNTowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6U2VxPgogICAgICAgICA8L3htcE1NOkhpc3Rvcnk+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjY1NTM1PC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4xODwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xMTwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+Zt5aXwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAAoElEQVR42qzSsQpBYRjG8d/RUVjckFiV3MDZLCZSkt1oEAlZjN8VyAUoV0QsFssZdCbfyX95e9/h6Xl7niSEoMAcdSz8QJZloFK4T7FEG1URfAtNsMIVfbzLCI2wxg09vESShBCGOOKev/ZQghRjJGjipCQp9jj8w9Exn1sM0MXzV4Fi/LvcTQsXNGIdfce/wQwdnGN7lBb2VS5Qi+3RZwC9hB6ok01sJwAAAABJRU5ErkJggg==");
pointer-events: none;
}
@media only screen and (max-width: 400px) {
.paginator__prev,
.paginator__next {
margin-right: 0px;
}
}
.paginator__next {
margin-right: 0;
margin-left: 15px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media only screen and (max-width: 400px) {
.paginator__next {
margin-left: 10px;
}
}
.paginator__item {
font-size: 26px;
color: #3d53a1;
display: inline;
text-decoration: none;
border-bottom: 1px solid;
margin-left: 5px;
padding: 0 5px;
font-family: "Bebas Neue", sans-serif;
cursor: pointer;
transition: 0.4s all;
}
.paginator__item:hover {
border-bottom-color: transparent;
transition: 0.4s all;
}
.paginator__item.active {
color: #a5a5a5;
border-bottom-color: transparent;
}
.paginator__item:last-child {
margin: 0;
}
.paginator__dotted {
display: inline-block;
margin-right: 5px;
margin-left: 12px;
color: #3d53a1;
font-weight: bold;
}
.search-page {
margin-top: 37px;
}
.search-page__content {
min-height: 380px;
padding: 20px 0 0;
width: 69%;
}
@media only screen and (max-width: 1140px) {
.search-page__content {
width: 100%;
}
}
.search-page__content_items {
margin-top: 30px;
}
.search-page__content_item {
margin-bottom: 32px;
}
.search-page__content_item-title {
color: #000;
text-decoration: none;
border-bottom: 1px solid;
transition: 0.4s all;
}
.search-page__content_item-title:hover {
border-bottom-color: transparent;
transition: 0.4s all;
}
.search-page__content_item-title span {
font-weight: bold;
color: #3d53a1;
}
.search-page__content_item-desc {
font-weight: 400;
margin-top: 13px;
line-height: 1.5;
letter-spacing: 0.004em;
}
.search-page__content_item-desc span {
font-weight: bold;
color: #3d53a1;
}
.search-page__content_item-bredcrumbs {
color: #a5a5a5;
font-size: 0.9em;
margin-top: 10px;
letter-spacing: 0.02em;
}
.search-page__content_count {
color: #a5a5a5;
font-size: 0.9em;
font-weight: 400;
margin-top: 10px;
letter-spacing: 0.01em;
}
.search-page__content_no-result {
letter-spacing: 0.02em;
}
.search-page__content_no-result_title {
color: #3d53a1;
}
.search-page__content_no-result_desc {
color: #010101;
margin-top: 4px;
font-weight: 400;
}
.search-page__form {
width: 83%;
}
.search-page__form:after {
content: "";
display: table;
clear: both;
}
@media only screen and (max-width: 1140px) {
.search-page__form {
width: 100%;
}
}
.search-page__form_input-container {
display: inline-block;
width: calc(80% - 6px);
position: relative;
float: left;
}
.search-page__form_input-container .search__settings_dropdown {
top: 25px;
background-color: white;
border: 1px solid #ddd;
padding-right: 10px;
width: 144px;
}
.search-page__form_input-container .search__settings_dropdown_item {
color: black;
}
.search-page__form_input-container .search__settings {
position: absolute;
top: 50%;
right: 10px;
z-index: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-left: 0;
}
.search-page__form_input-container .search__settings .search__settings_text {
color: black;
}
.search-page__form_input-container .search__settings .search__settings_icon {
position: relative;
background-image: none;
height: 15px;
}
.search-page__form_input-container .search__settings .search__settings_icon:after {
position: absolute;
top: 2px;
right: 7px;
width: 7px;
height: 7px;
border: 1px solid black;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
content: "";
display: block;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.search-page__form_input {
width: 100%;
border: 1px solid #ddd;
height: 48px;
font-weight: 400;
font-family: "Roboto", sans-serif;
font-size: 1.08em;
padding: 0 160px 0 19px;
color: #000;
}
@media only screen and (max-width: 833px) {
.search-page__form_input-container {
width: calc(100% - 170px);
}
}
@media only screen and (max-width: 600px) {
.search-page__form_input-container {
width: calc(100% - 110px);
}
}
.search-page__form_button {
padding-top: 0;
margin-left: 31px;
height: 48px;
border: none;
outline: none;
width: 164px;
font-family: "Bebas Neue", sans-serif;
background-color: #3d53a1;
color: #fff;
font-size: 1.4em;
cursor: pointer;
transition: all 0.4s;
}
@media only screen and (max-width: 975px) {
.search-page__form_button {
float: right;
margin-left: 0;
}
}
@media only screen and (max-width: 600px) {
.search-page__form_button {
width: 100px;
}
}
.search-page__form_button:hover {
background-color: #382c90;
transition: all 0.4s;
}
.tts + .paginator {
margin-bottom: 20px;
}
.tts-desc {
font-weight: 400;
margin-top: 32px;
line-height: 1.5em;
width: calc(100% - 200px);
}
@media only screen and (max-width: 768px) {
.tts-desc {
width: 100%;
}
}
.tts__items {
margin-top: 31px;
}
.tts__item {
width: calc(100% / 4 - 17px);
display: inline-block;
vertical-align: top;
/*float: left;*/
margin-right: 18px;
margin-bottom: 40px;
transition: all 0.4s;
}
.tts__item a.tts__item_title {
border-bottom: 1px solid;
padding-right: 0;
transition: 0.4s all;
}
.tts__item a.tts__item_title:hover {
border-bottom-color: transparent;
}
.tts__item a:not([class]) {
box-shadow: none;
display: block;
text-decoration: none;
color: #000;
margin-bottom: 10px;
}
.tts__item a:not([class]):hover {
box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.29);
transition: all 0.4s;
}
@media only screen and (max-width: 768px) {
.tts__item {
width: calc(100% / 2 - 17px);
}
.content-page .portfolio-photo a img {
margin-bottom: 0;
}
.content-page .portfolio-photo a {
margin-right: 15px;
margin-bottom: 15px;
width: calc(50% - 15px);
}
}
@media only screen and (max-width: 400px) {
.tts__item {
width: 100%;
}
}
.tts__item:nth-child(4n) {
margin-right: 0;
}
@media only screen and (max-width: 768px) {
.tts__item:nth-child(4n) {
margin-right: 18px;
}
}
@media only screen and (max-width: 768px) {
.tts__item:nth-child(2n) {
margin-right: 0;
}
}
.tts__item_title {
color: #000;
padding-right: 40px;
line-height: 1.4;
letter-spacing: 0.01em;
text-decoration: none;
}
.tts__item_desc {
font-weight: 400;
margin-top: 11px;
letter-spacing: 0.02em;
padding-right: 50px;
line-height: 1.4;
}
.portfolio {
margin: 40px 0 0;
}
.portfolio__info_hidden {
margin-left: 30px;
}
.portfolio__items {
width: calc(100% / 2 - 14px);
float: left;
margin-right: 28px;
min-height: 172px;
border: 1px solid #e8e8e8;
margin-bottom: 28px;
}
.portfolio.sfery-list .portfolio__items .portfolio__info .portfolio__item_titles,
.portfolio .portfolio__items .portfolio__info.noimage .portfolio__item_titles {
margin-top: 25px;
}
.portfolio.sfery-list .portfolio__items:hover .portfolio__info,
.portfolio .portfolio__items:hover .portfolio__info.noimage {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
@media only screen and (max-width: 1000px) {
.portfolio__items {
width: 100%;
margin-right: 0;
}
}
.portfolio__items:nth-child(2n) {
margin-right: 0;
}
.portfolio__items:hover .portfolio__info {
background-color: rgba(45, 67, 145, 0.9);
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
transition: .2s all;
}
.portfolio__items:hover .portfolio__info_hidden {
opacity: 1;
transition: .2s all;
}
.portfolio__items:hover .portfolio__item_right {
background-color: rgba(45, 67, 145, 0.9);
color: #fff;
transition: .2s all;
}
.portfolio__item {
width: 100%;
margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
.portfolio__item {
height: auto;
}
}
.portfolio__item_left {
width: 47%;
float: left;
height: 262px;
position: relative;
margin-right: 0;
margin-bottom: 0;
overflow: hidden;
}
@media only screen and (max-width: 600px) {
.portfolio__item_left {
float: none;
width: 100%;
}
}
.portfolio__item_right {
float: left;
width: 53%;
height: 100%;
}
@media only screen and (max-width: 600px) {
.portfolio__item_right {
float: none;
width: 100%;
}
}
.portfolio__item_right p {
padding: 27px 12px 27px 32px;
line-height: 1.4;
font-weight: 300;
height: 86%;
overflow: hidden;
}
.page-error__wrap {
width: 500px;
margin: 0 auto;
display: block;
text-align: center;
}
@media only screen and (max-width: 520px) {
.page-error__wrap {
width: 100%;
}
}
.page-error__number {
font-family: "Bebas Neue", sans-serif;
font-size: 15em;
color: #3d53a1;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 1;
}
@media only screen and (max-width: 400px) {
.page-error__number {
font-size: 10em;
}
}
.page-error__title {
color: #3d53a1;
font-family: "Bebas Neue", sans-serif;
font-size: 2.1em;
font-weight: 700;
letter-spacing: .18em;
margin-top: -18px;
}
@media only screen and (max-width: 400px) {
.page-error__title {
font-size: 1.5em;
}
}
.page-error__desc {
font-weight: 300;
}
.page-error__desc p {
font-size: 14px;
margin-bottom: 9px;
line-height: 1.5;
}
.page-error__desc a {
text-decoration: none;
border-bottom: 1px solid;
transition: 0.4s all;
}
@media only screen and (max-width: 500px) {
.page-error__desc a {
display: inline-block;
}
}
.page-error__desc a:hover {
border-bottom-color: transparent;
transition: 0.4s all;
}
.content-page {
margin-top: 36px;
line-height: 1.5;
margin-bottom: 36px;
}
.content-page figure {
width: 94%;
margin-top: 22px;
margin-bottom: 17px;
}
.product-individ__text img,
.content-page img {
margin-bottom: 10px;
}
.content-page figcaption {
font-size: 15px;
font-family: "Roboto Condensed", sans-serif;
font-weight: bold;
letter-spacing: 0.01em;
line-height: 1.6;
}
.product-individ__text p,
.content-page p, .catalog-desc p {
margin-bottom: 10px;
}
.content-page h2, .catalog-desc h2 {
font-family: "Bebas Neue", sans-serif;
font-size: 2.4em;
margin-top: 25px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.004em;
color: #3d53a1;
margin-bottom: 13px;
}
.content-page h3, .catalog-desc h3 {
font-family: "Bebas Neue", sans-serif;
font-size: 2em;
margin-top: 25px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.004em;
color: #3d53a1;
margin-bottom: 13px;
}
.content-page h4, .catalog-desc h4 {
font-family: "Bebas Neue", sans-serif;
font-size: 1.5em;
margin-top: 25px;
font-weight: 600;
line-height: 1.2;
letter-spacing: .022em;
color: #3d53a1;
margin-bottom: 19px;
}
.product-equipment__item-desc ul,
.product-individ__text ul,
.content-page ul {
margin-bottom: 10px;
}
.product-equipment__item-desc ul ul,
.product-equipment__item-desc ol ol,
.product-equipment__item-desc ol ul,
.product-equipment__item-desc ul ol,
.product-individ__text ul ul,
.product-individ__text ol ol,
.product-individ__text ol ul,
.product-individ__text ul ol,
.content-page ul ul,
.content-page ol ol,
.content-page ol ul,
.content-page ul ol {
margin: 10px 0 10px 20px;
}
.product-equipment__item-desc ul li,
.product-individ__text ul li,
.content-page ul li {
margin-bottom: 10px;
margin-left: 30px;
position: relative;
}
.product-equipment__item-desc ul li:before,
.product-individ__text ul li:before,
.content-page ul li:before {
content: '';
width: 9px;
height: 1px;
background-color: #3955b8;
position: absolute;
top: 11px;
left: -19px;
}
.product-equipment__item-desc ul ul,
.product-equipment__item-desc ol ol,
.product-equipment__item-desc ol ul,
.product-equipment__item-desc ul ol,
.product-individ__text ul ul,
.product-individ__text ol ol,
.product-individ__text ol ul,
.product-individ__text ul ol,
.content-page ul ul,
.content-page ol ol,
.content-page ol ul,
.content-page ul ol {
counter-reset: ol;
}
.product-equipment__item-desc ul ol li:before,
.product-individ__text ul ol li:before,
.content-page ul ol li:before {
background-color: transparent;
top: 0;
line-height: 24px;
}
.product-equipment__item-desc ul li:last-child,
.product-individ__text ul li:last-child,
.content-page ul li:last-child {
margin-bottom: 0;
}
.product-equipment__item-desc ol,
.product-individ__text ol,
.content-page ol {
margin-bottom: 10px;
counter-reset: ol;
}
.product-equipment__item-desc ol li,
.product-individ__text ol li,
.content-page ol li {
margin-bottom: 10px;
margin-left: 30px;
position: relative;
}
.product-equipment__item-desc ol li strong,
.product-individ__text ol li strong,
.content-page ol li strong {
font-weight: bold;
color: #3d53a1;
}
.product-equipment__item-desc ol ul li:before,
.product-individ__text ol ul li:before,
.content-page ol ul li:before {
height: 1px;
top: 11px;
font-size: 0;
line-height: 0;
content: '';
}
.product-equipment__item-desc ol > li:before,
.product-individ__text ol > li:before,
.content-page ol > li:before {
counter-increment: ol;
content: counter(ol) ".";
color: #3d53a1;
position: absolute;
top: 0px;
left: -20px;
font-weight: bold;
}
.product-equipment__item-desc ol li:last-child,
.product-individ__text ol li:last-child,
.content-page ol li:last-child {
margin-bottom: 0;
}
.content-page table i {
font-style: italic;
}
.content-page table b {
font-weight: bold
}
.content-page table {
margin-top: 20px;
margin-bottom: 20px;
width: 94%;
font-size: 13px;
border: 1px solid rgba(219, 219, 219, 0.51);
}
.content-page table thead th {
font-weight: bold;
color: #fff;
background: #3d53a1;
height: 68px;
padding: 16px 20px 14px;
text-align: left;
border: 1px solid rgba(219, 219, 219, 0.51);
}
.content-page table thead th:nth-child(1) {
width: 21%;
}
.content-page table thead th:nth-child(2) {
width: 20%;
}
.content-page table thead th:nth-child(3) {
width: 24%;
}
.content-page table tbody td {
border: 1px solid rgba(219, 219, 219, 0.51);
padding: 15px 19px;
}
.content-page table tbody td a {
color: currentColor;
text-decoration: none;
}
.content-page img {
max-width: 100%;
height: auto;
}
.faq {
margin-top: 33px;
margin-left: 31px;
margin-bottom: 60px;
}
.faq-item {
margin-bottom: 30px;
transition: 0.4s all;
}
.faq-item.close.faq-item_has-content .faq-item__title {
border-bottom: 1px dotted #3d53a1;
-webkit-transition: border .4s;
transition: border .4s;
}
.faq-item .faq-item__content {
display: none;
}
.faq-item:first-child .faq-item__content {
display: block;
}
.faq-item.close.faq-item_has-content .faq-item__title:hover {
border-bottom-color: transparent;
}
.faq-item.close .faq-item__title:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.faq-item__title {
color: #3d53a1;
font-size: 20px;
transition: 0.4s all;
display: inline;
position: relative;
}
.faq-item__title_has-content {
cursor: pointer;
border-bottom: 1px dotted transparent;
}
.faq-item__title_has-content:after {
position: absolute;
content: '';
display: block;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAAdUlEQVQYldXOsQ2CUBSF4Q9CD4s4haWWtCxAYmlLtEcNcQFDKCgZwNZWJ3AXm0fyKLT3787Nn3Nuslp3IioccUA/H7NI2KFDghtyXCENQoML2pBPITdz0xk1SryxD1MPjChSPLHBZMmELV4ZBt+5xz/95G+lD9wrEkSLdQGjAAAAAElFTkSuQmCC");
background-repeat: no-repeat;
width: 9px;
height: 12px;
left: -29px;
top: 7px;
transition: 0.4s all;
}
.faq-item__title:hover {
border-bottom-color: transparent;
transition: 0.4s all;
}
.faq-item__content {
padding-bottom: 14px;
padding-top: 22px;
line-height: 1.5;
color: #010101;
}
.faq-item__content_date {
font-size: 14px;
color: #a5a5a5;
padding-top: 22px;
}
.addreview {
background-color: #3d53a1;
width: 100%;
height: 360px;
margin-bottom: -40px;
}
@media only screen and (max-width: 1000px) {
.addreview {
height: 100%;
padding-bottom: 40px;
}
}
.addreview-info {
float: left;
width: 24%;
margin-top: 46px;
letter-spacing: 0.06em;
line-height: 1.25;
}
@media only screen and (max-width: 1000px) {
.addreview-info {
width: 100%;
}
}
.addreview-info__title {
font-family: "Bebas Neue Book", sans-serif;
font-size: 30px;
font-weight: 800;
color: #fff;
}
.addreview-info__desc {
color: #fff;
margin-top: 14px;
line-height: 1.5;
letter-spacing: 0.005em;
}
.addreview-form {
float: left;
margin-left: 26px;
width: calc(100% - 24% - 26px);
margin-top: 11px;
}
.addreview-form .popup__block_input_checkbox_label a {
color: #fff;
border-bottom: 1px solid;
transition: 0.4s all;
}
.addreview-form .popup__block_input_checkbox_label a:hover {
border-bottom-color: transparent;
}
@media only screen and (max-width: 1000px) {
.addreview-form {
margin-left: 0;
width: 100%;
}
}
.addreview-form__item {
float: left;
width: calc(100% / 2 - 14px);
margin-right: 27px;
}
@media only screen and (max-width: 600px) {
.addreview-form__item {
width: 100%;
position: relative;
margin-right: 0;
}
}
.addreview-form__item:nth-child(2) {
margin-right: 0;
}
.addreview__item {
position: relative;
padding-top: 45px;
}
@media only screen and (max-width: 600px) {
.addreview__item.input_checkbox {
position: absolute;
z-index: 2;
top: 420px;
bottom: 73px;
}
}
.addreview__item .popup__block_field_wrapper {
padding-left: 30px;
white-space: nowrap;
}
@media only screen and (max-width: 600px) {
.addreview__item .popup__block_field_wrapper {
white-space: normal;
}
}
.addreview__item .popup__block_input_checkbox_label {
color: #fff;
font-size: 1em;
font-weight: 300;
}
.popup__block_input_checkbox_label a {
font-family: Roboto, sans-serif;
}
.addreview__item .popup__block_input_checkbox_label:before {
border-color: #fff;
top: 0;
}
.addreview__item .popup__block_input_checkbox_label:after {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAADdcAAA3XAUIom3gAAATpaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE3LTEwLTMxVDIxOjAwOjExKzA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxNy0xMC0zMVQyMTowMDozNCswNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxNy0xMC0zMVQyMTowMDozNCswNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjZkODBmOTYtY2QwMC05YTRhLWI4NDYtOWNmMDUwYmQ0NWE0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY2ZDgwZjk2LWNkMDAtOWE0YS1iODQ2LTljZjA1MGJkNDVhNCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjY2ZDgwZjk2LWNkMDAtOWE0YS1iODQ2LTljZjA1MGJkNDVhNCI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NjZkODBmOTYtY2QwMC05YTRhLWI4NDYtOWNmMDUwYmQ0NWE0IiBzdEV2dDp3aGVuPSIyMDE3LTEwLTMxVDIxOjAwOjExKzA1OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrfQwgcAAAJISURBVHic7Zo9ctNAGIafMKk4QZRAxU/uwRBoCFBwF1pzGoahDA0QAsMlgIJrROleClsgFCu7K+2/9c7seGyvd/d5JH2Sbe1JYpdzK/UCUmcRkHoBqbMISL2A1FkEpF5AxDTA7eGLuyLgDvAdOGMgYRcEHAFfgfvAIwYSahdwBHxjDd/lPwl7FV8Kb4Pv5wI4rVWACb7LhxoF2MJfAqe11QAneOCiJgG28C0beKjnLNA/1d2UFnjGBh7qENDBPzD0uwYP5QuYBQ9lCzjEHv7vMT9MqQIOWRc8W/gvYx1KFOANHsoT4BUeyhLgHR7KERAEHsoQ4FrtreEhfwEd/ENDv0nwkLcAF/jnTICHfAW4wp9PnShHAdHgYVxAKjENEeFhO+gKeAfszx3cMQ3rU100eAAk9dtK//Je0v7g/VCtkfRL5lxKeuxz7jH4mBIaST9TwPcFbIOPIcEF/iTEGkzwISXYwreh4CVZV/tXwFv8Fcau2h8b+l2xLnifPc17PTIfAr73hCy2fNf6T2JIyAp+KCC0hOzgtwkIJeEgR/gxAb4lZAt/kwBfEg4k/bCEfxIb3iRgroTs4W0ETJVQBLytAFcJd0uBdxHgIqEtBd5VgIuEIuAl++8CXVbAmxlX3lfAC+DTjDH8ZqK5KXtCK+lp6i0+bHM+7CIhS/i5AmwlZAvvQ4BJQtbwvgSMScge3qeAoYQi4CV5/e1/tXl8DbwEPnocO1hC3Cp7D/jte9BQqfFeYafk+Odo1CwCUi8gdRYBqReQOjsv4A9WYWHXHvc47gAAAABJRU5ErkJggg==");
top: 2px;
left: 2px;
width: 16px;
height: 16px;
}
.addreview__item.input--filled .input__label-content--nariko,
.addreview__item .input__field--nariko:focus + .input__label--nariko .input__label-content--nariko {
color: #fff;
}
.addreview__item input {
color: #fff;
border-bottom-color: #fff;
}
.addreview__item_textarea {
border: none;
background: none;
color: #fff;
width: 100%;
height: 179px;
border-bottom: 1px solid #fff;
padding-top: 8px;
font-family: "Roboto", sans-serif;
font-weight: 300;
resize: none;
overflow: auto;
}
.addreview__item_textarea.warning {
border-color: #ff9000;
}
.addreview__item_textarea::-webkit-input-placeholder {
color: #fff;
}
.addreview__item_textarea::-moz-placeholder {
color: #fff;
}
.addreview__item_textarea:-moz-placeholder {
color: #fff;
}
.addreview__item_textarea:-ms-input-placeholder {
color: #fff;
}
.addreview__item_button-submit {
outline: none;
border: 1px solid #fff;
background-color: #fff;
float: right;
display: inline-block;
margin-top: 22px;
height: 50px;
padding: 0;
width: 163px;
color: #3d53a1;
font-size: 22px;
font-family: "Bebas Neue", sans-serif;
transition: 0.4s all;
cursor: pointer;
}
@media only screen and (max-width: 600px) {
.addreview__item_button-submit {
float: none;
margin-top: 60px;
width: 100%;
}
}
.addreview__item_button-submit:hover {
background-color: transparent;
color: #fff;
transition: 0.4s all;
}
@media only screen and (max-width: 600px) {
.addreview__item_button-submit:hover {
background-color: #fff;
color: #3d53a1;
}
}
.addreview__item .input__label {
color: #fff;
}
.addreview__item .input__label-content {
color: #fff;
}
.addreview .popup__block_input_checkbox.warning + .popup__block_input_checkbox_label {
color: #ff9000;
}
.addreview .popup__block_input_checkbox.warning + .popup__block_input_checkbox_label:before {
border-color: #ff9000 !important;
}
.addreview .input__field.warning {
border-color: #ff9000;
}
.reviews {
margin-top: 34px;
}
.reviews.reviews-count {
counter-reset: reviews;
}
.reviews.reviews-count .reviews__item {
margin-left: 43px;
position: relative;
}
.reviews.reviews-count .reviews__item:before {
counter-increment: reviews;
content: counter(reviews) ".";
position: absolute;
left: -40px;
top: 0;
display: block;
color: #3d53a1;
font-weight: bold;
}
.reviews__item {
margin-bottom: 33px;
}
.reviews__item_author {
font-weight: bold;
color: #3d53a1;
display: inline-block;
}
.reviews__item_theme {
display: inline-block;
margin-left: 5px;
font-weight: 500;
}
.reviews__item_content {
margin-top: 15px;
letter-spacing: -0.01em;
line-height: 1.5;
}
.content.inner-page.reviews-page .content__left {
width: calc(100% - 320px);
}
.content__left .faq {
max-width: 820px;
}
.content.inner-page.reviews-page .reviews {
padding-bottom: 23px;
}
.content.inner-page.reviews-page .reviews + .paginator {
margin-top: 0;
}
.reviews__item_content p {
margin-bottom: 9px;
}
.reviews__item_content p:last-child {
margin-bottom: 0;
}
.reviews__item_date {
font-size: 14px;
color: #a5a5a5;
}
.reviews__item_footer {
margin-top: 10px;
}
.news__button-next {
position: fixed;
top: 50%;
right: 0;
cursor: pointer;
width: 50px;
height: 50px;
background-color: rgba(44, 67, 146, .3);
transition: 0.4s all;
z-index: 10;
}
@media only screen and (max-width: 600px) {
.news__button-next {
display: none;
}
}
.news__button-next:before {
content: '';
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAArElEQVQ4jdXVwUpCQRgF4KOBL5K4CCJE0IWgEL2i4SMEPUNPExRogSCuPxde4RLmauaCB2Y1P3wwHP4JUuAM8IaX/2ZKIMGrUw5Y1ISG+GywPea1oGCE7wbbYVoLCh6waWGTWlDwiG2D/eAJ6WGS8hknWSe5S7JN8tyDCtDffPQ7QJKku6erVYZz837PZbjJeo/w1UJm7ftSyL2OVtCqQQ5YXpopBQ3w7so3cQTUIdSoXuffFAAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
width: 26px;
height: 16px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.news__button-next:hover {
background-color: rgba(44, 67, 146, 1);
opacity: 1;
transition: 0.4s all;
}
.news__button-next:hover .news__button-next_wrap {
display: inline-block;
position: relative;
width: 365px;
left: -355px;
top: -160px;
padding-right: 50px;
}
@media only screen and (max-width: 768px) {
.news__button-next:hover .news__button-next_wrap {
display: none;
}
}
.news__button-next:hover .news__button-next_wrap .news-list__item {
width: 100%;
background-color: #fff;
box-shadow: 0 0 26px 1px rgba(0, 0, 0, 0.22);
}
.news__button-next_wrap {
display: none;
}
.news__button-prev {
position: fixed;
top: 50%;
left: 0;
cursor: pointer;
width: 50px;
height: 50px;
background-color: #3955b8;
opacity: 0.5;
transition: 0.4s all;
z-index: 10;
}
@media only screen and (max-width: 600px) {
.news__button-prev {
display: none;
}
}
.news__button-prev:before {
content: '';
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAArElEQVQ4jdXVwUpCQRgF4KOBL5K4CCJE0IWgEL2i4SMEPUNPExRogSCuPxde4RLmauaCB2Y1P3wwHP4JUuAM8IaX/2ZKIMGrUw5Y1ISG+GywPea1oGCE7wbbYVoLCh6waWGTWlDwiG2D/eAJ6WGS8hknWSe5S7JN8tyDCtDffPQ7QJKku6erVYZz837PZbjJeo/w1UJm7ftSyL2OVtCqQQ5YXpopBQ3w7so3cQTUIdSoXuffFAAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
width: 26px;
height: 16px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg);
}
.news__button-prev:hover {
background-color: #3d53a1;
opacity: 1;
transition: 0.4s all;
}
.news__button-prev:hover .news__button-prev_wrap {
display: inline-block;
position: relative;
width: 365px;
right: -40px;
top: -160px;
padding-left: 50px;
}
@media only screen and (max-width: 768px) {
.news__button-prev:hover .news__button-prev_wrap {
display: none;
}
}
.news__button-prev:hover .news__button-prev_wrap .news-list__item {
width: 100%;
background-color: #fff;
box-shadow: 0 0 26px 1px rgba(0, 0, 0, 0.22);
}
.news__button-prev_wrap {
display: none;
}
.news-single {
margin-bottom: 40px;
}
.news-single__back {
text-decoration: none;
font-family: "Bebas Neue", sans-serif;
font-size: 20px;
color: #3F50B5;
border-bottom: 1px solid;
transition: 0.4s all;
position: relative;
margin-left: 28px;
margin-top: 27px;
display: inline-block;
line-height: 1.3;
}
.news-single__back:after {
content: '';
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAAAnElEQVQokZ3SsQpBYRQH8B9RWLyOQawiowewmEhJdqNBdEMWeQgpq/JExGKx3LvcQX3fWU6nU79Op3+hMbjJ1QJVLPOLf1XMzTOs0EI5FppijTv6+MZAY2zwQA+fEARKGCHBE2d0Q5EMmqCAOk4xSAbtcUgvmuEVCx3TnmCIDt6hUPbsXXpNE1fUYiHYYo42LgJzVMrN6xSoCMzRD+WrGXR6Gz3AAAAAAElFTkSuQmCC");
background-repeat: no-repeat;
width: 18px;
height: 11px;
position: absolute;
left: -27px;
top: 9px;
}
.news-single__back:hover {
border-bottom-color: transparent;
transition: 0.4s all;
}
.news-list {
margin-top: 30px;
}
.news-list__wrap {
margin-left: -15px;
}
.news-list__item {
width: calc(100% / 2 - 45px);
float: left;
margin-right: 11px;
padding: 15px;
box-shadow: none;
transition: all 0.4s;
cursor: pointer;
text-decoration: none;
color: #000;
margin-bottom: 14px;
min-height: 300px;
}
.news-list__item:nth-child(odd):nth-child(n + 3):nth-child(-n + 999) {
clear: both;
}
@media only screen and (max-width: 768px) {
.news-list__item {
/*width: 100%;*/
margin-right: 0;
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
/*min-height: 100%;*/
}
.news-list__item:after {
position: absolute;
content: "";
display: block;
left: 20%;
right: 20%;
background-color: gray;
height: 1px;
bottom: 0;
}
}
.news-list__item:hover {
box-shadow: 0 0 26px 1px rgba(0, 0, 0, 0.22);
transition: all 0.4s;
}
@media only screen and (max-width: 768px) {
.news-list__item:hover {
box-shadow: none;
}
}
.news-list__item:hover .news-list__item_date {
color: #000;
transition: all 0.4s;
}
.news-list__item:nth-child(2n) {
margin-right: 0;
}
.news-list__item_img {
max-height: 200px;
height: 100%;
width: 100%;
overflow: hidden;
}
@media only screen and (max-width: 768px) {
.news-list__item_img {
max-height: 100%;
}
}
.news-list__item_date {
font-size: 13px;
color: #a5a5a5;
padding: 11px 0 16px;
border-bottom: 1px solid #3d53a1;
display: inline-block;
transition: all 0.4s;
}
.news-list__item_title {
padding: 15px 0 10px;
font-weight: 500;
letter-spacing: 0.02em;
}
.news-list__item_desc {
font-size: 13px;
line-height: 1.7;
letter-spacing: 0.005em;
}
.contacts {
margin-top: 32px;
margin-bottom: 40px;
}
.contacts__left {
float: left;
width: calc(100% - 256px);
}
@media only screen and (max-width: 768px) {
.contacts__left {
width: 100%;
float: none;
}
}
.contacts__right {
float: left;
width: 256px;
}
@media only screen and (max-width: 768px) {
.contacts__right {
width: 100%;
float: none;
}
}
.contacts__right .contacts__item {
width: 100%;
padding-left: 4px;
}
.contacts__right .contacts__item_desc p {
margin-bottom: 9px;
}
.contacts__item {
width: calc(100% / 2 - 20px);
margin-right: 35px;
float: left;
margin-bottom: 16px;
}
@media only screen and (max-width: 600px) {
.contacts__item {
width: 100%;
}
}
.contacts__item:nth-child(2n) {
margin-right: 0;
}
.contacts__item_title {
color: #3d53a1;
font-size: 20px;
}
.contacts__item_desc {
padding: 11px 0;
}
.contacts__item_desc p {
margin-bottom: 4px;
}
.contacts__item_desc a {
color: #000;
text-decoration: none;
border-bottom: 1px solid;
transition: 0.4s all;
}
.contacts__item_desc a:hover {
border-bottom-color: transparent;
transition: 0.4s all;
}
.contacts-felial {
margin-top: 57px;
margin-bottom: 30px;
}
.contacts-felial .contacts-felial_title {
width: 100% !important;
}
.contacts-felial_title {
font-family: "Bebas Neue", sans-serif;
font-size: 30px;
margin-top: -5px;
color: #3d53a1;
}
.contacts-felial__item {
width: calc(100% / 4 - 5.5%);
display: inline-block;
vertical-align: top;
padding-left: 30px;
padding-top: 20px;
margin-right: 6px;
}
@media screen and (min-width: 1140px) {
.contacts-felial__item {
width: calc(100%/4 - 0.4%);
}
}
.contacts-felial__item_phones-emails {
float: right;
display: block;
padding-left: 56px;
/* padding-left: 38px;*/
width: 280px;
margin-right: 0;
}
@media screen and (max-width: 768px) {
.contacts-felial__item_phones-emails {
float: none;
}
}
.contacts-felial__item_phones-emails .contacts-felial__item_phone,
.contacts-felial__item_phones-emails .contacts-felial__item_email {
display: block;
}
.contacts-felial__item_top {
width: 30%;
float: right;
}
@media screen and (min-width: 1140px) {
.contacts-felial__item_top {
width: 23%;
}
}
@media screen and (max-width: 768px) {
.contacts-felial__item_top {
width: 100%;
float: none;
}
}
.contacts-felial__item_top:after {
clear: both;
display: table;
content: "";
}
@media only screen and (max-width: 768px) {
.contacts-felial__item {
width: calc(100% / 2 - 6px);
width: 100%;
padding-left: 50px;
}
}
@media only screen and (max-width: 600px) {
.contacts-felial__item a {
display: block;
}
}
@media only screen and (max-width: 500px) {
.contacts-felial__item {
width: 100%;
}
}
/*.contacts-felial__item:nth-child(5) {*/
/*margin-right: 0; }*/
.contacts-felial__item_city {
font-size: 20px;
color: #3d53a1;
position: relative;
}
.contacts-felial__item_city:before {
content: '';
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAUCAMAAABlGZcgAAAAV1BMVEUAAAAtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5FQePi5AAAAHHRSTlMA8C37wJ9r6Pfj1SkdEBjrs6d2Ylw9NhXHf3wkbHHadQAAAJRJREFUGNNFj0kOxCAMBBsCBBLIvszi/79zbCBMHSyV2m3JEI5lpnk5UBgHKgyjqFb0oDQ7p71LSK7nDcARhR3CHogcjAwhRwbcTtUTN9ER4YGoA18Zq2rOpW/vrLeV/sZLdmKdLFc3RJ7envG0npMIrPRnBfD1TX2+/Gn+RsZUNShMIWuIqGhVnm1citTVTDZeNf0BRL4OPwtGqY4AAAAASUVORK5CYII=");
background-repeat: no-repeat;
width: 15px;
height: 20px;
position: absolute;
left: -30px;
top: 2px;
}
.contacts-felial__item_phone {
font-size: 20px;
text-decoration: none;
color: #000;
position: relative;
}
.contacts-felial__item_phone + .contacts-felial__item_phone {
margin-top: 15px;
}
@media screen and (max-width: 768px) {
.contacts-felial__item_phone {
margin-bottom: 10px;
}
}
.contacts-felial__item_phone:first-child {
margin-top: 0;
}
.contacts-felial__item_phone:before {
content: '';
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABSklEQVQ4ja3Su0tcQRjG4WdXUQR7wcZLIShIILaCkMUiiJcynX+AIvYWwSC2YbHUgF0gTcBYCAqCiyBauQHBSyFeEOx0k8pEUzjK8XCOS46+zbzf9378ZpiZXHeh+B0FT3WAd7hWReW1iSd1LUYS5nrQinI1YFx5XKZkDf8LewBepGRtWYFHKdlgVuBuStafFbiSko1nBe7gJNK7wzC+ZQXCfKTXh6UssCiwiNvgm7PCosAKpoP/+hJoPuI/4Qw5rL4GEAbC2oUfWYC57kIx3hvFYvDLkj/4W3zEFjZwjOvy2kQlCQiT+Bz8T3zAXqjfYBt1kfm/+I1STVP7+yTgFs4xhCaM4TRANlEfm8+HXkf8DqNaQC/2Q/0lbBSHRfXrOaBwmk7M4k+V2cejVtMdptCCGRw+M9uYdodJqmAdcyi5f9kr3IRNb7HxD7BmQoLNKaCTAAAAAElFTkSuQmCC");
background-repeat: no-repeat;
position: absolute;
width: 20px;
height: 20px;
left: -34px;
top: 2px;
}
.contacts-felial__item_phone-desc {
color: #a5a5a5;
font-size: 16px;
margin-top: 4px;
}
.contacts-felial__item_email {
margin-top: 12px;
font-size: 20px;
color: #000;
text-decoration: none;
transition: all 0.4s;
display: inline-block;
position: relative;
}
.contacts-felial__item_email + .contacts-felial__item_email {
margin-top: 17px;
}
.contacts-felial__item_phone + .contacts-felial__item_email {
margin-top: 11px;
}
.contacts-felial__item_email span {
color: #000;
border-bottom: 1px solid;
text-decoration: none;
transition: all 0.4s;
}
.contacts-felial__item_email span:hover {
border-bottom: 1px solid transparent;
}
.contacts-felial__item_email:before {
content: '';
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAACmUlEQVQ4jZ2Sa0iTARSGn2/fZlpa/hCdlzQmVmqr1KzMonJlyyKNwPwXXYgghKALXW1ZIQ41xCAy1PplgUVU2kUys3QWBV3UYtW6qFljlZpzbnP7+tNtatf33+EcnnPelyNUVT8+4OOt2L4nv9bH5XLzPxJFGXk7U23vLX25wsO2LvvUaKXXTcNLth26jN0++E8whVwkf6+WRXMjufeo0y4+6og6qJ6sJDkxggR1CHWNJhwO11/BvBQiRbo0UuaoaLjzii37q+Wif9hi3eU6I6HKsSxIUpGcGMGNJhP9NudvYd6j5BTnLmfezAlUVbewK+8qTqcLMUi1VOd2S9Q1vkAuylgyP4qU5Egaml/R22cfEebjreDo4RXMigvn6EkDR0obkaSveQapluq+Dd590IHZYmWZZhLahRNpvt/Oh0/9HjDf0V4cy0tnWoySnILrVJ5/6NGXDd1+tqaF7H0XGePjRXnhKuKmhHzv+fmO4nh+BlGqADbvvsDF2ifDrve48JvedPZgGxhkVvx40lOjMZos9PQOcEK/kogwf0rKDVypfzZiHIJaUyx5bBBlZK9NYu3qBN50duNyuwkP8cfy0YrV5kAuioSH+lNx5j4lFQaG/q785yIwwBf9Hi3x6hCu3XzG/sLriKLApVNrUAb6sWH7OVqevke3VcO6rASmxwaz4/AVzJa+4ZZnx4+nVL+SsOBx6I/doqj0Nk6nC7vDhdPp4nVHN+dq2rA7BqlteE537wAZ2hgytDEYTRba3/b8sLw+awbZ65LoMn9mW24NrUbziPkMVezEQApy0ggO8qOkzEDZ6XvIgC6rzUG9wUTmpsq/hgG0Gs1kbqqkvsmE1eYAeCeoNcVpQJkgoJSkPxB+IUEASaIT2PgFskoB/LnhW28AAAAASUVORK5CYII=");
background-repeat: no-repeat;
width: 20px;
height: 14px;
position: absolute;
left: -34px;
top: 6px;
}
.contacts-felial__item_address {
margin-top: 8px;
}
#map {
width: 100%;
height: 592px;
}
@media only screen and (max-width: 768px) {
#map {
height: 350px;
}
}
.maps__popup {
width: 547px;
height: auto;
background-color: #fff;
position: relative;
box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.23);
}
@media screen and (max-width: 1200px) {
.maps__popup {
left: 195px !important;
top: 80px;
}
.maps__popup .arrow {
top: -14px !important;
right: calc(50% - 25px) !important;
transform: rotate(-45deg) !important;
}
}
@media screen and (max-width: 800px) {
.maps__popup {
width: 250px;
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
.maps__popup_wrap {
padding: 37px 40px;
width: 100%;
}
.maps__popup_wrap ymaps {
width: 100% !important;
height: auto !important;
}
.maps__popup_title {
font-size: 20px;
}
.maps__popup_address {
margin-top: 22px;
margin-left: 34px;
position: relative;
}
.maps__popup_address:before {
content: '';
background-repeat: no-repeat;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAUCAMAAABlGZcgAAAAV1BMVEUAAAAtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5FQePi5AAAAHHRSTlMA8C37wJ9r6Pfj1SkdEBjrs6d2Ylw9NhXHf3wkbHHadQAAAJRJREFUGNNFj0kOxCAMBBsCBBLIvszi/79zbCBMHSyV2m3JEI5lpnk5UBgHKgyjqFb0oDQ7p71LSK7nDcARhR3CHogcjAwhRwbcTtUTN9ER4YGoA18Zq2rOpW/vrLeV/sZLdmKdLFc3RJ7envG0npMIrPRnBfD1TX2+/Gn+RsZUNShMIWuIqGhVnm1citTVTDZeNf0BRL4OPwtGqY4AAAAASUVORK5CYII=");
width: 15px;
height: 20px;
position: absolute;
left: -34px;
top: -3px;
display: block;
}
.maps__popup_phone {
margin-top: 20px;
margin-left: 34px;
position: relative;
}
.maps__popup_phone a {
color: currentColor;
text-decoration: none;
}
.maps__popup_phone:before {
content: '';
background-repeat: no-repeat;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA/ElEQVQ4jZ3ToUtEQRDH8c+dB5YDiyK2w2IQq1w3iAZBDEatRjn9B4wiyAVf9D+waBNF26EggqBgEzUYxHTtEA274LG8O95zys7+Zua7zO5sZW6h3cGsP7vEqoJWQzPRlosWQxXvifaDsTKA10QbxWIZwF2O3igDOE20M2RlABf4ivsjrKBbBgAHcX0sWpgC9uOpGWb+A/jGWvSvhJcoBYBzoZUp4WXqOfnrmO8XaknCLiawgWdhpG9jLMNW9F/wgYcUAJv4RAs32MZ4XzFhThpo5gFgBx0c43BADnSrQ4Inwn3s4W1ATn1kcnppCEMP12jjXmitJ3y4Cp5+AQr0LP8cYV2WAAAAAElFTkSuQmCC");
width: 16px;
height: 16px;
position: absolute;
left: -34px;
top: 1px;
display: block;
}
.maps__popup_phone-info {
color: #a5a5a5;
margin-top: 4px;
margin-left: 34px;
}
.maps__popup_priemn {
margin-top: 14px;
margin-left: 34px;
}
.maps__popup_priemn a {
color: currentColor;
text-decoration: none;
}
.maps__popup .close {
color: #898989;
text-decoration: none;
position: absolute;
right: 13px;
font-size: 23px;
top: 5px;
font-weight: 300;
}
.maps__popup .arrow {
position: absolute;
right: -14px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
border: 20px solid #fff;
border-left-color: transparent;
border-bottom-color: transparent;
}
.catalog {
position: relative;
top: -100px;
}
@media only screen and (max-width: 910px) {
.catalog {
top: 0;
}
}
.catalog__warranty {
width: calc(100% - 478px);
float: left;
padding-top: 87px;
margin-left: -9px;
letter-spacing: 0.026em;
}
@media only screen and (max-width: 910px) {
.catalog__warranty {
padding-top: 0;
float: none;
width: 100%;
}
}
.catalog__warranty ul li {
font-size: 14px;
}
.catalog__warranty ul li strong {
color: #3d53a1;
}
.catalog__video {
float: left;
position: relative;
height: 289px;
overflow: hidden;
}
@media only screen and (max-width: 910px) {
.catalog__video {
float: none;
width: 100%;
height: auto;
}
}
.catalog__video_overlay {
background-color: rgba(27, 41, 89, 0.5);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
}
.catalog__video_overlay:hover:before {
/* background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAAtCAYAAAAEP43UAAACnUlEQVRoge2bT2sTQRiHn92kaRu1RqOIsWJpWlCxSqzG9mYreCgKDdo/CKmRgF4StaVa8Ru0vXjRix8h/qmIn8GLInrwYgsKlh7Ekx60UsbDZEuU2HSR9J3RfSAQhoH58bDMvpm84yilqEIEGCx/eoFEeexf5ivwEXgFPAaeAMu/T3KqCMsAM0BHnQOazjwwBTyqHHQrvoeA6fKE/10WaAcP0U5C3mDlEzYN3Nz4XFYwg37aVoWdB0qSiSxgCHjgKKUiwALQKhzIdBaBdhdtLpBVmz3AsIsuHQLWx6CjlHoP7JNOYgkfHKXUN6BROoklLDvqD6V+QHXc2lMCKgmE+SQQ5hNRYblbT3n77pNkBN+IbvqJ/ns4Dpzr62Ail6atNSYVZd2IC/MIh1zGBg5QzB5j145NUpFqYowwj+amMFcyXVweSRFraRJItTbGCfPYtqWRwkiKi5kuos0NG5hqbYwVtjonHmU8283wwEEawqGa8+uN8cI8kokWblxKc6a/E9dx6phqbawR5nEkGWcq38PJHpnzAusK19cLn7lw+xkz95+LrB8WWfUvONweZyp/gr7eNpH1rRGWTLQwmUtz9pTsHma8sN3bo1wf62bUkLekscJimyMUR48aV4cZJ2y10h9OEdtqXqVvjLBwyCU7sJ+r2eNG/5YUF2bbaYWosNPpvUzmezjUuVMyhi+CP0F8Yl2lL00gzCeBMJ+4wBfpEBax7AJL0iksYskF3kinsIgXLjAnncIi5oIOxPWzCCRddC/6hHAYGxgHvntlRQmYFQxjOrOUm6Yr285DwB2gIBTKVO4C14AV+LVwXQGK6Bb0+Y3PZRzz6IbpAmVZUP3qDOh7RUPoazTd6A5ic44968MP9Mb+En3XqESVu0Y/ARdvpQ+AlJdDAAAAAElFTkSuQmCC"); */
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOC0wNS0wN1QxMDowODowOSswNTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTgtMDUtMDdUMTA6MDk6MTUrMDU6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTgtMDUtMDdUMTA6MDk6MTUrMDU6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjRlNTE2ZWMtNTAzNy0wMzRlLTg1OTYtODJkOTc4Y2MyNmI2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI0ZTUxNmVjLTUwMzctMDM0ZS04NTk2LTgyZDk3OGNjMjZiNiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjI0ZTUxNmVjLTUwMzctMDM0ZS04NTk2LTgyZDk3OGNjMjZiNiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjRlNTE2ZWMtNTAzNy0wMzRlLTg1OTYtODJkOTc4Y2MyNmI2IiBzdEV2dDp3aGVuPSIyMDE4LTA1LTA3VDEwOjA4OjA5KzA1OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoBNos8AAACUSURBVBiVfY4xCsIwFIY/S0G8h2tyiWRx8yShB3Bz0i25iqJLThEEFy14ii6FuLTQpkk/CA8e3/v/IJR9CGX3MUbWXgUcgJfU7iy121GgGuYWOAFvqd0xJ26EsjGzfwImePNJE1MW3yklTvkBTSlxSg/09YrQARfgGrzpSuINaII37bhIxe8g3NPLUZzV5CrqXE2OPxEGRipbLdp3AAAAAElFTkSuQmCC");
transition: 0.4s all;
background-color: #ffffff;
}
.catalog__video_overlay:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAgElEQVQYlX3PMQrCUBBF0RMJiKuwcTN2rkSyADsrsxkLJSsRbFRwBVOmCWjjB435/5bDffNmqojosMVNgRnWuGCPRUmEOXa4YlMSE0sc0WFVEhN/51QR8cq/AJ5ochu/GTDUBaHHAS36nHhCg0cajMX7RziPk0n8qZmqqKdqpngD6P4erN9IePEAAAAASUVORK5CYII=");
background-position: center;
border: 1px solid #ffffff;
/* background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAAtCAYAAAAEP43UAAACxElEQVRoge3bT2gUZxjH8c+MGqgkNODF1F6MSE/qISniMWoPPZTGxpws9uSh4MUiLSntoYjaVg+CFKknaU9VwdScbKCepQktJYX+k+ZgCQUPkRRtojI9vLPkT5eYLTbvO+l8YVjYndn3t1/eZZ9932eyoig0oQ395bEHz5XPrWX+xB18i2v4EnNLT8qbXHgAP2AAI+hDB7I1fnSVn30Eg6WD15bKyRbMsHU4he24gNEmMv9P7Meb+BXv4jGLhX2EjeWLMxECpkiHMInu4x3mv5IH0a2WtZQZwUm34EhWFEUbbuMNfB0vW9LsxWfozoqiOISX8XrcTMnzOW7kQukwHDlMFRhGf44X8U3kMFVgDL1ZURR/4VnMRg6UOm2YyYpQV2Sx01SEolmlX7MMtbAWqYW1yPqYg09PT3+FIYz/m+s7OzufbqAVEHuGvSSUNJfxQuQsKyK2MMIv9CAmcBHPx42zPCkIa7AeR/AzzmBT3DjNSUlYg2dwXFiHeg/tceMsJkVhDTpxAr/gqESWyFMW1mAzzuNHYUUlauYqCGuwVVhi+Q6vxApRJWENduA6Po4xeBWFTeBVvB1j8CoJ+w2HsUuYYVGI+tdohfyBk/hUk43V1SZlYfdwFueEXekkSFHYA3wi7JPejZzlH6Qk7BEu4QOhxyFJUhBW4Crex0+RszyR2MJGhZ3lscg5Vky9CdIa9SZIq9TCWqQW1iK50NLTETtIBWjDXI4poV2xZnm6MJXje+yMHKYK9GIsV7bxRA5TBfoxvLAD8TBuxs2ULH3Cau+2XFgyeUvoGE5qhyYR2gU3xzDbKCuuYBKnhfbzmkAuOJkUHC2qw4bKxy+wb1VjpclewUVm3s2iPv0GA/gQt4RbSMbxOx6uSsx4bMAW9Ah3hOwWRF1deFIzYYQibbC8sKd8ow3/YdgUeChMjHFholzRZEn8b4/ZlKyBZrh1AAAAAElFTkSuQmCC"); */
width: 76px;
height: 45px;
transition: 0.4s all;
}
.catalog__video_overlay_title {
position: absolute;
bottom: 20px;
left: 20px;
font-size: 14px;
color: #fff;
}
.catalog-caption {
position: relative;
width: 100%;
background-color: #3d53a1;
padding: 16px 91px;
margin-top: 15px;
}
.catalog-caption:after {
display: table;
clear: both;
content: "";
}
@media only screen and (max-width: 600px) {
.catalog-caption {
padding: 16px 10px 16px 91px;
}
}
@media only screen and (max-width: 460px) {
.catalog-caption {
padding: 10px 20px;
}
}
.catalog-caption:before {
content: '';
position: absolute;
background-repeat: no-repeat;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAdCAYAAADl208VAAAE40lEQVRYhcWYa2xVRRDHf7cUK0IF2yoSKW3UFh8EEFF5RKFFYpWAgS+NARRTYjQaMbYBYzVqxPhBjTFRE62PSGoiiUbFKMb6oKIJgmKVKPGJgBQEacuj1YLt3w8zx3u4nNt7L/bSfzI5O7O7szuzu7OzB0lkSA9KOqTk2CLpuhPQ2y8Uk0SayAEeBZYDW4HfgFhCm15gNjAYuBz4OtQmBgg4mmKcQmCI64pCoKc1sjbCymslrXVv73XZgoRVOCqpPYLa+li5AEckNUmaHzH2nV6fDj5LtUIjgLeAGc5/CawH7gYmAXcBB4Bu4AwgN4n3Op2Gu6eDAXq9Tzkw2WWbgDnAPuc7gdOAh4BfgK6oNQCmAbXAM8Adx0zADRoKbAPOBOqBJ3zi2cIg4HbgKeAwUAK0AUeA34FzgTGYc/OIOyUH2AO8AzwL3AaMA777T7Mv1Re+jNOjljGLdKmPu8X5HZI2SBqRYrs1evtOSbvDOpE00xvVnWRjAqrx8WdL+kjSekmlLlsuKV/ScKd8SSu87spQuyfDBm1w4YCEWacuSRtlO6VZ0mif081J2v8QmvMLXi6XRA5wBXb4BxKrgcuAi4CDIfmwJO0r/PsasBQLOB+CHTKwgDCQ+Nm/wzj2nupI0r4VWARUY0FhHFAM1Aehd1AWJpkJ8kLlHuLzuQAoI+74MD7ADPvG278JrAwM6snOPNNG+IoYgoVwAfc6pcIU4GVgfmBQcb9OL3OU+LcLu4MOAdOBCdg2jMrPYpgjDgBfAQ+D3dwtxLODgUI1sAWbYDcwFlgJVJE69wtQBrY36/y7rN+nmR4WAacD92De7gDOASqB6zPQ8wmwOYjrGz2WTzvJ989EH7fF+e2StvolWiupIFOdQWGoLIWQ7CYenGVDYpKWKY5Slx+QtO8EdY6XtCScba8CFnu5A/gYy373cPzbJAYUkFm478XeSSOxM1IaqsvHktT9wN/YlssUjcDC8BNgNGbIJGAzsAD4EyhKoqAby47TRY63z8eCURkwHngDMwbs+vgn1Od8LBOYgzlxLdAA/BihfzvE3zRFWLgc4XwrsBd4HHjeZesw71UCpwAvYWl8Lse/XKMQwyJWBRaICt0ggIXYmyjfdVcAU4FHvH6nf+uc7gc+x1Y8wDigB0ljZa/NRPT4d52kUxP269MR7bOBJkk5CWO/10f7diTVOzNT0khJxZIukdQraacrmSup29vVuuxF56u9T0maVCxplKQxCeUSSWfLngWSZd1IWhya8FKXfep8lesolvSKJOUSPwcXY2lHDNu7MWAWcB6wBnsu7/Zt+BdQA9zgW+NgmtsuHUzEMoNrsKf2KqAJO1sN2FmZ5XOY6uPGsLwP3Lqfkiwhkt4OlZH0fYj/Nkm//4s21/+r7K0UjL1fdjyQ1BrR79ZcP3DlTjEs0twI3OceawbmAVdhgeJC7AcKvnrNwC39tEK9wArgJuffx/4bTPC6AuBVryvC3kMPYBG0Hfgj2SVV6BY/5nxLyAuHXRbs9aokOk6Uyl1vjfPbQmO3umyJ8xMT+/eleI13muv8DEnzvDzK63b0szEBBT9tpjhfpfjf2Mle1xLVN5XiTd75XVdaKek5lx2RRaZsGJQvaZePs1rS1U6NLtsl20UZG4Rs2yXidUlnZcmYgIaEnBdGg6S8ZP3+BTfjFJbXQMQPAAAAAElFTkSuQmCC");
width: 52px;
height: 29px;
left: 20px;
top: 14px;
display: block;
}
@media only screen and (max-width: 732px) {
.catalog-caption:before {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (max-width: 460px) {
.catalog-caption:before {
display: none;
}
}
.catalog-caption__title {
width: auto;
max-width: 80%;
font-size: 22px;
color: #fff;
display: inline-block;
}
@media only screen and (max-width: 732px) {
.catalog-caption__title {
width: auto;
vertical-align: middle;
}
}
@media only screen and (max-width: 620px) {
.catalog-caption__title {
font-size: 16px;
}
}
.catalog-caption .catalog-caption__hint {
z-index: 1 !important;
vertical-align: middle;
display: inline-block;
width: 30px;
height: 27px;
float: none;
}
.catalog-caption__hint {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABWUlEQVQ4jZWUTUoDQRCFX8afLHSTEwhunMFDCDqJXsAcIagRxFW8iuIJ9AguXElAdJUEF4muRFBEQdyMED4X1kAndHew4S26uup1VfWrFiAPNoFTYAgUhqHZtnwx04YUuAYGwDGQAVVDZraB+aQhog3gFdgH5gKZys4OgXeLmSBKgTcgjxBMo24xaUlUAbp2y7RzDegYfJe0LbYic+gHyrkDrozoA9j1lNkH8nlJTUnnksaaXKuSPiXVHVtL0qWzH1tsU8DIXmRWTy4sM99Lj2Qaqc4gaVmZNc/ZIlAI+LJNiCS3/vhIBCwDRSLpxfoRWyfWL99akfScSLqVtBMheZJ0HznPJd0I2AZ6ETV3TAIhlfeAhivI9j9UXeLAFaQ7It7JDqAckYzA0O4BSYQgITK0bmZd/r6KI2ANWACWgHWzDcwn+I2UqAAN4Ax4BH6Ab+DBbA3zmYj7BVo+bR44RSa6AAAAAElFTkSuQmCC");
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACmElEQVRIib2Xz0tUURTHP87YtCmYAcX9NA7UUpkBaTsqmNGiLP8CoVa1Knct22VgRotqLxQEJeS4MCKKfq2iLNN2SQr+oDYa8m1xz8OZ58y8+2asLxwe3Hvu+d577rnnndMmCQ8cAgaBfqAAZIG0zW0Cy8BboAw8A/5EGWyLIE4Dl4GLwALwFHgJfAM2TCcD5ICTwCngODAFTNimakNSPRmV9EPSA0n5Bnph6ZZ039aO1tOrNZiUNCXpq6RiDMKwFCV9N1vJ8HzY1UlgGjgCnAN+Rd1VBDqBh8AacB7YDSYSIcUJoAM4fQCkGGEJFyu3qmYqjn/BXNPZgnvryVFJX4yjytVp4DNwBnjjcZJeOwm46J7DPalGKAKPcVG/GezoukWiz+7vaj/WJY15rL1nXCApJemnpJzHwjEjeicpa2MlI16XlIlYnzOuFJKGJc17nnbaiEuh8Rs2PuJhY17ScDswAMz4hCjuSdRCkMWyHjZmgMEE0AO88iSuhxH7znnovgZ6kLQqqcvT1bXkqrm57KnfJWkVSduSDjdJGgTbekWwRUlK0nYrxKUK0t4Y61KSthPAFnv/1jgYs+814H2MdRlgKwEsAvkmiDP2jcpYYeSBxXbcbvuAFzEN9MfUD9AHfEgAs8BQk0aawRAwG1z2mvxSZqWULbjCWcwrZSaAHeA2MP4fTjsO3AF2gp2kJa2otVInSgrGkZa0rxBY1r8rBBZUUfyFFSYlPbd7PyjSlMXDZOV4o2LvLPC7xTvtAB7hUeztmsIS7n0XWiAt4Mqoj2FSILKgX5EribpjuLZbrsRZUYOC3qeFuQJcAj4BT3AtzBLVLcwxXAszDJzAtTA3adDCRBEHCJq2AfaatiBXb7DXtM2a7EQZ/AsvCYT73ClWogAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
background-size: 80%;
width: 20px;
height: 20px;
cursor: pointer;
display: block;
float: right;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
margin-left: 5px;
position: relative;
z-index: 999;
}
@media only screen and (max-width: 800px) {
.catalog-caption__hint {
-webkit-transform: translateY(7%);
transform: translateY(7%);
}
}
@media only screen and (max-width: 460px) {
.catalog-caption__hint {
margin-left: 10px;
display: none;
}
}
.catalog-caption__hint:hover .catalog-caption__hint_content {
display: block;
}
.catalog-caption__hint_content {
display: none;
position: absolute;
left: 50px;
top: -6px;
background-color: #edeff5;
font-size: 14px;
color: #3d53a1;
padding: 28px;
width: 290px;
letter-spacing: 0.02em;
line-height: 1.4;
}
@media only screen and (max-width: 880px) {
.catalog-caption__hint_content {
left: auto;
right: 150%;
z-index: 2;
}
}
@media only screen and (max-width: 900px) {
.catalog-specialization {
margin-top: 20px;
}
}
.catalog-specialization__dropdown {
/* margin-top: 20px;*/
color: #000;
}
@media only screen and (max-width: 1000px) {
.catalog-specialization__dropdown {
display: block;
}
}
.catalog-specialization__dropdown .catalog-specialization__item_title {
display: none;
color: #000;
padding: 18px 20px;
background-color: #edeff5;
cursor: pointer;
margin-bottom: 20px;
}
.catalog-specialization__dropdown .catalog-specialization__item_title:before {
right: 20px;
}
.catalog-specialization__dropdown .catalog-specialization__item_title.active {
background-color: #3d53a1;
color: #fff;
position: relative;
}
.catalog-specialization__dropdown .catalog-specialization__item_title.active:before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAXklEQVQYlY2OwQnAIBAE95ESopXZRUq7yjTpYfLxQM5IXDg42B0YAcZ+TEAG6sb4BrIAAWUDKIAc0I+a+W4E0kKtde0JWKmVcROBqGax/wLOrlZHFb9Dcx5JV/9bLF+gbFZXVrclNAAAAABJRU5ErkJggg==");
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
transition: 0.4s all;
}
@media only screen and (max-width: 1000px) {
.catalog-specialization__dropdown .catalog-specialization__item_title {
display: block;
}
}
.catalog-specialization__dropdown_item {
padding: 5px 20px 0;
display: none;
margin-top: 20px;
}
@media only screen and (max-width: 1000px) {
.catalog-specialization__dropdown_item {
margin-bottom: 30px;
}
}
.catalog-specialization__dropdown_item .content-page {
margin-top: 0;
margin-bottom: 0;
}
@media only screen and (max-width: 800px) {
.catalog-specialization {
margin-top: 20px;
}
}
.catalog-specialization-agregat {
margin-top: 42px;
}
.catalog-specialization__items {
margin-top: 28px;
}
.catalog-specialization__item {
text-decoration: none;
display: block;
float: left;
width: calc(100% / 3 - 19px);
margin-right: 28px;
color: #000;
padding: 18px 20px;
background-color: #edeff5;
cursor: pointer;
transition: 0.4s all;
}
@media only screen and (max-width: 1000px) {
.catalog-specialization__item {
display: none;
}
}
.catalog-specialization__item.active {
background-color: #3d53a1;
color: #fff;
position: relative;
}
.catalog-specialization__item.active:hover {
background-color: #3d53a1;
color: #fff;
}
@media only screen and (max-width: 1000px) {
.catalog-specialization__item.active:hover .catalog-specialization__item_title:before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAXklEQVQYlY2OwQnAIBAE95ESopXZRUq7yjTpYfLxQM5IXDg42B0YAcZ+TEAG6sb4BrIAAWUDKIAc0I+a+W4E0kKtde0JWKmVcROBqGax/wLOrlZHFb9Dcx5JV/9bLF+gbFZXVrclNAAAAABJRU5ErkJggg==");
}
}
.catalog-specialization__item.active .catalog-specialization__item_title:before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAXklEQVQYlY2OwQnAIBAE95ESopXZRUq7yjTpYfLxQM5IXDg42B0YAcZ+TEAG6sb4BrIAAWUDKIAc0I+a+W4E0kKtde0JWKmVcROBqGax/wLOrlZHFb9Dcx5JV/9bLF+gbFZXVrclNAAAAABJRU5ErkJggg==");
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
transition: 0.4s all;
}
.catalog-specialization__item:hover {
background-color: #3d53a1;
color: #fff;
}
@media only screen and (max-width: 1000px) {
.catalog-specialization__item:hover {
background-color: #edeff5;
color: #000;
}
}
.catalog-specialization__item:hover .catalog-specialization__item_title:before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAXklEQVQYlY2OwQnAIBAE95ESopXZRUq7yjTpYfLxQM5IXDg42B0YAcZ+TEAG6sb4BrIAAWUDKIAc0I+a+W4E0kKtde0JWKmVcROBqGax/wLOrlZHFb9Dcx5JV/9bLF+gbFZXVrclNAAAAABJRU5ErkJggg==");
transition: 0.4s all;
}
@media only screen and (max-width: 1000px) {
.catalog-specialization__item:hover .catalog-specialization__item_title:before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAZUlEQVQYlY2QwQ2AQAgER2ITlmMPNqHUYxVaGXdF+NBLECW5TfiwLEwYpnk/gIU+nQJsgHUMG6ACFEA7AgqYtFNPpSjNF9dcEzTzBD5QEzT1iySYEe2DGgMezbg/+NL4E/BoJZoXlqUXn6HhB/gAAAAASUVORK5CYII=");
}
}
.catalog-specialization__item:nth-child(3) {
margin-right: 0;
}
.catalog-specialization__item_title {
padding-right: 70px;
letter-spacing: .024em;
position: relative;
}
@media only screen and (max-width: 1140px) {
.catalog-specialization__item_title {
padding-right: 40px;
}
}
@media only screen and (max-width: 1050px) {
.catalog-specialization__item_title {
padding-right: 20px;
}
}
.catalog-specialization__item_title:before {
content: '';
position: absolute;
top: 50%;
right: -1px;
-webkit-transform: translateY(-50%) rotate(0);
transform: translateY(-50%) rotate(0);
background-repeat: no-repeat;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAZUlEQVQYlY2QwQ2AQAgER2ITlmMPNqHUYxVaGXdF+NBLECW5TfiwLEwYpnk/gIU+nQJsgHUMG6ACFEA7AgqYtFNPpSjNF9dcEzTzBD5QEzT1iySYEe2DGgMezbg/+NL4E/BoJZoXlqUXn6HhB/gAAAAASUVORK5CYII=");
width: 12px;
height: 9px;
transition: 0.4s all;
}
.catalog-title {
font-family: "Bebas Neue", sans-serif;
font-size: 30px;
letter-spacing: 0.027em;
color: #3d53a1;
font-weight: 600;
}
.catalog-desc {
margin-top: 20px;
line-height: 1.5;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 21px;
}
.catalog-desc_button {
display: inline-block;
margin-left: 11px;
text-decoration: none;
border-bottom: 1px solid;
transition: 0.4s all;
line-height: 1;
position: relative;
color: #3d53a1;
}
.catalog-desc_button:hover {
border-bottom-color: transparent;
transition: 0.4s all;
}
.catalog-desc_button:before {
content: '';
background-repeat: no-repeat;
position: absolute;
right: -32px;
top: 3px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAAAnklEQVQokZ3RvwqBYRTH8Q+9FmJ3E66AJKOycRX+5QqsBkRZTGY2JWWTe6K8i+FF1uf5jed0vp1zvrlqayswMzwx/y8mgZAC6mgjxfLbyAeCUnRxwwLjWBA80MEdKwzITutFwGCPGjZ4JThEgv4zStCPHC7Lnl3BJsExAlLC5QMZYheqH4o4o4EJtoRbK+CEJqZYfxuhG6Uy7VeZ+l/ehPUaABkBJ6kAAAAASUVORK5CYII=");
width: 18px;
height: 11px;
}
.catalog-agregat {
margin-top: 40px;
}
.catalog-agregat__filter_header {
margin-top: 27px;
margin-left: 3px;
letter-spacing: 0.02em;
display: none;
}
.catalog-agregat__filter_header:after {
display: table;
clear: both;
content: "";
}
@media screen and (max-width: 880px) {
.catalog-agregat__filter_header {
margin-top: 10px;
}
}
.catalog-agregat__filter_left {
position: relative;
}
.catalog-agregat__filter_right {
position: relative;
z-index: 2;
float: right;
}
.catalog-agregat__filter_label {
font-size: 14px;
color: #000;
display: block;
margin-bottom: 6px;
font-weight: 500;
}
.catalog-agregat__filter_label span.bx-filter-param-text {
color: #7e7e7e;
}
.catalog-agregat__filter_title {
font-size: 14px;
color: #7e7e7e;
letter-spacing: 0.02em;
display: inline-block;
}
@media only screen and (max-width: 880px) {
.catalog-agregat__filter_title {
width: 100px;
vertical-align: middle;
}
}
.catalog-agregat__filter_select {
display: inline-block;
margin-left: 2%;
margin-right: 2%;
max-width: 50%;
position: relative;
}
.catalog-agregat__filter_select option.down {
display: inline-block;
vertical-align: top;
position: relative;
padding-right: 15px;
}
.catalog-agregat__filter_select option.down:after {
display: block;
content: '';
position: absolute;
top: 1px;
right: 5px;
width: 20px;
height: 20px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHJJREFUOI1jYBgFlAJGJDYTFJMD/jIwMPxHF2yBCpKDa2CGsCAZeImBgWElmS68Sqa+AQCMWMSYGYjzwh8GBgYddEEWLAphiokxcAgCbGGIDooZGBgsoewjDAwME/ApxhWGyMCMgYEhAMr+SYT6UTDYAABfExrJIQn3qgAAAABJRU5ErkJggg==') no-repeat center;
}
@media screen and (max-width: 600px) {
.catalog-agregat__filter_select {
max-width: 35%;
}
}
@media only screen and (max-width: 500px) {
.catalog-agregat__filter_select {
margin-left: 0;
margin-right: 0;
display: block;
}
.catalog-agregat__filter_left .catalog-agregat__filter_select {
margin-top: 0;
margin-left: 2%;
margin-right: 2%;
display: inline-block;
}
}
/*
.catalog-agregat__filter_select:after {
content: '';
position: absolute;
background-repeat: no-repeat;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAATElEQVQImW3M2wmAMBQD0OPFJRzHHVxCO49T6GRXh/CnhSINBPIi07KeFzZj3IGCZ1C+KIHEMRjsyGhXlf4+urDUt6dqMHeD7Ips4Qcf9g+W4uMY0AAAAABJRU5ErkJggg==");
width: 8px;
height: 6px;
display: block;
cursor: pointer;
pointer-events: none;
}
.catalog-agregat__filter_select select {
padding: 6px 36px 7px 11px;
border: 1px solid #e8e8e8;
cursor: pointer;
width: 100%;
font-family: "Roboto", sans-serif;
font-size: 14px;
}
@media only screen and (max-width: 500px) {
.catalog-agregat__filter_select select {
width: 100%;
}
}
*/
.catalog-agregat__filter_extra {
display: inline-block;
}
.catalog-agregat__filter_extra span {
cursor: pointer;
border-bottom: 1px dotted;
color: #000;
font-size: 14px;
transition: 0.4s all;
}
@media only screen and (max-width: 880px) {
.catalog-agregat__filter_extra {
position: absolute;
top: 55px;
left: 0;
}
}
@media only screen and (max-width: 500px) {
.catalog-agregat__filter_extra {
margin-left: 0;
}
}
.catalog-agregat__filter_extra span:hover {
border-bottom-color: transparent;
transition: 0.4s all;
}
.catalog-agregat__filter_extra-items {
border: 1px solid #3d53a1;
margin-top: 19px;
padding: 25px 29px;
position: relative;
display: none;
background-color: #fff;
}
@media screen and (max-width: 880px) {
.catalog-agregat__filter_extra-items {
margin-top: 50px;
}
}
.catalog-agregat__filter_extra-items.open {}
.catalog-agregat__filter_extra-items:after {
content: '';
border: 1px solid #3d53a1;
position: absolute;
top: -13px;
left: 482px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 25px;
height: 25px;
background-color: #fff;
border-bottom-color: transparent;
border-right-color: transparent;
}
@media screen and (max-width: 880px) {
.catalog-agregat__filter_extra-items:after {
left: 92px;
}
}
.catalog-agregat__filter_extra-items .catalog-agregat__filter_select {
margin-left: 0;
width: 100%;
max-width: 100%;
}
.catalog-agregat__filter_extra-items .catalog-agregat__filter_select select {
width: 100%;
}
.catalog-agregat__filter_extra__item {
width: calc(100% / 4 - 25px);
display: inline-block;
vertical-align: top;
margin-bottom: 17px;
margin-right: 29px;
}
@media only screen and (max-width: 800px) {
.catalog-agregat__filter_extra__item {
width: calc(100% / 2 - 22px);
}
}
@media only screen and (max-width: 460px) {
.catalog-agregat__filter_extra__item {
width: 100%;
margin-right: 0;
}
}
.catalog-agregat__filter_extra__item:nth-child(4n) {
margin-right: 0;
}
@media only screen and (max-width: 800px) {
.catalog-agregat__filter_extra__item:nth-child(4n) {
margin-right: 29px;
}
}
@media only screen and (max-width: 800px) {
.catalog-agregat__filter_extra__item:nth-child(2n) {
margin-right: 0;
}
}
.catalog-agregat__filter_sort {
text-indent: -9999px;
overflow: hidden;
float: right;
position: relative;
top: 1px;
width: 85px;
}
.catalog-agregat__filter_sort_type {
background-repeat: no-repeat;
display: block;
margin-left: 10px;
width: 32px;
height: 32px;
float: left;
opacity: 0.4;
cursor: pointer;
transition: all 0.4s;
}
/*@media only screen and (max-width: 700px) {*/
/*.catalog-agregat__filter_sort_type {*/
/*margin-top: 30px; } }*/
@media only screen and (max-width: 620px) {
.catalog-agregat__filter_sort_type {
margin-top: 0;
}
}
/*@media only screen and (max-width: 510px) {*/
/*.catalog-agregat__filter_sort_type {*/
/*margin-top: 30px; } }*/
.catalog-agregat__filter_sort_type:hover {
opacity: 1;
transition: all 0.4s;
}
.catalog-agregat__filter_sort_type.type-line {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAWklEQVRYhWOUdJz6n2EAAQuUZhwg+/8zDZDFcDDqgFEHjDpgwB3AQlgJA6UlJd5CbkiEAE2L6QEPgQF3wGgiHE2EA+6A0UQ4mghHHTDqgFEHDLgDYAXRgHXRAaVgB0ADOki0AAAAAElFTkSuQmCC");
}
.catalog-agregat__filter_sort_type.type-group {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcUlEQVRYhWOUdJz6n2EAAQuUZqTEkGf7ssjSJ+U07T8TJRZTA4w6YNQBow5gIayEgYGBgQFXYcXIwADJz9gkn+3LIli+DHgIjDpg1AHE5gK8qZmY1I4LDJkQGC0HRh0wfB0wWg6MOmDUAaMOYBzo7jkAPIEWRYwCVL0AAAAASUVORK5CYII=");
}
.catalog-agregat__filter_sort_type.active {
opacity: 1;
}
.catalog-list {
margin-top: 24px;
display: none;
}
@media only screen and (max-width: 880px) {
.catalog-list {
margin-top: 40px;
}
}
.catalog-list.active {
display: block;
}
.catalog-list-extra {
border: 1px solid #3d53a1;
margin-top: 25px;
padding: 10px 63px;
font-family: "Bebas Neue", sans-serif;
font-size: 22px;
color: #3d53a1;
display: inline-block;
cursor: pointer;
background-color: transparent;
transition: 0.4s all;
}
@media only screen and (max-width: 800px) {
.catalog-list-extra {
left: 50%;
position: relative;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.catalog-list-extra:hover {
background-color: #3d53a1;
color: #fff;
transition: 0.4s all;
}
.catalog-list__item {
display: block;
border-top: 1px solid #e8e8e8;
padding: 21px 0;
width: 100%;
}
.catalog-list__item:first-child {
border-top: 1px solid transparent;
}
.catalog-list-items-hide.open .catalog-list__item {
border-top: 1px solid #e8e8e8;
}
.catalog-list__item_title {
font-size: 20px;
letter-spacing: 0.02em;
width: 20%;
display: inline-block;
vertical-align: middle;
}
@media only screen and (max-width: 880px) {
.catalog-list__item_title {
display: block;
width: 100%;
margin-bottom: 15px;
}
}
.catalog-list__item_desc {
padding-left: 20px;
font-size: 14px;
/* width: 23%; скрыл цену 1 ноября 2018*/
width: 79%; /*скрыл цену 1 ноября 2018*/
display: inline-block;
vertical-align: middle;
padding-top:6px;
}
@media only screen and (max-width: 880px) {
.catalog-list__item_desc {
padding-left: 0;
width: 100%;
margin-left: 0;
}
}
@media only screen and (max-width: 620px) {
.catalog-list__item_desc {
width: 100%;
margin-top: 10px;
}
}
.catalog-list__item_link {
border-bottom: 1px dotted;
text-decoration: none;
transition: 0.4s all;
font-size: 14px;
vertical-align: top;
color: #3d53a1;
display: inline;
cursor: pointer;
}
.catalog-list__item_link.active {
border-bottom-color: transparent;
transition: 0.4s all;
}
.catalog-list__item_link:hover {
border-bottom-color: transparent;
transition: 0.4s all;
}
.catalog-list__item_link-block {
padding-left: 20px;
vertical-align: middle;
/* display: inline-block; скрыл т.к. там нет контента Дербичев 17.10.2018*/
display: none;
width: 25%
}
@media screen and (max-width: 1120px) {
.catalog-list__item_link-block {
width: 15%;
}
}
@media only screen and (max-width: 880px) {
.catalog-list__item_link-block {
padding-left: 0;
margin-bottom: 10px;
margin-top: 10px;
width: 100%;
}
}
.catalog-list__item_link-block .catalog-list__item-mobile {
display: none;
}
@media only screen and (max-width: 620px) {
.catalog-list__item_link-block .catalog-list__item-mobile {
display: none;
}
}
.catalog-list__item_price {
padding-left: 10px;
padding-right: 10px;
width: 50%;
font-size: 20px;
display: inline-block;
/*float: right;*/
vertical-align: middle;
}
.catalog-list__item_right-side .catalog-list__item_price {
margin-top: 0;
}
@media only screen and (max-width: 880px) {
.catalog-list__item_price {
padding-left: 0;
width: auto;
min-width: 180px;
text-align: center;
margin-top: 10px;
}
}
.catalog-list__item_right-side {
width: 30%;
/* display: inline-block; скрыл цену 1 ноября 2018*/
display: none;
float: right;
text-align: right;
}
@media screen and (max-width: 1120px) {
.catalog-list__item_right-side {
width: 40%;
}
}
@media screen and (max-width: 880px) {
.catalog-list__item_right-side {
width: 100%;
text-align: right;
}
}
.catalog-list__item_button {
text-align: center;
display: inline-block;
color: #fff;
background-color: #3d53a1;
border: 1px solid #3d53a1;
text-decoration: none;
font-size: 14px;
padding: 7px 20px;
margin-top: 5px;
vertical-align: middle;
transition: .4s all;
/*float: right;*/
}
.catalog-list__item_right-side .catalog-list__item_button {
margin-top: 0;
}
@media only screen and (max-width: 880px) {
.catalog-list__item_button {
margin-left: 0;
}
}
.catalog-list__item_button:hover {
background-color: transparent;
color: #3d53a1;
transition: .4s all;
}
.catalog-group {
margin-top: 42px;
display: none;
}
.catalog-group.active {
display: block;
}
.catalog-group_img {
padding-bottom: 34px;
border-bottom: 1px solid #e8e8e8;
}
.catalog-group_img img {
padding-top: 6px;
width: 100%;
text-align: center;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 1000px) {
.catalog-group_img img {
width: 100%;
left: 0;
}
}
.catalog-group__count {
font-size: 14px;
margin-top: 15px;
letter-spacing: 0.02em;
}
.catalog-group__use {
font-size: 14px;
letter-spacing: 0.02em;
margin-top: 14px;
}
.catalog-group__use div {
margin-top: 14px;
margin-left: 20px;
}
.catalog-group__use div ul {
list-style: none;
}
.catalog-group__use div ul li {
padding: 8px;
position: relative;
}
.catalog-group__use ul li::before {
content: '';
width: 9px;
height: 1px;
background-color: #3955b8;
position: absolute;
top: 50%;
left: -11px;
}
.catalog-group__use a {
text-decoration: none;
transition: all 1s !important;
border-bottom: 1px dotted;
color: #3d53a1;
}
.catalog-group__use a:hover {
border-bottom: 1px dotted transparent;
}
.catalog-group__button {
display: inline-block;
color: #fff;
background-color: #3d53a1;
border: 1px solid #3d53a1;
text-decoration: none;
font-size: 14px;
padding: 7px 20px;
margin-top: 19px;
margin-left: 1px;
margin-bottom: 25px;
vertical-align: top;
transition: .4s all;
}
.catalog-group__button:hover {
background-color: transparent;
color: #3d53a1;
transition: .4s all;
}
.catalog-group__item {
padding: 15px 0;
/*border-bottom: 1px solid #e8e8e8;*/
}
.catalog-group__item:first-child {
padding-top: 0;
}
/*.catalog-group__item:last-child {*/
/* border-bottom: none;*/
/*}*/
.catalog-group__left {
width: 360px;
float: left;
}
@media only screen and (max-width: 1000px) {
.catalog-group__left {
width: 100%;
}
}
.catalog-group__right {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0 32px;
}
/*@media only screen and (max-width: 1000px) {*/
/* .catalog-group__right {*/
/* width: 100%;*/
/* margin-top: 30px;*/
/* margin-left: 0;*/
/* }*/
/*}*/
.catalog-group__right_item {
width: 100%;
padding: 12px 0;
border-bottom: 1px solid #e8e8e8;
}
.catalog-group__right_item:after {
display: table;
content: "";
clear: both;
}
.catalog-group__right_item:first-child {
padding-top: 0;
}
/*.catalog-group__right_item:last-child {*/
/* border-bottom: none;*/
/*}*/
.catalog-group__right_link {
color: #3d53a1;
width: 33.33%;
display: inline-block;
transition: 0.4s all;
margin-bottom: 8px;
}
@media screen and (max-width: 550px) {
.catalog-group__right_link {
width: 100%;
}
}
.catalog-group__right_link:hover {
text-decoration: none;
transition: 0.4s all;
}
.catalog-group__right_desc {
display: inline-block;
/* padding-left: 10px; Убрал сдвиг, чтобы нормально смотрелось фото 05/05/2022 */
padding-right: 10px;
/* width: 45%; скрыл цену 1 ноября 2018*/
width: 61.67%;
font-size: 16px;
letter-spacing: 0.02em;
vertical-align: top;
}
@media only screen and (max-width: 550px) {
.catalog-group__right_desc {
padding-left: 0;
padding-right: 0;
width: 100%;
margin-top: 10px;
margin-left: 0;
}
}
.catalog-group__right_price {
width: 16.67%;
/* display: inline-block; скрыл цену 1 ноября 2018*/
display: none; /*скрыл цену 1 ноября 2018*/
float: right;
text-align: right;
}
@media only screen and (max-width: 550px) {
.catalog-group__right_price {
margin-left: 0;
width: 100%;
margin-top: 10px;
display: none; /*скрыл цену 1 ноября 2018*/
}
}
.catalog-special {
margin-top: 40px;
}
.catalog-special__items {
margin-top: 29px;
}
.catalog-special_characteristic_item {
margin-bottom: 13px;
position: relative;
}
.catalog-special_characteristic_item:after {
content: '';
border-bottom: 1px dotted #acacac;
display: block;
position: absolute;
left: 0;
bottom: 5px;
right: 0;
z-index: -1;
}
.catalog-special_characteristic_item_title,
.catalog-special_characteristic_item_value {
display: inline-block;
vertical-align: bottom;
line-height: 21px;
}
.catalog-special_characteristic_item_title span,
.catalog-special_characteristic_item_value span {
background-color: #fff;
}
.catalog-special_characteristic_item_title {
/* float: left;*/
/* background-color: #fff;*/
padding-right: 15px;
width: calc(100% - 169px);
}
.catalog-special_characteristic_item_value {
/* float: right;*/
/* background-color: #fff;*/
/* padding-left: 5px;*/
width: 149px;
/* Дербичев. Изменено 29 июля 2020. Было так
width: 165px; */
text-align: right;
}
.catalog-special__item {
width: calc(100% / 2 - 16px);
border: 1px solid #e8e8e8;
float: left;
margin-right: 30px;
margin-bottom: 30px;
position: relative;
padding-bottom: 75px;
}
@media only screen and (max-width: 1000px) {
.catalog-special__item {
width: 100%;
}
}
.catalog-special__item:nth-child(2n) {
margin-right: 0;
}
.catalog-special__item_characteristic {
font-size: 14px;
padding: 27px 30px 0;
letter-spacing: 0.02em;
}
.catalog-special__item_img {
position: relative;
min-height: 220px;
overflow: hidden;
}
.catalog-special__item_img img {
position: absolute;
top: 50%;
display: block;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
min-height: 100%;
max-height: 100%;
width: auto;
}
.catalog-agregat__filter-button {
text-align: center;
margin-top: 15px;
}
.catalog-agregat__filter__button {
display: inline-block;
vertical-align: top;
color: #fff;
background-color: #3d53a1;
border: 1px solid #3d53a1;
text-decoration: none;
font-size: 16px;
padding: 6px 30px;
transition: .4s all;
cursor: pointer;
font-family: "Roboto";
}
.catalog-agregat__filter__button:hover {
background-color: transparent;
color: #3d53a1;
transition: .4s all;
}
.catalog-special__item_img img:nth-child(2) {
display: none;
}
.catalog-special__item_title {
background-color: #3d53a1;
color: #fff;
font-size: 20px;
display: inline-block;
width: calc(100%-7px);
padding: 8px 7px 10px;
width: -moz-calc(100% - 100px);
width: -webkit-calc(100% - 100px);
width: calc(100% - 15px);
}
/* Дербичев.Изменил 27 июля 2020. Было так.
.catalog-special__item_title {
background-color: #3d53a1;
color: #fff;
font-size: 20px;
display: inline-block;
width: 100%;
padding: 7px 29px 10px;
} */
.catalog-special__item_name {
display: inline-block;
float: left;
text-decoration: none !important;
width: calc(100% - 170px);
}
.catalog-special__item_name span {
border-bottom: 1px solid rgba(255, 255, 255, .35);
-webkit-transition: border .4s;
transition: border .4s;
}
.catalog-special__item_name:hover span {
border-bottom-color: transparent;
}
.catalog-special__item_price {
display: none;
float: right;
}
.catalog-special__item_price strong {
font-weight: bold;
}
.catalog-special__item_desc {
margin-top: -4px;
}
.catalog-special__item_feature {
color: #3d53a1;
padding: 15px 30px;
letter-spacing: 0.02em;
background: #f8f8f8;
}
.catalog-special__item_button {
display: inline-block;
color: #fff;
background-color: #3d53a1;
border: 1px solid #3d53a1;
text-decoration: none;
font-size: 16px;
padding: 7px 30px;
/* margin-top: 7px;*/
/* float: right;*/
vertical-align: top;
transition: .4s all;
/*
margin-right: 30px;
margin-bottom: 28px;
*/
cursor: pointer;
position: absolute;
margin: 0;
right: 30px;
bottom: 28px;
}
.catalog-special__item_button:hover {
background-color: transparent;
color: #3d53a1;
transition: .4s all;
}
.catalog-project {
margin-top: 22px;
}
@media only screen and (max-width: 560px) {
.catalog-project__footer {
text-align: center;
width: 100%;
margin-top: 50px;
}
}
.catalog-project__button {
display: inline-block;
color: #fff;
background-color: #3d53a1;
border: 1px solid #3d53a1;
text-decoration: none;
font-size: 22px;
padding: 10px 22px;
margin-top: 18px;
vertical-align: top;
transition: .4s all;
margin-right: 30px;
margin-bottom: 28px;
cursor: pointer;
font-family: "Bebas Neue", sans-serif;
float: left;
letter-spacing: 0.02em;
}
@media only screen and (max-width: 560px) {
.catalog-project__button {
float: none;
margin-right: 0;
}
}
.catalog-project__button:hover {
background-color: transparent;
color: #3d53a1;
transition: .4s all;
}
.catalog-project__slider {
overflow: hidden;
-webkit-transition: height .4s;
transition: height .4s;
}
.catalog-project__slider {
white-space: nowrap;
}
.catalog-project__slider.owl-loaded {
white-space: normal;
}
.catalog-project__slider_item {
display: inline-block;
width: 100%;
white-space: normal;
}
.catalog-project__slider_item .project__item.first_project .project__item_overlay_wrapper {
position: absolute;
}
.catalog-project__slider_item .project__item_logo-company {
margin-top: 0;
position: absolute;
top: 31px;
left: 30px;
margin-left: 0;
}
.catalog-project__slider_item .project__left_column .project__item_header .project__item_titles {
margin-top: 0;
margin-left: 0;
position: absolute;
bottom: 10px;
}
.catalog-project__slider .owl-item {
float: left;
width: 100%;
}
.catalog-project__slider .owl-nav.disabled {
display: none;
}
.catalog-project__slider_remote {
display: inline-block;
float: right;
margin-top: 30px;
}
@media only screen and (max-width: 560px) {
.catalog-project__slider_remote {
position: relative;
bottom: 50px;
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
}
@media only screen and (max-width: 500px) {
.catalog-project__slider_remote {
bottom: 150px;
}
}
.catalog-project__slider_remote-prev {
display: inline-block;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAYAAAAPFIbmAAAA0klEQVQokX3SIUhDURQG4M+HTCwzCmuuWAQZCuIQ1gSLbdWqiMmwPKNFoyaLzbqibUVEeO/J0pjdKEMMYjPsDsa87930X+7H5ZzDWciyTMm5xXixBHRwjPekAJzgEiNsx1AbN/jEDr7n0T4e8ItNfMEs2sJTyA18TB+maB1pyE0MZ79PsIHXcD/Ay3yRCe6wgis8RhqR4BQ/OEOrCKXYRQX9UPQ/BAPshZxjLYbgGYchv2E1hqCHo9BIjuUYgnuco2YyjqWiLbhGFV2kZatygTrGf1n5JUFmCattAAAAAElFTkSuQmCC);
width: 9px;
height: 17px;
background-repeat: no-repeat;
cursor: pointer;
margin-right: 15px;
transition: 0.4s background-image;
}
.catalog-project__slider_remote-prev:hover {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAMAAAA4ynbUAAAAXVBMVEUAAAAtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5H7IIZWAAAAHnRSTlMAMfjw0pSKRzoeDgjs5dnYyqF/dnFoXVVNPywpJxfQtvMsAAAAUUlEQVQI1zXMRxKAIBQEUUEQMOds3/+YVsGnV28zU0i2Eiz0CRtDHXHQJjh0iFDwRLzgI+4Sl2Yj+UlpfWWCEnoIwpPyE+50jXDFZM6YQprsD1wFBBYIfnJVAAAAAElFTkSuQmCC");
}
.catalog-project__slider_remote-dots {
display: inline-block;
position: relative;
top: -4px;
}
.catalog-project__slider_remote-dots > div {
float: left;
margin-right: 20px;
}
.catalog-project__slider_remote-dots .owl-dot {
float: left;
margin-left: 0;
background-color: #ccc;
width: 10px;
height: 10px;
border-radius: 50%;
cursor: pointer;
}
.catalog-project__slider_remote-dots .owl-dot.active {
background-color: #3d53a1;
}
.catalog-project__slider_remote-next {
display: inline-block;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAYAAAAPFIbmAAAA0klEQVQokX3SIUhDURQG4M+HTCwzCmuuWAQZCuIQ1gSLbdWqiMmwPKNFoyaLzbqibUVEeO/J0pjdKEMMYjPsDsa87930X+7H5ZzDWciyTMm5xXixBHRwjPekAJzgEiNsx1AbN/jEDr7n0T4e8ItNfMEs2sJTyA18TB+maB1pyE0MZ79PsIHXcD/Ay3yRCe6wgis8RhqR4BQ/OEOrCKXYRQX9UPQ/BAPshZxjLYbgGYchv2E1hqCHo9BIjuUYgnuco2YyjqWiLbhGFV2kZatygTrGf1n5JUFmCattAAAAAElFTkSuQmCC);
width: 9px;
height: 17px;
background-repeat: no-repeat;
cursor: pointer;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: 0.4s background-image;
}
.catalog-project__slider_remote-next:hover {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAMAAAA4ynbUAAAAXVBMVEUAAAAtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5EtQ5H7IIZWAAAAHnRSTlMAMfjw0pSKRzoeDgjs5dnYyqF/dnFoXVVNPywpJxfQtvMsAAAAUUlEQVQI1zXMRxKAIBQEUUEQMOds3/+YVsGnV28zU0i2Eiz0CRtDHXHQJjh0iFDwRLzgI+4Sl2Yj+UlpfWWCEnoIwpPyE+50jXDFZM6YQprsD1wFBBYIfnJVAAAAAElFTkSuQmCC");
}
.catalog-project .project__left_column {
width: 100%;
}
.catalog-project .project__left_column .project__item {
margin-bottom: 0;
}
.catalog-project .project__left_column .project__item_header {
float: left;
width: 48.6%;
}
@media only screen and (max-width: 1000px) {
.catalog-project .project__left_column .project__item_header {
width: 100%;
height: 100%;
}
.catalog-project .project__left_column .project__item_header img {
width: 100%;
}
}
.catalog-project .project__left_column .project__item_header .project__item_titles {
margin-left: 31px;
}
.catalog-project .project__left_column .project__item_header .project_number {
font-size: 30px;
}
.catalog-project .project__left_column .project__item_header .project__item_title {
font-size: 30px;
letter-spacing: 0;
width: 82%;
}
.catalog-project .project__left_column .project__item_desc {
float: left;
width: calc(100% - 48.6%);
border: 1px solid #e8e8e8;
height: 262px;
}
@media only screen and (max-width: 1000px) {
.catalog-project .project__left_column .project__item_desc {
width: 100%;
height: 100%;
}
}
.catalog-project .project__left_column .project__item_desc .project__item_numbers_item {
margin-top: 25px;
}
.catalog-cat__photo img {
min-width: 100%;
}
.catalog-cat {
margin-top: 53px;
}
.catalog-cat__item {
max-height: 245px;
width: calc(100% / 3 - 20px);
margin-right: 30px;
float: left;
position: relative;
margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
.catalog-cat__item {
width: calc(100% / 2 - 20px);
}
}
@media only screen and (max-width: 560px) {
.catalog-cat__item {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
display: block;
overflow: hidden;
}
}
.catalog-cat__item:hover .catalog-cat__title {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
.catalog-cat__item:hover .catalog-cat__title:after {
opacity: 1;
}
.catalog-cat__item:nth-child(3n) {
margin-right: 0;
}
@media only screen and (max-width: 768px) {
.catalog-cat__item:nth-child(3n) {
margin-right: 30px;
}
}
@media only screen and (max-width: 768px) {
.catalog-cat__item:nth-child(2n) {
margin-right: 0;
}
}
.catalog-cat__title {
font-family: "Bebas Neue", sans-serif;
font-size: 24px;
color: #fff;
position: absolute;
bottom: 14px;
left: 21px;
letter-spacing: 0.1em;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: 0.4s all;
background-color: #39426a;
padding-left: 10px;
padding-right: 10px;
}
.catalog-cat__title:after {
content: '';
display: block;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAAAgklEQVQoka2SMQoCQQxF34A2K3o777CioOsF7C28kFuIeATvYiH4LHaQEWyyzoM0CXzCS5JKkAPwAI5fXTVSU7V3oCtn0SDURr3ksO0/Qagz9aq+1LVKUpdRSZk5cAIWQJscYfsH91obrWo42tS42m7s1co/2pezSdDLE7gB5+znwxtZdWWxHEMehAAAAABJRU5ErkJggg==");
width: 18px;
height: 11px;
position: absolute;
bottom: -25px;
left: 3px;
opacity: 0;
transition: 0.4s all;
}
.catalog-cat__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
background: -webkit-linear-gradient(to bottom, transparent 66%, rgba(0, 0, 0, 0.65) 100%);
background: linear-gradient(to bottom, transparent 66%, rgba(0, 0, 0, 0.65) 100%);
}
@media only screen and (max-width: 620px) {
/*.catalog-list-charackter {*/
/*display: none; } */
}
.catalog-charakteristic {
display: none;
}
/* Product page */
.menu-left {
float: left;
width: 261px;
margin-right: 30px;
border: 1px solid #dcdcdc;
font-size: 15px;
}
@media only screen and (max-width: 1000px) {
.menu-left {
display: none;
}
}
.menu-left__items {
padding: 9px 20px;
}
.menu-left__items + .menu-left__items {
padding-top: 6px;
background: #f0f3f7;
margin-top: -3px;
}
.menu-left__items.open .menu-left__item:nth-last-child(2) {
border-bottom-color: transparent;
}
.menu-left__item {
padding: 13px 0;
border-bottom: 1px solid #dcdcdc;
}
.menu-left__item.show {
display: block !important;
}
.menu-left__item:last-child {
border-bottom-color: transparent;
}
.menu-left__item.menu-left__service {
font-family: "Bebas Neue", sans-serif;
font-size: 16px;
padding: 15px 0 15px 39px;
position: relative;
}
.menu-left__item.menu-left__service:before {
content: '';
background-repeat: no-repeat;
position: absolute;
top: 10px;
left: 0;
width: 25px;
height: 25px;
background-size: contain;
}
.menu-left__item.menu-left__service.icon-tank:before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAjVBMVEUAAAAZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZVqbY4GAAAALnRSTlMA3XJXp/YRoPCFXUkFTz7P+mok2tWRfujKvrati2RTKxjtsZgMw3ZvRDMfD8c4oCZWkwAAAgNJREFUOMuN1OmSqjAQBeCDECIBZBVEcR93Pe//eBfiXFSMNX4/0lQlFTrprsAomJJjfGGy9m3KPxb5RSK5USqjl3hLmJwDwD3XJPOStDKSNkyogC1xZADNp4s3pzoS1Joghhq5jsan12URmW94ldKirG3peXIv631R7EhrhI5Hyw4AjoCaQIpL0AxYtUMYPS5qxkMbXCZBIIkFkU9BdyvAAoBiBW3MUMefIRsRflKs2s3cM1J9mhHlPShol9gZDCal6Wr1NYkcd26bo0cY7AgcuewWFmk6EzBYUaHSM48cJzApLXCGX268XSyqIUzGBAfdQt4+5QhFcP7YsR6NpuYdQ4L7b3JUfM6RxXK5EZ9yrAT+vkeUGUY8oatMklxLY0vT1pXp5WiuDG5M/v/64LpOjHcLhs/d41IBkujT3aM5XT+23+ibc9qG6Ab4YhfiA78SNpBGYOZIzyKZz7yt44w958kmIll60okIsbasrJptrnlmvcsn01nVTJQCVPiCT/BLCJNB47Dw/fngzTz0F3o+6Q4bHE8wWB5/+u+h6UXyY5LXCx4mDIPVhrfedtydgyOz5xrp98Wy8CLS3Z7yUYxt/FsrvKCnw3CKu65bi/5CqYOQ6IgCQCBqvNjHK/2f4N5rtm37EaU6DDm3XyjGe7Wl5duriw221oKNIXvWbMTNGC75D5EeQaQHlHWkAAAAAElFTkSuQmCC");
}
.menu-left__item.menu-left__service.icon-products:before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAjVBMVEUAAAAZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZVqbY4GAAAALnRSTlMAPoxWEe4yaEdu+KfdoQVcvg1hULAtzJ2VI+Ee9Ma2dCfy59IKgkQ2GhZ+eFmJmoCAbwAAAhFJREFUOMt90evWalAYhuEHKTOb7IlKRfvWc/6Ht2aZScV3/TB4x91rjqCv3PGXjV9buiLUhKF1jsKhPxSegAUui04Eu+YG35aMoBEVOybS/EJ/KPzm+NB+d3KKpcm5qZzOO9Qx4K1i9DQ3m+vDKbvmrpKcXdS0bb2gixcLHunvmeCCPrFxnH1aE8qVOXhHSUSvE3lPeDq+woouY84wlVeXGWBmDTsJDLa/zWjgyPUWk5hXJPQn1hlWayGsoAsdBsAZQHslL8ldqLCBNVGh9G9lQVp6AKZODMR8qTxqKgxEdaMOWHNyBjnMK7FEnwq35CptHke7Pw6LzY7clrHT2hdx+dpIDVK6A7BWk2VIW/Ffr5azCaS9A8AlHpiIFZRAhTbJdHMAQoaexhwQsS83zqFM29BmlPhOSgHkJDeAxrrwA/EdUocU8QbgeDCe91cA+k+4eEx5x9uJcTMQCsAr6KFJbwG8MD09v8xgKPmMCnKBhJR3xQVjIWoWk3mECUuXbADkvb+nHyILwLXIWCLbQtKpK3YXKoFvcr5eomWtTWW/LhGpUDnziEHfYUmaq3lrJXel7VY542cYiIPeN+/OeQjBEKPsPd5YTUb5/XDHP2zwxnw2JkyLj1djVG3izWU4lZLtVOkeTjoN9GQcNcOHUpMOXGidnJYmBRiwJN6OxAjLyFkZHZuhMcUQh9yxRz5k+PQfuI5Slj6aYF0AAAAASUVORK5CYII=");
}
.menu-left__item.menu-left__service.icon-doc:before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAgVBMVEUAAAAZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZU1UlhPAAAAKnRSTlMAVz4PA2sIn4ZcKevHctpSEt6+R6fxzmAl1K2Me+S3m3ZMOjUf95VFgTI8wkoMAAABtElEQVQ4y43V2XaqMBiG4T8kBKkD86yIorb97v8Cd0K2KTLUPgchZr2CuiAS7QFkWFELMnTn7U/o3EVf2NkQKZHAhZaVSGzI9LD7mClvpRqwt6GrhgNWMRsOb5F85oKLGskCu32lzWauRq0PXqqdO0IfYKtFp+3TKdKv4yoa6BcAwSlAb33q0Ddh3gRPTSWHFQwqNQ1GIcZCvXJNFLfo1ZSNwiYJn5JG2pDoMgkFGWZuL10WeA0FjrbrzKWFpg6TM5bchrwUNDIJj71d/j7K9VBkhV12wdfCufWwzQCcXDIyL0TYRVs+vzRq3/eRknEM5EY6iOU8vD8cx8k8GoO/cOkI2nHcCXOzzn5wznl2/kOov8epNY/LWmgXWwwy/i6MYkd54G1oPiN7H25TPXd/D30dDmcMENIAxVJYM8ZQMSUFT3rJ5AdSMQvN/ZzdoR0o8jh4t82kDf/2uDoq7BkO2m7ssMvzc16piXFXYXB7xKk3FbcxYj1pY61u/m9SQk7ozeFzOL5sezmmwgRG8LqR5s6E4Nfvq+NcRxupp4eAlvGfTXuDTVGhYItcHMja/Pb3Edvn9h+vJkvCtzFkqwAAAABJRU5ErkJggg==");
}
.menu-left__item.menu-left__service.icon-service:before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAhFBMVEUAAAAZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUZQZUJcHUuAAAAK3RSTlMA+2ZKidXrbGmVGbKFQM0SmB2zJyLzgFtSLQnkjmFFDbqnoDXZyMR5ck3fw6g3qgAAAXNJREFUOMvF0NmSqjAUheGVFhQ9KpMMAuI89Xr/9zubTidNU8ayvOnvIgXFXwnZAMJpRhc17pb9CuJIRsFHT/CjaMgm8MgS2HK5hdNy9/VxzxUiwm1qPmZnMIKb2kELCBZw4xzaQsIPDIQhRNWtyoSjfri6VujMKdNY89qF3qNwTB3GJ4YV65krXMpG3y51LbdwhAceYaRkbC/TD2c35LzbbqZ2Sfa1vcqPcZfFqQ5j+gxs19IHPrnofkeRTfFJ+pk+uqAHKz+ha26y1Fl5JU9toMw/OqbOXMa6hth0oZsM3JIwGhuNTHpspWY8JtxEUy0q5GJTK/4dBnAa7nhL/mnJBFgl9i0ehp5vyCVT30rfPrqdGAsZ28QKh+FBGZGMR1nrQfj60eHM2ALV92P1IExo7IGjeXwQpu1Ca1Nge7+PRLmGeHc8ByqN0fOw9OaaV6Lv/aPnS7F5IczPl8v5lVD7g7B8Fja98DByY2/Hmk9kP7P4D+gVLz718kAiAAAAAElFTkSuQmCC");
}
.menu-left__link {
color: #3d53a1;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: 0.4s all;
}
.menu-left__link:hover {
border-bottom-color: #3d53a1;
transition: 0.4s all;
}
.menu-left__link-hovered {
border-bottom: 1px dotted #3d53a1;
}
.menu-left__link-hovered:hover {
border-bottom-color: transparent;
}
.product-menu {
display: none;
margin-top: 40px;
/*margin-left: 20px;*/
}
@media only screen and (max-width: 1000px) {
.product-menu {
display: block;
}
}
.product-menu .menu-left {
display: block !important;
float: none;
width: 100%;
position: relative;
top: -1px;
height: auto !important;
}
.product-menu__title {
display: none;
padding: 15px;
border: 1px solid #e8e8e8;
position: relative;
color: #3d53a1;
}
.product-menu__title:after {
content: '';
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(360deg);
transform: translateY(-50%) rotate(360deg);
display: block;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAArUlEQVQYlYXNMUoDURSF4W+GsXAJWYgLyNSCRSBNmklrLFJpoRgkNkKwkWxCbLRwGhsXkO048mDQ5grPAc3p7jn/zy1G422DI5zhy/8p8IBdiRqnuN8jCWaBusIch1gi4eIP6S6YJzQVesxwgHN8YjWQbmJ7DrYvY0iYosU1LjPpKro2mARVBiRM8ILb+AxrvMWWfuBchA4neMUmuvfouhwcivCBYzzGPY3uV74BOrwlSEaCcrQAAAAASUVORK5CYII=");
width: 14px;
height: 8px;
background-repeat: no-repeat;
transition: 0.4s all;
}
.product-menu__title.open:after {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.product-header {
margin-top: 30px;
}
.product-block {
width: calc(100% / 2 - 10px);
margin-right: 20px;
float: left;
}
.product-block:first-child {
/* padding: 0 20px;*/
}
@media only screen and (max-width: 768px) {
.product-block {
width: 100%;
float: none;
}
.product-block:before {
content: '';
display: block;
clear: both;
}
}
.product-block:last-child {
margin-right: 0;
}
@media only screen and (max-width: 768px) {
.product-info {
margin-top: 20px;
}
}
.product-info__header {
width: 100%;
}
.product-info__header_price {
float: left;
display: none; /*скрыл цену 1 ноября 2018*/
}
@media only screen and (max-width: 1060px) {
.product-info__header_price {
float: none;
display: none; /*скрыл цену 1 ноября 2018*/
}
}
@media only screen and (max-width: 768px) {
.product-info__header_price {
float: left;
display: none; /*скрыл цену 1 ноября 2018*/
}
}
.product-info__header_price-value {
font-size: 30px;
font-weight: bolder;
line-height: 1;
margin-top: -3px;
margin-left: -2px;
display: block;
}
@media only screen and (max-width: 768px) {
.product-info__header_price-value {
margin-top: 0;
}
}
.product-info__header_price-desc {
display: block;
color: #6b6b6b;
font-size: 14px;
}
.product-info__header_find-price {
float: right;
margin-top: 5px;
}
@media only screen and (max-width: 1060px) {
.product-info__header_find-price {
float: none;
display: block;
margin-top: 20px;
}
}
@media only screen and (max-width: 768px) {
.product-info__header_find-price {
float: right;
}
}
.product-info__header_find-price_link {
color: #fff;
background: #3d53a1;
text-decoration: none;
padding: 7px 21px;
font-size: 14px;
border: 1px solid #3d53a1;
transition: 0.4s all;
}
.product-info__header_find-price_link:hover {
background-color: #fff;
transition: 0.4s all;
color: #3d53a1;
}
.product-info__content {
width: 100%;
margin-top: 28px;
font-size: 14px;
}
.product-info__content_item, dl{
margin-bottom: 13px;
position: relative;
}
@media only screen and (max-width: 1070px) {
.product-info__content_item:nth-child(2) .product-info__content_item_value, dl:nth-child(2) dd {
width: 70%;
}
}
@media only screen and (max-width: 768px) {
.product-info__content_item:nth-child(2) .product-info__content_item_value, dl:nth-child(2) dd {
width: auto;
}
}
.product-info__content_item:before, dl:before {
content: '';
position: absolute;
width: 100%;
display: block;
border-bottom: 1px dotted #acacac;
top: 14px;
left: 0;
z-index: 0;
}
.product-info__content_item:after, dl:after {
content: '';
clear: both;
display: block;
}
.product-info__content_item_title, dt{
float: left;
z-index: 1;
background-color: #fff;
position: relative;
padding-right: 5px;
}
.product-info__content_item_value, dd {
float: right;
text-align: right;
line-height: 1.49;
z-index: 1;
background-color: #fff;
position: relative;
padding-left: 5px;
}
.product-info__footer {
margin-top: 16px;
}
.product-info__footer_item {
font-size: 14px;
display: inline-block;
padding-left: 24px;
margin-right: 37px;
letter-spacing: 0.015em;
margin-bottom: 14px;
position: relative;
}
.product-info__footer_item.icon-video {
margin-right: 31px;
}
.product-info__footer_item.icon-video:before {
position: absolute;
content: '';
display: block;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAvklEQVQokZ3SIW5CURAF0MPLD0ktCpIqRE1xrAAPO6CmK8BQ1zRBgsaBYgfAIlAVpQEDGgdLaMV/TQXw/4dJrpnce2fefVOqtcZljNBFRbE6YYZ+wBBPaKBUEM9RM0jwEsWHgtNF7iu+Q1z7kniOeo5JJWQQOljhAw/XSFkG0JS+d432PQY/EX/h3Wzwia005MUlQpIhXqKHfdaEBEfUnP9EJ2e7Ko5BelGT2Chaj5hiEvCGHTb+Q8vDV9S8/wKGIin0fUF2zQAAAABJRU5ErkJggg==");
width: 16px;
height: 17px;
left: 0;
top: 3px;
background-repeat: no-repeat;
}
.product-info__footer_item.icon-photo:before {
position: absolute;
content: '';
display: block;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAABcklEQVQokWXSP2tUQRQF8N9b1ywiAYsg7pNgISKIiKDiNoL7CiWIZUgl9lPYCX4EA9q5D0vRxs7K0kEkH0AMbCFKTNDBP4mFRYQU+2xm43M9zczcOefew5kpmqbRRlnVZ7GOr63yAk6mGLba3K7/sY7HeIgCDe5jM5/3UTRNo6zqVZzGVWylGM7Ndiyr+gv28BYfUgx3i/5w9Apn8AY7KYaQyddwCeMUw4uyqrtYzQ1uY6PoD0cNFlIMO60pLzHABo5jM8UwKKv6AJamgzpIONQSPsV1nEoxXMQJLJZV/QSXcQs9fOzkEHpZOI8VDFIMPyHFsIfz2eqnFMNK5s93ZnLp4Xe2u48Uww/8wtFcOohJZ4a0jW94NpP0o7x9l9eGv+/c/ik3MS6r+jXWsuUbuJJimLSbdjCXQ5tOf59i6GKMC/iOIymGtZbuM7rTp7qH5y0H2ymG3ZbtORxriZfxoOgPR8uosetfNJhkd8XM3WHc+QPTnH8AjYOpjwAAAABJRU5ErkJggg==");
width: 15px;
height: 13px;
left: 0;
top: 3px;
background-repeat: no-repeat;
}
.product-info__footer_item.icon-pasport:before {
position: absolute;
content: '';
display: block;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAABd0lEQVQ4jY3SwUsVYRQF8N97DC9JLdRAMyNM3IbQxlUqtchF9hf0NyRBbSLEcCGKCKK72iQIrWsjlK4qCMIWEQkRUUlCRBZhopku5orDvJG8q5nvnnPuuef7Sif7ZmTqPO5iRXUdRy8uYHnvMMmBruEFRgoE+nEKYzHkVZHAT3wtIMMZTOMdHuMy3pRzoH+oHCBQQQde4xIm0ZZ38AtrBwi8xyhq8CXWeZagET0BuoLv+INShryJJxhCS/RuYTDBPXwO4nNpLuekqW+FWBsu4kbOVXeCdVwPaxvRaMCP+K6P3iTq8DsjcCzBB5zF7djtRIBeogtNeIBP2MkHU479mtEaoAYsohMDeBsB1uXJYt8KVjGH2XB0FY+whKf4G2uUigR6cB/zqA3rq/gmfRet0vtvj/8qgQXcxHbYXsdHHAlCGUfxMHpVAsMZaxMxfTyDKRVNzgqwn+5aWM+mXZV8prbzT7lJ+ngOW6fzAnO4g6n/EHekt7KyC+f4VMCK3V2nAAAAAElFTkSuQmCC");
width: 16px;
height: 17px;
left: -2px;
top: 1px;
background-repeat: no-repeat;
}
.product-info__footer_item.icon-page:before {
position: absolute;
content: '';
display: block;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAABlUlEQVQ4jZ3TPWiTURQG4CfJh/UXaf1BYxXEn0EU3RxcNFUXBxF3cRIpOLqJ2RxcS7J1FcHdQTHOBQetIlJFcDBY1CJIUbRpHO5JuYY0FV+48HHPe95zvvecW9p9pqEP+9HCR3T7gyhhHOcx125NrgSKAeTt+IKzA2I9PMFOzOWXBU7jenTxFUcwj59DxNq4g9lqrTkaOtNlTEeFF7gcQgtDhOAbPuAi3uE1GoXkze0gTWAvjuLBKkJdnMNLvG+3JutQrTVPFlhCGcu4hQNYxL4hnd3DpuhupUiBH9iIKdzAzBq/uCrKWIdfaER3/40iTgfPUMFhfMeuIXnz2Cz5vZiLdUOs1+kUjksT7l+RkShyCK9wKYt1ighck8ZdwhvJwwnUsCNLWMBjPIxiF6q1ZlcaxrECN3EluutgGz7jNw5GsRGM4W0IfcIJ7AlrKqgXuB+nh1PSiojELdLzamec0eA8Xettbs18uiot8AzuZpyl4P2FQWLrUZWGUc/uy9n3GDb8i9isZPojycPlEKpknHE870/8A7K4YF4trCkrAAAAAElFTkSuQmCC");
width: 19px;
height: 16px;
left: -3px;
top: 3px;
background-repeat: no-repeat;
}
.product-info__footer_item_link {
color: #3d53a1;
text-decoration: none;
border-bottom: 1px dotted;
transition: all 0.4s;
display: inline;
}
.product-info__footer_item_link:hover {
border-bottom-color: transparent;
transition: all 0.4s;
}
.product-photo {
padding-right: 10px;
}
.product-photo__popup {
position: relative;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
display: inline-block;
vertical-align: middle;
width: 100%;
height: 100%;
}
.product-photo .product-photo__popup {
display: block;
}
.product-photo__main {
min-height: 200px;
height: 100%;
position: relative;
overflow: hidden;
text-align: left;
width: 100%;
height: 264px;
}
.product-photo__main img {
border: 1px solid #e8e8e8;
}
.product-photo__thumbs {
position: relative;
height: 60px;
margin-top: 26px;
padding: 0 20px;
}
.product-photo__thumbs .owl-stage-outer {
overflow: hidden;
}
.product-photo__thumbs .owl-item {
float: left;
}
.product-photo__thumbs .owl-item .product-photo__thumbs_item {
width: 100%;
height: 60px;
}
.product-photo__thumbs .owl-nav {
position: absolute;
width: calc(100% - 40px);
top: calc(50% - 10px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.product-photo__thumbs .owl-nav .owl-prev {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAVCAYAAAByrA+0AAABIUlEQVQ4jY3TvytFUQDA8c/z/JgMlPISeQZiUv4AZDCwSCEZlAySYlDKIDYWlpdByiBF+A8UVikTeSmiUMqO/BjeefXSc587ndP5fu6959SJJTpT/vF0YwqDxf+Ie7GPMuwWFYj7cBDiVyxEgQHsohQv6ML5X2AEOyjBMzpwAfnAGLYQx2OIL7OLv8EENkJ8j3Zc5wa5YBopxHAb4pvfn8+CWayGOB3iu3ybK8I8VsL8KvzzQ744C7rC+EvmKJ/+irPgOGe8h0QhsIS5MG8OL6iNArCMGXyjESeojwKwhsmAkgE1RAFYxzg+UYdTNEUB2MRoQDUye2qJArCNYXygOqDWKEDmiIfwjiocoa3QBTpEP95QicV4ebKngJHGGSow+APgLDhV1OdRFQAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
width: 12px;
height: 21px;
position: absolute;
left: -20px;
text-indent: -9999px;
overflow: hidden;
float: left;
}
.product-photo__thumbs .owl-nav .owl-next {
float: right;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAVCAYAAAByrA+0AAABIUlEQVQ4jY3TvytFUQDA8c/z/JgMlPISeQZiUv4AZDCwSCEZlAySYlDKIDYWlpdByiBF+A8UVikTeSmiUMqO/BjeefXSc587ndP5fu6959SJJTpT/vF0YwqDxf+Ie7GPMuwWFYj7cBDiVyxEgQHsohQv6ML5X2AEOyjBMzpwAfnAGLYQx2OIL7OLv8EENkJ8j3Zc5wa5YBopxHAb4pvfn8+CWayGOB3iu3ybK8I8VsL8KvzzQ744C7rC+EvmKJ/+irPgOGe8h0QhsIS5MG8OL6iNArCMGXyjESeojwKwhsmAkgE1RAFYxzg+UYdTNEUB2MRoQDUye2qJArCNYXygOqDWKEDmiIfwjiocoa3QBTpEP95QicV4ebKngJHGGSow+APgLDhV1OdRFQAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
width: 12px;
height: 21px;
position: absolute;
right: -20px;
text-indent: -9999px;
overflow: hidden;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.product-photo__thumbs_item {
width: calc(100% / 4 - 12px);
float: left;
cursor: pointer;
margin-right: 16px;
}
.product-photo__thumbs_item:nth-child(4) {
margin-right: 0;
}
.product-individ {
margin-top: 36px;
margin-bottom: 20px;
}
.product-individ__text {
width: calc(100% - 415px);
float: left;
line-height: 1.5;
letter-spacing: 0.004em;
padding-right: 60px;
}
@media only screen and (max-width: 1000px) {
.product-individ__text {
width: 100%;
padding-right: 0;
text-align: center;
}
}
.product-individ__button {
width: 415px;
float: right;
font-family: "Bebas Neue", sans-serif;
font-size: 22px;
color: #3d53a1;
text-decoration: none;
text-align: center;
padding: 7px 0;
cursor: pointer;
border: 1px solid #3d53a1;
transition: 0.4s all;
letter-spacing: 0.02em;
}
@media only screen and (max-width: 1000px) {
.product-individ__button {
float: none;
display: inline-block;
margin-top: 20px;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.product-individ__button:hover {
background-color: #3d53a1;
color: #fff;
transition: 0.4s all;
}
.product-content {
margin-top: 33px;
}
.product-tabs {
display: inline-block;
width: calc(100% - 315px);
}
@media only screen and (max-width: 1000px) {
.product-tabs {
width: 100%;
}
}
.product-tabs .tabs__caption:after {
content: '';
clear: both;
display: block;
}
.product-tabs .tabs__caption li {
font-family: "Bebas Neue", sans-serif;
color: #3d53a1;
cursor: pointer;
font-size: 18px;
float: left;
position: relative;
letter-spacing: 0.02em;
margin-right: 28px;
transition: 0.4s all;
top: 3px;
padding-bottom: 8px;
min-height: 38px;
margin-top: 10px;
}
.product-tabs .tabs__caption li:hover {
border-bottom: 3px solid #3d53a1;
transition: 0.4s all;
}
.product-tabs .tabs__caption li:last-child {
margin-right: 0;
}
.product-tabs .tabs__caption li.active {
font-size: 22px;
border-bottom: 3px solid #3d53a1;
top: 0;
}
.product-tabs .tabs__content {
display: none;
}
.product-tabs .tabs__content.active {
display: block;
}
.product-tabs .tabs__content .catalog-list__item {
padding: 26px 0 23px;
}
.product-tabs .tabs__content .catalog-list__item_title {
float: left;
}
@media only screen and (max-width: 650px) {
.product-tabs .tabs__content .catalog-list__item_title {
float: none;
}
}
.product-tabs .tabs__content .catalog-list__item_info {
float: left;
width: calc(100% - 431px);
}
@media only screen and (max-width: 650px) {
.product-tabs .tabs__content .catalog-list__item_info {
width: 100%;
float: none;
}
.product-tabs .tabs__content .catalog-list__item_info > div {
margin-left: 0;
}
}
.product-tabs .tabs__content .catalog-list__item_info .catalog-list__item_desc {
width: 100%;
margin-bottom: 14px;
line-height: 1.5;
}
.product-tabs .tabs__content .catalog-list__item_info .catalog-list__item_link-block {
width: 100%;
}
.product-tabs .tabs__content .catalog-list__item_money {
float: right;
text-align: right;
}
.product-tabs .tabs__content .catalog-list__item_money .catalog-list__item_price {
/* display: block; скрыл цену 1 ноября 2018*/
display: none; /*скрыл цену 1 ноября 2018*/
width: 100%;
}
@media only screen and (max-width: 880px) {
.product-tabs .tabs__content .catalog-list__item_desc {
margin-left: 37px;
}
}
.product-tabs .tabs__content .content-page {
border-top: 1px solid #e8e8e8;
margin-top: 0;
padding-top: 20px;
}
.product-rightblock {
float: right;
width: 265px;
}
@media only screen and (max-width: 1000px) {
.product-rightblock {
float: none;
width: 100%;
}
}
.product-rightblock__button {
text-decoration: none;
font-family: "Bebas Neue", sans-serif;
font-size: 20px;
color: #3d53a1;
text-align: center;
padding: 12px 0;
cursor: pointer;
border: 1px solid #3d53a1;
transition: .4s all;
letter-spacing: .02em;
margin-top: 5px;
display: block;
}
@media only screen and (max-width: 1000px) {
.product-rightblock__button {
display: none;
}
}
.product-rightblock__button:hover {
background-color: #3d53a1;
color: #fff;
transition: .4s all;
}
.product-rightblock__form {
margin-top: 28px;
background: #f0f3f7;
padding: 29px 30px;
}
.product-rightblock__form_title {
font-family: "Bebas Neue", sans-serif;
color: #3d53a1;
font-size: 22px;
letter-spacing: 0.02em;
}
@media only screen and (max-width: 1000px) {
.product-rightblock__form_title br {
display: none;
}
}
.product-rightblock__form_items {
margin-top: 12px;
}
.product-rightblock__form_item {
font-size: 14px;
position: relative;
padding-left: 12px;
letter-spacing: 0.02em;
padding-right: 10px;
margin-bottom: 14px;
}
.product-rightblock__form_item:after {
content: '';
position: absolute;
left: -1px;
top: 5px;
width: 4px;
height: 4px;
background-color: #3d53a1;
display: block;
}
.product-rightblock__form_input {
background-color: #fff;
border: none;
outline: none;
color: #1e1e1e;
font-family: "Roboto", sans-serif;
font-size: 13px;
width: 100%;
margin-top: 13px;
padding: 12px 10px;
margin-bottom: 3px;
}
.product-rightblock__form_input.warning {
border: 1px solid red;
}
.product-rightblock__form_input::-webkit-input-placeholder {
color: #888888;
}
.product-rightblock__form_input::-moz-placeholder {
color: #888888;
}
.product-rightblock__form_input:-moz-placeholder {
color: #888888;
}
.product-rightblock__form_input:-ms-input-placeholder {
color: #888888;
}
.product-rightblock__form_desc {
margin-top: 16px;
font-size: 14px;
color: #3d53a1;
}
.product-rightblock__form_desc a {
color: #3d53a1;
line-height: 14px;
border-bottom: 1px solid;
text-decoration: none;
transition: 0.4s all;
}
.product-rightblock__form_desc a:hover {
border-bottom-color: transparent;
}
.product-rightblock__form .popup__block_field_wrapper {
margin-top: 12px;
margin-bottom: 12px;
}
.product-rightblock__form .popup__block_field_wrapper .popup__block_input_checkbox {
display: none;
}
.product-rightblock__form .popup__block_field_wrapper .popup__block_input_checkbox_label {
letter-spacing: 0.02em;
display: block;
font-size: 13px;
color: #514f4f;
}
.product-rightblock__form .popup__block_field_wrapper .popup__block_input_checkbox_label:before {
width: 15px;
height: 15px;
border-color: #b8b8b8;
}
.product-rightblock__form .popup__block_field_wrapper .popup__block_input_checkbox_label:after {
top: 3px;
left: 0;
width: 15px;
height: 15px;
}
.product-rightblock__form_submit {
margin-top: 9px;
border: 1px solid #3d53a1;
outline: none;
background-color: #3d53a1;
color: #fff;
font-family: "Bebas Neue", sans-serif;
font-size: 22px;
padding: 6px 0;
width: 100%;
transition: 0.4s all;
cursor: pointer;
}
.product-rightblock__form_submit:hover {
background-color: #fff;
color: #3d53a1;
transition: 0.4s all;
}
.product-rightblock-analog {
margin-top: 25px;
}
@media only screen and (max-width: 1000px) {
.product-rightblock-analog {
display: none;
}
}
.product-rightblock-analog-title {
font-family: "Bebas Neue", sans-serif;
font-size: 20px;
color: #3d53a1;
margin-top: 20px;
}
.product-rightblock-analog__item {
margin-top: 12px;
margin-bottom: 22px;
}
.product-rightblock-analog__img {
text-decoration: none;
border: 1px solid #e8e8e8;
position: relative;
display: block;
min-height: 148px;
width: 100%;
z-index: 2;
overflow: hidden;
}
.product-rightblock-analog__img:hover img {
-webkit-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1);
transition: 0.4s all;
}
.product-rightblock-analog__img img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
transition: 0.4s all;
z-index: -1;
min-height: 100%;
}
.product-rightblock-analog__title {
text-decoration: none;
color: #000;
padding: 5px 14px;
display: block;
font-size: 14px;
line-height: 1.4;
}
.product-privilege {
background-color: #f0f3f7;
margin-top: 40px;
}
.product-privilege__item {
float: left;
width: calc(100% / 4 - 18px);
position: relative;
padding: 28px 0;
margin-right: 16px;
}
@media only screen and (max-width: 1000px) {
.product-privilege__item {
width: calc(100% / 2 - 18px);
}
}
@media only screen and (max-width: 600px) {
.product-privilege__item {
width: 100%;
padding: 30px 0;
}
}
.product-privilege__item:last-child .product-privilege__item-title {
padding-left: 27px;
}
@media only screen and (max-width: 600px) {
.product-privilege__item:last-child .product-privilege__item-title {
padding-left: 0;
text-align: center;
}
}
.product-privilege__item-title {
font-family: "Bebas Neue", sans-serif;
font-size: 20px;
color: #3d53a1;
padding-left: 73px;
line-height: 1.4;
position: relative;
}
@media only screen and (max-width: 600px) {
.product-privilege__item-title br {
display: none;
}
}
.product-privilege__item-title.icon-speed:before {
content: '';
background-image: url("/local/templates/basic/css/../img/aeroplane.png");
background-repeat: no-repeat;
width: 53px;
height: 44px;
position: absolute;
display: block;
left: 0;
top: 6px;
}
@media only screen and (max-width: 600px) {
.product-privilege__item-title.icon-speed:before {
top: -4px;
}
}
.product-privilege__item-title.icon-wrench:before {
content: '';
background-image: url("/local/templates/basic/css/../img/wrench.png");
background-repeat: no-repeat;
width: 44px;
height: 44px;
position: absolute;
display: block;
left: 9px;
top: 6px;
}
@media only screen and (max-width: 600px) {
.product-privilege__item-title.icon-wrench:before {
top: -4px;
}
}
.product-privilege__item-title.icon-garanty:before {
content: '';
background-image: url("/local/templates/basic/css/../img/medal.png");
background-repeat: no-repeat;
width: 35px;
height: 46px;
position: absolute;
display: block;
left: 19px;
top: 6px;
}
@media only screen and (max-width: 600px) {
.product-privilege__item-title.icon-garanty:before {
top: -4px;
}
}
.product-privilege__item-phone {
text-decoration: none;
display: block;
color: #000;
font-size: 20px;
position: relative;
margin-left: 30px;
padding-left: 27px;
margin-top: 5px;
}
@media only screen and (max-width: 600px) {
.product-privilege__item-phone {
text-align: center;
padding-left: 0;
margin-left: 0;
}
.product-privilege__item-phone:after {
display: none;
}
}
.product-privilege__item-phone:after {
content: '';
position: absolute;
top: 5px;
left: -3px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABS0lEQVQ4ja3SMUjUYRzG8c+dYQg6x7nULUIuga5BXOJ0WI1t7urg3hBJtErETRq0BS5BNgTBBUpw1KSCoDlEmkFbnk3p2dBbvP75/z1861ne5/d7fnzfl/d9S5Va4wXGnNY2buJAF+03p07VF3AnZ24UV7DeDZhVGd8Ksr7zwv4AvxZk1VTgTkE2kQpcK8jGU4GvC7KZVOAHfI56J7iNpVQgLES9G3iZAouBj9EJfjAVFgPbeBD883+BliM/hz2U8OZ/AKEe1mEspwBLlVoj25vEs+Bfyf/gI7iPFlbwCQf7zal2HhBmMR/8Bu5iM9TX8B690fwxfmC1Z6Bal6MWvuAWLmEauwHyDhcz8+XQG8reYaxFXMdWqJ+GjbKwWIdnAYXTXMUjHHWZ/XvUbjrBPVzGQ3w8Y7a/6A7z1MZbPMGq3y/7HT/Dph2s/AJzZEJeSr4okwAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
width: 20px;
height: 20px;
}
.product-solution {
background-color: #3d53a1;
color: #fff;
padding: 32px 0 48px;
overflow: hidden;
position: relative;
margin-top: 50px;
}
.product-solution__bg {
background-image: url("/local/templates/basic/css/../img/bg-solution.png");
background-repeat: no-repeat;
width: 734px;
height: 573px;
position: absolute;
right: -55px;
top: -136px;
opacity: .1;
z-index: 0;
}
@media only screen and (max-width: 768px) {
.product-solution__bg {
display: none;
}
}
.product-solution__item {
float: left;
width: calc(100% / 2 - 20px);
margin-right: 35px;
z-index: 2;
position: relative;
}
@media only screen and (max-width: 768px) {
.product-solution__item {
width: 100%;
margin-right: 0;
}
}
.product-solution__item:last-child {
margin-right: 0;
padding-left: 37px;
line-height: 1.3;
border-left: 1px solid #fff;
}
@media only screen and (max-width: 768px) {
.product-solution__item:last-child {
border: none;
padding-left: 0;
margin-top: 40px;
}
.catalog-cat__item:hover .catalog-cat__title {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.product-solution__item-title {
font-size: 30px;
font-family: "Bebas Neue", sans-serif;
letter-spacing: 0.02em;
z-index: 2;
}
.product-solution__item-list {
letter-spacing: 0.02em;
margin-top: 20px;
}
.product-solution__item-list_item {
margin-bottom: 10px;
}
.product-solution__item-list_item:last-child {
margin-bottom: 0;
}
.product-solution__item-desc {
margin-top: 18px;
margin-left: 2px;
letter-spacing: 0.02em;
z-index: 2;
}
.product-solution__item-desc p {
margin-bottom: 10px;
}
.product-solution__item-button {
margin-top: 14px;
color: #fff;
text-decoration: none;
background-color: #3d53a1;
border: 1px solid #3d53a1;
font-family: "Bebas Neue", sans-serif;
font-size: 22px;
display: inline-block;
padding: 10px 49px;
letter-spacing: 0.02em;
transition: 0.4s all;
z-index: 2;
}
@media only screen and (max-width: 768px) {
.product-solution__item-button {
background-color: #fff;
color: #3d53a1;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.product-menu {
padding-right: 0;
margin-left: 0;
}
.product-photo {
padding-right: 0;
}
.catalog-specialization__dropdown .catalog-specialization__item_title {
padding: 18px 40px 18px 20px;
}
.maps__popup {
width: 350px;
left: 130px !important;
}
}
.product-solution__item-button:hover {
background-color: #fff;
color: #3d53a1;
transition: 0.4s all;
}
.product-equipment {
margin-top: 46px;
}
.product-equipment + .product-features {
margin-top: 50px;
margin-bottom: 50px;
}
.product-equipment__slider {
overflow: hidden;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgb(45, 66, 144) !important;
}
@media only screen and (max-width: 1200px) {
.product-equipment__slider {
margin: 0 40px;
}
}
.product-equipment__slider .owl-item {
float: left;
}
.product-equipment__slider .owl-nav {
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.product-equipment__slider .owl-nav .owl-prev {
float: left;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAVCAYAAAByrA+0AAABIUlEQVQ4jY3TvytFUQDA8c/z/JgMlPISeQZiUv4AZDCwSCEZlAySYlDKIDYWlpdByiBF+A8UVikTeSmiUMqO/BjeefXSc587ndP5fu6959SJJTpT/vF0YwqDxf+Ie7GPMuwWFYj7cBDiVyxEgQHsohQv6ML5X2AEOyjBMzpwAfnAGLYQx2OIL7OLv8EENkJ8j3Zc5wa5YBopxHAb4pvfn8+CWayGOB3iu3ybK8I8VsL8KvzzQ744C7rC+EvmKJ/+irPgOGe8h0QhsIS5MG8OL6iNArCMGXyjESeojwKwhsmAkgE1RAFYxzg+UYdTNEUB2MRoQDUye2qJArCNYXygOqDWKEDmiIfwjiocoa3QBTpEP95QicV4ebKngJHGGSow+APgLDhV1OdRFQAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
width: 12px;
height: 21px;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
position: absolute;
left: -32px;
}
.product-equipment__slider .owl-nav .owl-next {
float: right;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAVCAYAAAByrA+0AAABIUlEQVQ4jY3TvytFUQDA8c/z/JgMlPISeQZiUv4AZDCwSCEZlAySYlDKIDYWlpdByiBF+A8UVikTeSmiUMqO/BjeefXSc587ndP5fu6959SJJTpT/vF0YwqDxf+Ie7GPMuwWFYj7cBDiVyxEgQHsohQv6ML5X2AEOyjBMzpwAfnAGLYQx2OIL7OLv8EENkJ8j3Zc5wa5YBopxHAb4pvfn8+CWayGOB3iu3ybK8I8VsL8KvzzQ744C7rC+EvmKJ/+irPgOGe8h0QhsIS5MG8OL6iNArCMGXyjESeojwKwhsmAkgE1RAFYxzg+UYdTNEUB2MRoQDUye2qJArCNYXygOqDWKEDmiIfwjiocoa3QBTpEP95QicV4ebKngJHGGSow+APgLDhV1OdRFQAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
width: 12px;
height: 21px;
text-indent: -9999px;
overflow: hidden;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
cursor: pointer;
position: absolute;
right: -32px;
}
@media only screen and (max-width: 1200px) {
.product-equipment__slider .owl-nav .owl-next {
right: 72px;
}
}
.product-equipment .tabs__caption li {
display: inline-block;
margin-right: 38px;
font-size: 18px;
cursor: pointer;
padding-bottom: 3px;
border-bottom: 3px solid transparent;
letter-spacing: 0.02em;
transition: 0.4s all;
}
@media only screen and (max-width: 580px) {
.product-equipment .tabs__caption li {
font-size: 16px;
margin-right: 10px;
letter-spacing: 0;
}
.content .rightblock__slider_img {
width: 100%;
}
.project .projectDots,
.article .articleDots {
padding-right: 20px;
text-align: right;
}
.project__link_mobile,
.article__link_mobile {
margin-top: 17px;
}
.project__info_hidden {
bottom: auto;
top: 0;
position: relative;
}
.project__item.first_project .project__item_overlay_wrapper .project__item_titles {
width: 100%;
}
.article__right_column .article__item_title {
top: 130px;
bottom: auto;
}
}
.article__item_mobile {
display: none;
}
.project__item-false-href {
display: none;
color: #fff;
margin-bottom: 30px;
transition: 0.2s all;
position: relative;
font-weight: 300;
}
.project__item-false-href:after {
display: inline-block;
content: '';
background-image: url(/local/templates/basic/css/../img/arrow-white.svg);
/*
background-image: url('data:image/svg+xml;utf8,');
*/
width: 31px;
height: 21px;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
margin-left: 6px;
}
@media only screen and (max-width: 600px) {
.content .rightblock__slider_img {
width: 100%;
}
.project .projectDots,
.article .articleDots {
padding-right: 20px;
text-align: right;
}
.project__link_mobile,
.article__link_mobile {
margin-top: 0;
position: absolute;
right: 0;
top: 2px;
}
.project__info_hidden {
bottom: auto;
top: 0;
position: relative;
}
.project__item.first_project .project__item_overlay_wrapper .project__item_titles {
width: 100%;
top: 21px;
}
.article__right_column .article__item_title {
top: 130px;
bottom: auto;
}
.project__item.first_project .project__item_img,
.article__item.first_project .article__item_img {
min-height: 100%;
width: auto;
max-height: 262px;
}
.project__date_block,
.project__item.first_project .project__item_desc p,
.article__date_block,
.article__item.first_project .article__item_desc p {
display: none;
}
.project__item.first_project .project__item_overlay_wrapper .project__item_title {
top: 31px;
font-size: 24px;
margin-left: 27px;
font-family: "Bebas Neue Book", sans-serif;
line-height: 1.4;
margin-top: 0;
}
.article__item.first_project .article__item_overlay_wrapper .article__item_title {
top: 31px;
font-size: 1.9em !important;
font-weight: 400 !important;
font-family: 'Bebas Neue', sans-serif;
margin-top: 0;
}
.project__item.first_project .project__item_desc,
.article__item.first_project .article__item_desc {
padding: 0;
}
.project__item.first_project .project__item_link,
.article__item.first_project .article__item_link {
position: absolute;
left: 31px;
bottom: 24px;
color: #fff;
z-index: 2;
}
.project__item_link span,
.article__item_link span,
.portfolio__item_link span {
border-bottom: none;
text-decoration: underline;
}
.project__item.first_project .project__item_link:after,
.article__item.first_project .article__item_link:after {
content: '';
background-image: url(/local/templates/basic/css/../img/arrow-white.svg);
/*
background-image: url('data:image/svg+xml;utf8,');
*/
width: 31px;
height: 19px;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
margin-left: 6px;
}
.project__item.first_project .project__item_header:before,
.article__item.first_project .article__item_header:before {
z-index: 2;
background-color: rgba(45, 67, 145, 0.9);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
display: block;
}
.project__item.first_project .project__item_overlay,
.article__item.first_project .article__item_overlay {
z-index: 2;
}
.article__right_column .article__info_hidden {
position: absolute;
left: 31px;
bottom: 31px;
margin: 0 !important;
}
.project__right_column .project__info_hidden {
position: absolute;
left: 31px;
bottom: 56px;
top: auto;
margin: 0 !important;
}
.project__item.first_project .project__item_header,
.project__item.first_project .article__item_header,
.article__item.first_project .project__item_header,
.article__item.first_project .article__item_header,
.portfolio__item.first_project .project__item_header,
.portfolio__item.first_project .article__item_header {
height: 262px;
}
.content .rightblock {
display: none;
}
.content .rightblock__item_info {
/*padding-bottom: 60px;*/
}
.popup__block_input_checkbox:not(checked) + label:before {
top: 1px;
}
.product-rightblock__form .popup__block_field_wrapper .popup__block_input_checkbox_label:after {
top: 1px;
}
.catalog-project__slider_remote {
right: 37px;
left: auto;
transform: none;
bottom: 100px;
margin: 0;
position: absolute;
}
.catalog-project__button {
margin-top: 28px;
}
.project__item_numbers_item,
.article__item_numbers_item {
margin-left: 0;
}
.project__right_column > div:hover .project__info.noimage,
.project__right_column > div .project__info.noimage {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
.project__right_column .project__info.noimage .project__item_titles,
.project__right_column .project__info .project__item_titles {
margin-top: 121px;
}
.project__item.first_project .project__item_overlay {
background-color: transparent;
}
.catalog-project .project__item.first_project .project__item_desc {
padding: 15px;
}
.catalog-project .project__left_column,
.catalog-project .project__left_column .project__item,
.catalog-project .project__left_column .project__item_header,
.catalog-project .project__item.first_project .project__item_desc {
float: none;
}
.catalog-project .project__item.first_project .project__item_desc p,
.catalog-project .project__item.first_project .project__item_desc p:first-child {
display: block;
font-size: 16px;
line-height: 20px;
}
.catalog-project .project__item_numbers_title {
font-size: 48px;
line-height: 57px;
}
.catalog-project .project__item_numbers_desc {
font-size: 12px;
line-height: 18px;
}
.catalog-project .project__left_column .clearfix,
.catalog-project .project__item_logo-company {
display: none;
}
.article__item.first_project .article__item_overlay {
background-color: transparent;
}
.header__phone_value,
.header__phone_value a {
font-size: 23px;
}
.project .project__right_column .project__item_logo-company,
.project .project__right_column .project__item.first_project .project__item_desc {
display: none;
}
.project__item-false-href {
display: inline-block;
text-decoration: underline;
position: absolute;
left: 31px;
bottom: 0px;
}
.header__search {
margin-left: 0;
}
.header__phone {
margin-left: 15px;
}
}
.product-equipment .tabs__caption li:last-child {
margin-right: 0;
}
.product-equipment .tabs__caption li.active {
border-bottom-color: #3d53a1;
transition: 0.4s all;
}
.product-equipment .tabs__content {
display: none;
padding-top: 29px;
border-top: 1px solid #e8e8e8;
}
.product-equipment .tabs__content.active {
display: block;
}
.product-equipment__item {
display: inline-block;
vertical-align: top;
border: 1px solid #dcdcdc;
position: relative;
width: 264px;
margin-right: 28px;
white-space: normal;
}
.product-equipment__slider {
white-space: nowrap;
}
.product-equipment__slider.owl-loaded {
white-space: normal;
}
.product-equipment__slider.owl-loaded .product-equipment__item {
width: 100%;
margin-right: 0;
max-width: 264px;
}
.product-equipment__item-img {
overflow: hidden;
width: 100%;
max-height: 190px;
min-height: 190px;
}
.product-equipment__item-img img {
width: 100%;
height: auto;
}
.product-equipment__item-title {
padding: 26px 30px 17px;
display: block;
color: #000;
text-decoration: none;
font-size: 20px;
}
.product-equipment__item-desc {
padding: 0 30px 21px;
font-size: 14px;
}
.product-equipment__item-desc p {
margin-bottom: 14px;
letter-spacing: 0.02em;
}
.product-features {
background-color: #3d53a1;
color: #fff;
/*margin-top: 50px;*/
padding: 32px 0 32px;
position: relative;
/*margin-bottom: 50px;*/
}
.product-features__bg {
background-image: url("/local/templates/basic/css/../img/bg-features.png");
background-repeat: no-repeat;
width: 845px;
height: 425px;
display: block;
position: absolute;
z-index: 0;
opacity: 0.1;
right: 0;
}
.product-features__title {
font-family: "Bebas Neue", sans-serif;
font-size: 30px;
letter-spacing: 0.02em;
}
.product-features__slider {
white-space: nowrap;
overflow: hidden;
}
.product-features__item {
width: 264px;
display: inline-block;
vertical-align: top;
margin-right: 28px;
white-space: normal;
}
.product-features__slider.owl-loaded .product-features__item {
width: 100%;
margin-right: 0;
}
.product-features__slider.owl-loaded {
overflow: visible;
}
.product-features__item-img {
width: 100%;
height: 100%;
max-height: 177px;
overflow: hidden;
}
.product-features__item-img img {
width: 100%;
height: auto;
}
.product-features__item-desc {
font-size: 14px;
letter-spacing: 0.02em;
margin-top: 19px;
line-height: 1.45;
}
.product-features__item-desc p {
max-height: 100px;
overflow: hidden;
}
.product-features__slider {
overflow: hidden;
margin-top: 21px;
}
.product-features__slider .owl-item {
float: left;
}
.product-features__slider .owl-nav {
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.product-features__slider .owl-nav .owl-prev {
float: left;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
position: absolute;
left: -32px;
background-repeat: no-repeat;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAVCAYAAAByrA+0AAAAzklEQVQ4jZ2TuwoCMRBFL1aCX7CFICIIVoIfYWOjhZWdlZ2NWPhLllta+RGCjSAogmDtA/FYbKJh2ezrwkDCnITkzowA5Yg+EAK1PPAAeBApzIKHwNPAN6CXBo+Bl4GvQBeQD54AbwNfgI7NJcFTBz4DbTcfh2fAx8BHoBW/0N3MHfgANJKeaxcL/toDdZ8ZAlYOvAOCNKsFbAx8d93wRUXSVpGqktaSAqXJnFwW+UMpl3x1aGYdiFf6REalS/VSqW61MaLAPJSaOBu/mf4Cf5MM8yMvxcgAAAAASUVORK5CYII=");
width: 12px;
height: 21px;
}
.product-features__slider .owl-nav .owl-next {
float: right;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
position: absolute;
right: -32px;
background-repeat: no-repeat;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAVCAYAAAByrA+0AAAAzklEQVQ4jZ2TuwoCMRBFL1aCX7CFICIIVoIfYWOjhZWdlZ2NWPhLllta+RGCjSAogmDtA/FYbKJh2ezrwkDCnITkzowA5Yg+EAK1PPAAeBApzIKHwNPAN6CXBo+Bl4GvQBeQD54AbwNfgI7NJcFTBz4DbTcfh2fAx8BHoBW/0N3MHfgANJKeaxcL/toDdZ8ZAlYOvAOCNKsFbAx8d93wRUXSVpGqktaSAqXJnFwW+UMpl3x1aGYdiFf6REalS/VSqW61MaLAPJSaOBu/mf4Cf5MM8yMvxcgAAAAASUVORK5CYII=");
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
width: 12px;
height: 21px;
}
.owl-nav > div {
cursor: pointer;
}
.fancybox-is-open .fancybox-bg {
background-color: rgba(21, 39, 101, 0.9);
opacity: 1;
}
.fancybox-close-small:after {
opacity: .6;
transition: 0.4s all;
font-size: 30px;
color: #3d53a1;
}
.fancybox-close-small:hover:after {
background-color: transparent;
opacity: 1;
color: #3d53a1;
}
.hidden {
display: none;
}
.compensate-for-scrollbar {
margin-right: 0 !important;
}
#form-individ-zakaz-popup .about {
padding: 0 24px;
margin-top: 10px;
}
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0;
left: 0;
}
.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 10px;
background-color: gray;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: gray;
}
.scrollerjogbox {
width: 10px;
height: 10px;
top: auto;
left: auto;
bottom: 0px;
right: 0px;
background-color: gray;
}
.catalog-agregat__filter_label .bx-filter-param-text {
position: relative;
padding-left: 30px;
display: block;
}
.catalog-agregat__filter_label .bx-filter-param-text:after {
left: 0;
top: 1px;
display: block;
width: 15px;
height: 15px;
border: 1px solid #3d53a1;
content: "";
position: absolute;
}
.catalog-agregat__filter_label .bx-filter-input-checkbox input {
display: none;
}
.catalog-agregat__filter_label .bx-filter-input-checkbox input:checked + .bx-filter-param-text:after {
background: #3d53a1;
}
.header__contact_item.open_call_popup {
display: block;
}
@media print {
body {
max-width: 700px;
margin-left: auto;
margin-right: auto;
padding: 0 15px;
}
.header__inner {
width: 100%;
/* width: 700px;*/
}
.header__phone {
/* margin-left: 250px;*/
float: right;
}
.header {
width: 100%;
position: static;
}
.header__menu {
display: none !important;
}
.header__contact {
display: none;
}
.content__inner {
width: 100%;
}
.product-block {
padding-left: 0 !important;
padding-right: 0 !important;
}
.product-individ__text {
width: 700px;
}
.product-tabs .tabs__content .content-page {
width: 100%;
/* width: 700px;*/
}
.product-tabs .tabs__content {
width: 700px;
}
.product-photo__main {
width: 100%;
}
.product-info__header {
width: 100%;
}
.product-info__content {
width: 600px;
}
.menu-left {
display: none;
}
.product-info__footer {
display: none;
}
.content.inner-page {
margin-top: 5px;
/* margin-top: 30px;*/
}
.product-block {
width: 100%;
margin-top: 20px;
}
.product-info__content {
width: 100%;
}
.product-info__header_find-price {
display: none;
}
.product-rightblock__form {
display: none;
}
.product-rightblock {
float: none;
}
.product-content {
width: 100%;
/* width: 700px;*/
margin-top: 15px;
}
.product-privilege .content__inner {
display: none !important;
}
.product-privilege .content__inner_print {
display: block !important;
width: 700px;
}
.product-privilege__item_print:first-child .product-privilege__item-title.product-privilege__item-title_print {
position: relative;
top: 6px;
left: 20px;
}
.product-privilege__item_print:nth-child(3) .product-privilege__item-title.product-privilege__item-title_print {
padding-left: 33px !important;
}
.product-privilege__item_print:nth-child(3) .product-privilege__item-title.product-privilege__item-title_print div {
padding-left: 14px;
}
.product-privilege__item {
margin-right: 0 !important;
width: 50% !important;
}
.product-features .content-inner {
width: 700px;
}
.product-solution {
display: none;
}
.owl-stage {
-webkit-transform: none !important;
transform: none !important;
width: 600px !important;
}
.footer__item {
width: 700px;
}
.footer__inner {
width: 700px;
}
.footer__contact {
display: none;
}
.footer_address,
.footer_contacts {
margin-bottom: 10px;
width: auto !important;
}
.footer_dev {
width: 100%;
}
.footer__item:first-child {
display: none;
}
#top {
display: none;
}
.product-individ__button {
display: none;
}
.tabs__content.active {
display: block !important;
}
/* .tabs__caption {*/
.product-tabs .tabs__caption li:not(:first-child) {
display: none;
}
.product-tabs .tabs__caption li.active,
.product-tabs .tabs__caption li {
font-size: 18px;
border-bottom: 1px solid #3d53a1;
padding-bottom: 0;
min-height: 22px;
margin-bottom: 10px;
}
.product-tabs .tabs__caption li.active {
position: absolute;
left: 300px;
top: 0;
margin-top: 0;
}
.product-privilege__item {
padding-left: 10px;
}
.product-privilege__item-title_print {
padding-left: 0 !important;
padding-left: 10px;
}
.product-privilege__item-title_print div {
padding-left: 10px;
display: inline-block;
}
.product-privilege__item_print:last-child .product-privilege__item-title_print div {
padding-left: 0;
}
.content__inner_print .product-privilege__item .product-privilege__item-title:before,
.content__inner_print .product-privilege__item .product-privilege__item-title:after {
display: none !important;
}
.product-privilege__item-title img {
width: 52px !important;
height: 44px !important;
}
.product-privilege__item:nth-child(2) .product-privilege__item-title_print img {
width: 42px !important;
}
.product-privilege__item:nth-child(3) .product-privilege__item-title_print img {
width: 35px !important;
}
.product-privilege__item-phone_print {
padding-left: 0 !important;
margin-left: 0 !important;
}
.product-privilege__item-phone_print img {
width: 20px !important;
height: 20px !important;
margin-right: 10px;
}
.product-privilege__item-phone_print:after,
.catalog-project__slider .owl-item.cloned,
.breadcrumbs,
.product-rightblock__button,
.product-photo__thumbs,
.product-rightblock-analog {
display: none !important;
}
.catalog-project .catalog-project__footer {
display: none;
}
.catalog-project .project__left_column .project__item_header,
.catalog-project .project__left_column .project__item_desc {
float: none;
width: 100%;
}
.project__item.first_project .project__item_img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.catalog-project .project__left_column .project__item_desc {
height: auto;
}
.content__left.page-product {
width: 100%;
}
.product-privilege {
margin-top: 0;
}
.footer__item:nth-child(2) {
margin-top: 0;
padding-right: 0;
border: none;
width: 100%;
}
.footer__item:nth-child(2) > div,
.footer_dev {
width: 33% !important;
padding: 0 15px 0 0 !important;
margin: 0 !important;
}
.catalog-project {
margin-top: 55px;
}
.project__item.first_project .project__item_overlay {
background: none;
}
.product-photo__thumbs {
display: none;
}
.product-equipment__item {
display: inline-block;
vertical-align: top;
margin-right: 15px;
margin-bottom: 15px;
width: calc(100%/2 - 15px);
}
.catalog-project .project__left_column .project__item_header .project__item_titles {
background-color: rgba(0, 0, 0, .5);
padding: 0 11px;
}
.project__item.first_project .project__item_overlay_wrapper .project_number,
.project__item.first_project .project__item_overlay_wrapper .project__item_title {
color: #000;
}
.product-equipment,
.product-features + .content__inner,
.product-features,
.catalog-project,
.product-privilege {
display: none;
}
.content-page table tbody td p:last-child {
margin-bottom: 0;
}
.content-page table tbody td {
padding: 10px 10px;
}
}
.popup-window-overlay {
filter: none !important;
}
.search-page__content_count.search-language-guess a {
color: #3d53a1;
text-decoration: none;
font-weight: 400;
}
.search-page__content font.errortext {
color: #1e1e1e !important;
}
.content.inner-page.hide-right-col {
padding-bottom: 0;
width: calc(100% - 15px);
}
.ymaps-2-1-60-float-button.ymaps-2-1-60-_hidden-text {
margin-right: 20px;
}
font.errortext {
color: #3d53a1 !important;
}
.popup__block_field_ta {
height: 125px;
}
.popup_textarea {
border-bottom: 1px solid #3955b8 !important;
font-size: 16px !important;
}
.popup_textarea::placeholder {
color: #3955b8;
font-size: 100% !important;
}
.popup_textarea::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #3955b8;
font-size: 100% !important;
}
.popup_textarea::-moz-placeholder {
/* Firefox 19+ */
color: #3955b8;
font-size: 100% !important;
}
.popup_textarea:-ms-input-placeholder {
/* IE 10+ */
color: #3955b8;
font-size: 100% !important;
}
.popup_textarea:-moz-placeholder {
/* Firefox 18- */
color: #3955b8;
font-size: 100% !important;
}
img.product-photo__main_img {
width: 100%!important;
max-height: 100%;
max-height: 100%;
position: relative;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
.footer_contacts {
padding-left: 1%;
}
@media screen and (max-width: 900px) {
.footer_contacts {
padding-left: 0;
}
}
.footer__contact {
padding-left: 2%;
}
@media screen and (max-width: 1024px) {
.footer__phone_value {
display: none;
}
.footer__phone_value_mobile {
display: inline;
}
}
@media screen and (max-width: 900px) {
.footer_contact {
padding-left: 1.5%;
}
}
@media screen and (max-width: 550px) {
.footer__contact {
padding-left: 0;
}
}
.footer_dev {
padding-left: 3%;
}
@media screen and (max-width: 900px) {
.footer_dev {
padding-left: 2.4%;
}
}
@media screen and (max-width: 550px) {
.footer_dev {
padding-left: 0;
}
}
/*-----------*/
.catalog-agregat__filter .jq-selectbox {
width: 100%;
vertical-align: middle;
z-index: 3 !important;
}
.catalog-agregat__filter .jq-selectbox.opened {
z-index: 4 !important;
}
.catalog-agregat__filter .jq-selectbox__select {
position: relative;
border: 1px solid #e2e2e2;
height: 32px;
line-height: 32px;
border-radius: 0;
box-shadow: none;
background: none;
width: 100%;
padding-right: 30px;
}
.catalog-agregat__filter .jq-selectbox__select-text {
font: 14px/32px "Roboto";
padding: 0 0 0 10px;
box-sizing: border-box;
max-width: 100%;
width: 100% !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.catalog-agregat__filter .jq-selectbox__trigger {
position: absolute;
top: 0;
right: 8px;
width: 20px;
height: 100%;
border-left: none;
}
.catalog-agregat__filter .jq-selectbox__trigger-arrow {
width: 14px;
height: 14px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 3px;
border: none;
}
.catalog-agregat__filter .jq-selectbox__trigger-arrow:before {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
content: "";
position: absolute;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAATElEQVQImW3M2wmAMBQD0OPFJRzHHVxCO49T6GRXh/CnhSINBPIi07KeFzZj3IGCZ1C+KIHEMRjsyGhXlf4+urDUt6dqMHeD7Ips4Qcf9g+W4uMY0AAAAABJRU5ErkJggg==") no-repeat center;
width: 8px;
height: 6px;
}
.catalog-agregat__filter .jq-selectbox ul {
padding-top: 3px;
overflow: hidden !important;
margin-bottom: 3px;
}
.catalog-agregat__filter .jq-selectbox li {
font: 14px/20px "Roboto";
color: #000;
padding: 7px 0 5px;
cursor: pointer;
width: 100%;
border-bottom: 1px solid #e8e8e8;
}
.catalog-agregat__filter .jq-selectbox li.up,
.catalog-agregat__filter .jq-selectbox li.down {
padding-right: 25px;
position: relative;
}
.catalog-agregat__filter .jq-selectbox li.down:after,
.catalog-agregat__filter .jq-selectbox li.up:after {
display: block;
content: '';
position: absolute;
right: 0;
top: 9px;
width: 16px;
height: 16px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHJJREFUOI1jYBgFlAJGJDYTFJMD/jIwMPxHF2yBCpKDa2CGsCAZeImBgWElmS68Sqa+AQCMWMSYGYjzwh8GBgYddEEWLAphiokxcAgCbGGIDooZGBgsoewjDAwME/ApxhWGyMCMgYEhAMr+SYT6UTDYAABfExrJIQn3qgAAAABJRU5ErkJggg==') no-repeat center;
opacity: .7;
}
.catalog-agregat__filter .jq-selectbox li.up:after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.catalog-agregat__filter .jq-selectbox li:last-child {
border-bottom-color: transparent;
}
.catalog-agregat__filter .jq-selectbox li.selected {
background-color: transparent;
color: #3d53a1;
}
.catalog-agregat__filter .jq-selectbox li:hover {
background-color: transparent;
color: #3d53a1 !important;
}
.catalog-agregat__filter .jq-selectbox.focused .jq-selectbox__select {
border: 1px solid #e8e8e8;
}
.catalog-agregat__filter .jq-selectbox__dropdown {
margin-top: 3px;
border-radius: 0;
box-shadow: none;
border: 1px solid #e8e8e8;
max-height: 150px;
overflow-y: auto;
min-width: 100%;
top: 30px !important;
background-color: white;
padding: 0 10px;
}
@media print {
.search,
.catalog-list__item_button,
.catalog-list__item_link,
.catalog-list-extra,
.content-page img,
.product-photo__main .hidden .product-photo__popup-hidden:not(:first-child),
.product-info__header_price,
.product-individ,
.catalog-list__item_link-block,
.footer_dev{
display: none;
}
.footer #top{
display: none !important;
}
.product-tabs .tabs__content .catalog-list__item {
padding: 10px 0 0 0;
}
.catalog-list__item_price {
padding-right: 0;
font-size: 12px;
display: none; /*скрыл цену 1 ноября 2018*/
}
.product-photo__main .hidden {
display: block;
}
.product-photo__main {
overflow: visible;
height: auto;
float: right;
min-height: auto;
}
.product-photo .product-photo__popup {
width: 50%;
float: left;
transform: none;
left: 0;
}
.product-photo__main .hidden {
width: 50%;
float: left;
}
.product-info__content {
margin-top: 0;
font-size: 12px;
}
.product-block:first-child {
width: 55%;
float: right;
margin-right: 0;
}
.product-block:nth-child(2) {
width: 43%;
}
.product-photo {
padding-right: 0;
}
.product-tabs .tabs__content {
width: 100%;
}
.product-tabs .tabs__content:first-child,
.product-tabs .tabs__content:nth-child(2) {
display: block;
}
.product-tabs .tabs__content.active {
width: 55%;
float: right;
}
.product-tabs .tabs__content:nth-of-type(2) {
width: 40%;
float: left;
display: block;
}
.product-tabs {
width: 100%;
float: right;
position: relative;
padding-top: 35px;
}
.catalog-list__item_title {
font-size: 12px;
}
.catalog-list__item_desc {
padding-left: 15px;
font-size: 10px;
}
.catalog-list__item_price {
padding-right: 0;
display: none; /*скрыл цену 1 ноября 2018*/
}
.product-tabs .tabs__content .catalog-list__item_info {
float: left;
width: calc(100% - 150px);
}
.product-tabs .tabs__caption li:nth-child(2) {
display: block;
position: absolute;
left: 0;
top: 0;
margin-top: 0;
}
.content-page h3 {
font-size: 16px;
}
.product-info__content_item, dl {
margin-bottom: 8px;
}
.product-info__content_item:before, dl:before {
top: 12px;
}
.product-header {
margin-top: 15px;
overflow: hidden;
}
.content__title {
font-size: 26px;
border-bottom: 10px solid #efefef;
top: 0px;
}
.content__title span {
top: 12px;
}
.tabs__content table{
table-layout: fixed;
width: 100%;
}
.tabs__content table tbody td {
padding: 5px 10px;
}
.footer__item:nth-child(2){
overflow: hidden;
padding-top: 25px;
}
.footer__item:nth-child(2) .footer_address{
width: calc(100% - 234px) !important;
}
.footer_contacts {
float: right !important;
}
.footer {
padding-bottom: 0;
}
}
.project__info.noimage {
padding-top: 93px;
}
.project__info.noimage:hover {
padding-top: 0px;
}
/*- скрыть паспорт -*/
.product-info__footer_item.icon-pasport {
display: none;
}
/*- скрыть нижнее меню -*/
.footer__item:nth-child(1) {
display: none;
}
.hs_link {
text-decoration: none;
border-bottom:1px #3c68d2 dotted;
padding-right:20px;
background-image:url(/highslide/graphics/information.png);
background-position:right;
background-repeat:no-repeat;
}
th .hs_link {
color: #fff;
border-bottom-color: #fff;
background-image: url(/highslide/graphics/information-white.png);
}
.backward {
background: url(/local/templates/basic/img/backward.png) no-repeat left;
padding-left: 20px;
margin-left: 10px;
}
.bl {
padding-top: 20px;
line-height: 30px;
}
.product__item-img {
box-sizing: border-box;
background-repeat: none;
text-align: center;
background-position: center;
background-size: cover;
float: left;
margin-right: 25px;
}
.offers-intro {
font-size: 16px;
margin-bottom: 15px;
}
.offer-checkbox {
position: relative;
}
.offer-checkbox input[type="checkbox"] {
visibility: hidden;
position: absolute;
}
.offer-checkbox input + label {
position: relative;
padding-left: 30px;
cursor: pointer;
min-height: 20px;
display: inline-block;
font-family: "Roboto", sans-serif;
}
.offer-checkbox input:not(checked) + label:before {
position: absolute;
top: 3px;
left: 0;
width: 20px;
height: 20px;
content: '';
border: 1px solid #3d53a1;
}
.offer-checkbox input:checked + label:after {
position: absolute;
top: 3px;
left: 0;
width: 20px;
height: 20px;
content: '';
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAXVBMVEUAAAApR48zTZkuQJItRJItQ5AvQo4uQ5EtQ5EuQpMtQ5EsQ5ExRZMuRZEtQ5EtRJIAgIAuRJEtQ5FAQIAtQ5EsQ5AtQ5ErQJUtQpEsQpIsRo0vRJAsQpItQ5EAAACRiZn+AAAAHXRSTlMAGQoc270bs/VC9toaQ9lEAoCrBNhF9xjXRh1HI5uqMWgAAAABYktHRACIBR1IAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4QoDDS0anFnlDgAAAMBJREFUWMPtzNcagyAMQGFo7d4Lu/L+r1m7BBXSkFyoXzn3/1Eq9d/pgcwPs5HoMM4AJIenlxzenn/4eoCJ0E9n7fo5zy/67ZfWr5Jvwa874zfd9FvU659+tz/IPAByIHnkoI8kHzw4/oT6wMF6E/B24DsQPHogeeRA9MED2QcOOd17D1Hec8jPpb8QfOMQ7WsHhq8crhzvHgzLuweebxyife1gbtG+cmB558D05YHtPweBfx1EvjgIvVJ3oU/1rgeDbUQDuayfHwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0xMC0wM1QxMzo0NToyNiswMjowMK7GIYkAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMTAtMDNUMTM6NDU6MjYrMDI6MDDfm5k1AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==") no-repeat;
background-size: contain;
opacity: 1;
transition: all .2s;
}
.offer-checkbox,
.offer-name,
.offer-message,
.offer-send {
margin-bottom: 15px;
}
.offer-name input[type="text"] {
height: 29px;
}
.offer-name input[type="text"],
.offer-message textarea {
padding-left: 10px;
padding-right: 10px;
border: 1px solid #3d53a1;
outline: none;
font-family: "Roboto", sans-serif;
}
.offer-message textarea {
width: 100%;
height: 112px;
resize: none;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
}
.offer-send {
text-align: right;
}
.offer-send input[type="submit"] {
border: none;
outline: none;
background-color: #3955b8;
font-family: "Bebas Neue", sans-serif;
font-size: 1.5em;
color: #fff;
padding: 10px 40px;
cursor: pointer;
transition: 0.4s all;
}
.catalog-group__title {
margin: 24px 0 16px;
}
.product {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 16px;
}
.product__image-wrapper {
width: 200px;
aspect-ratio: 200/130;
}
.product__image-link {
display: block;
}
.product__image {
display: block;
max-width: 100%;
height: auto;
object-fit: cover;
}
.product__name {
font-size: 18px;
line-height: 1.3;
margin-bottom: 8px;
}
.product__description {
line-height: 1.3;
}
.product__commerce {
margin-top: 10px;
}
.highslide-controls {
width: 132px !important;
}
.highslide-move,
.highslide-full-expand {
display: none !important;
}
#vk_widget,
#vk_groups {
max-width: 750px;
}
.gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 16px;
margin: 24px 0;
}
.gallery a {
display: block;
}
.gallery img {
display: block;
width: 100%;
height: auto;
margin: 0;
}
.highslide-controls .highslide-previous a:hover {
background-position: 0 0 !important;
}
.highslide-controls .highslide-play a:hover {
background-position: -30px 0 !important;
}
.highslide-controls .highslide-next a:hover {
background-position: -90px 0 !important;
}
.highslide-controls .highslide-close a:hover {
background-position: -180px 0 !important;
}
.highslide-container .highslide-credits {
display: none !important;
}
@media screen and (max-width: 1200px) {
.news-list__item {
width: calc(100% / 2 - 6px);
}
.news-list__item:hover {
box-shadow: none;
}
}
@media screen and (max-width: 1023px) {
.catalog-group__right {
grid-template-columns: 1fr;
}
.gallery {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 768px) {
.news-list__item {
width: calc(100% / 2);
}
}
@media screen and (max-width: 740px) {
.content__left {
width: 100%;
}
.news-list__wrap {
margin-left: -10px;
margin-right: -10px;
}
.news-list__item {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 550px) {
}
@media screen and (max-width: 600px) {
#call_btn_header{
display: none;
}
.product {
grid-template-columns: 1fr;
}
.product__image-wrapper {
width: 100%;
}
.catalog-group__right_item {
padding: 24px 0 !important;
}
.catalog-group__right_item:first-of-type {
padding-top: 0 !important;
}
.highslide-container table {
display: none;
/*max-width: calc(100% - 10px) !important;*/
}
.highslide-wrapper {
/*overflow: hidden;*/
max-width: calc(100% - 20px - 10px) !important;
height: auto !important;
max-height: 100% !important;
}
.highslide-image {
box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);
border-radius: 6px;
max-width: 100% !important;
/*position: relative !important;*/
/*!*max-width: calc(100% - 20px - 20px) !important;*!*/
/*max-width: 100% !important;*/
height: auto !important;
/*width: 100% !important;*/
}
.highslide-wrapper,
.highslide-outline {
max-width: calc(100% - 20px) !important;
height: auto !important;
margin: 0 -5px !important;
}
}
/* End */
/* Start:/local/templates/basic/css/fixes.css?17466876232266*/
.header__menu_item_link.active {
color: #8d8c8c;
transition: .2s color;
}
.header__menu_dropdown_item_link.active {
color: #98acf3;
}
.footer__menu_cat.active {
color: #a5a5a5;
}
.footer__menu_item_link.active {
color: #000;
}
.content__right {
max-width: 200px;
}
.content-page-off {
line-height: inherit;
}
.one-col .content__left {
width: 100%;
}
.one-wide-col .content__left {
width: auto;
float: none;
}
.one-col .content__right {
display: none;
}
.hide-right-col .content__right {
display: none;
}
span.news-list__item {
cursor: default;
}
.popup__title {
font-weight: bold;
font-size: 110%;
}
.popup__title_sub {
font-weight: bold;
font-size: 110%;
}
.content > .content__inner {
min-height: 120px;
}
.content__link_icon {
position: absolute;
top: 6px;
left: 0;
width: auto;
}
.menu-left__item.menu-left__service::before {
display: none;
}
.menu-left__icon {
background-repeat: no-repeat;
position: absolute;
top: 10px;
left: 0;
width: 25px;
height: 25px;
background-size: contain;
display: block;
}
a.catalog-special__item_name {
color: #fff;
text-decoration: underline;
}
a.catalog-special__item_name:hover {
text-decoration: none;
}
.catalog-agregat__filter {}
.catalog-agregat__filter input[type=checkbox] {
-webkit-appearance: checkbox;
}
.popup_textarea {
border: none;
background: none;
color: #000;
width: 100%;
min-height: 80px;
height: auto;
border-bottom: 1px solid #fff;
padding-top: 8px;
font-family: "Roboto", sans-serif;
font-weight: 300;
resize: none;
}
.search-page__content_item-desc b {
font-weight: bold;
}
.search-page__content_item-bredcrumbs a {
color: inherit;
text-decoration: underline;
}
.search-page__content_item-bredcrumbs a:hover {
text-decoration: none;
}
.search-page {
min-height: inherit;
}
.search-page .search-page__content {
min-height: inherit;
}
.right-menu + .right-menu {
margin-top: -50px;
}
img.product-photo__main_img {
width: auto;
}
.menu-left__link.current {
border-bottom-color: #2d4391;
}
.no-sectionFirstBlockContent {min-height: inherit !important ;}
/* End */
/* Start:/local/templates/basic/css/jquery.customscroll.min.css?174668762342839*/
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/local/templates/basic/css/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
/* End */
/* Start:/local/templates/basic/css/jquery.jscrollpane.css?17466876231379*/
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 100%;
background: red;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #dde;
position: relative;
}
.jspDrag
{
background: #bbd;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
padding: 0;
margin: 0;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}
/* End */
/* Start:/local/templates/basic/template_styles.css?1748249886730*/
.catalog-group__item .catalog-group__title{
font-family: "Bebas Neue", sans-serif;
font-size: 2.3em;
letter-spacing: 0.02em;
font-weight: 800;
position: relative;
color: #3d53a1;
text-transform: uppercase;
}
.contacts-dilery{
display: none !important;
}
.maps__popup_phone-info{
display: none !important;
}
.contacts-felial__item_phone-desc{
display: none !important;
}
.content__contacts_phone-desc{
display: none !important;
}
.content__bottom .content__link .content__link_item:nth-child(2){
display: none !important;
}
.product-rightblock__form_desc{
display: none;
}
.content .about__description img {
margin: 0;
}
.company__description strong{
font-weight: bold;
}
/* End */
/* /local/templates/basic/css/animate.css?174668762383364 */
/* /local/templates/basic/css/styles.css?1751618598321333 */
/* /local/templates/basic/css/fixes.css?17466876232266 */
/* /local/templates/basic/css/jquery.customscroll.min.css?174668762342839 */
/* /local/templates/basic/css/jquery.jscrollpane.css?17466876231379 */
/* /local/templates/basic/template_styles.css?1748249886730 */