/* Start:/local/templates/ms/css/animate.css?152907100872511*/
@charset "UTF-8";
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-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.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-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(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .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(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .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(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .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(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .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: none;
transform: none;
}
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: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
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: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
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: none;
transform: none;
}
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.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .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(.97, .97, .97);
transform: scale3d(.97, .97, .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.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .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(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
.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.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
.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.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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: none;
transform: none;
}
}
.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.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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(.9, .9, .9);
transform: scale3d(.9, .9, .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(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .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(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-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: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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);
-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
animation-timing-function: cubic-bezier(1, 0, 0, 1);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
animation-timing-function: cubic-bezier(1, 0, 0, 1);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
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(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .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(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .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-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-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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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: none;
transform: none;
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-name: hinge;
animation-name: hinge;
}
/* 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: none;
transform: none;
}
}
@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: none;
transform: none;
}
}
.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(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .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.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .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.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.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(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.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(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .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.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .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.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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/ms/css/style.css?1529071008129105*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* Remove default margin.
*/
body {
margin: 0; }
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block; }
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none; }
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent; }
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0; }
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold; }
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic; }
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000; }
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0; }
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px; }
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto; }
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */ }
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible; }
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none; }
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default; }
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal; }
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box; }
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto; }
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold; }
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
ol,
ul {
list-style: none;
padding: 0;
margin: 0; }
/*--!normalize--*/
/*--general--*/
@font-face {
font-family: 'Fira Sans';
src: url("/local/templates/ms/css/../fonts/firasans-regular-webfont.eot");
src: url("/local/templates/ms/css/../fonts/firasans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/ms/css/../fonts/firasans-regular-webfont.woff2") format("woff2"), url("/local/templates/ms/css/../fonts/firasans-regular-webfont.woff") format("woff"), url("/local/templates/ms/css/../fonts/firasans-regular-webfont.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Fira Sans';
src: url("/local/templates/ms/css/../fonts/firasans-italic-webfont.eot");
src: url("/local/templates/ms/css/../fonts/firasans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/ms/css/../fonts/firasans-italic-webfont.woff2") format("woff2"), url("/local/templates/ms/css/../fonts/firasans-italic-webfont.woff") format("woff"), url("/local/templates/ms/css/../fonts/firasans-italic-webfont.ttf") format("truetype");
font-weight: normal;
font-style: italic; }
@font-face {
font-family: 'Fira Sans';
src: url("/local/templates/ms/css/../fonts/firasans-bold-webfont.eot");
src: url("/local/templates/ms/css/../fonts/firasans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/ms/css/../fonts/firasans-bold-webfont.woff2") format("woff2"), url("/local/templates/ms/css/../fonts/firasans-bold-webfont.woff") format("woff"), url("/local/templates/ms/css/../fonts/firasans-bold-webfont.ttf") format("truetype");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: 'Fira Sans';
src: url("/local/templates/ms/css/../fonts/firasans-bolditalic-webfont.eot");
src: url("/local/templates/ms/css/../fonts/firasans-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/ms/css/../fonts/firasans-bolditalic-webfont.woff2") format("woff2"), url("/local/templates/ms/css/../fonts/firasans-bolditalic-webfont.woff") format("woff"), url("/local/templates/ms/css/../fonts/firasans-bolditalic-webfont.ttf") format("truetype");
font-weight: 700;
font-style: italic; }
@font-face {
font-family: 'Fira Sans Light';
src: url("/local/templates/ms/css/../fonts/firasans-light-webfont.eot");
src: url("/local/templates/ms/css/../fonts/firasans-light-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/ms/css/../fonts/firasans-light-webfont.woff2") format("woff2"), url("/local/templates/ms/css/../fonts/firasans-light-webfont.woff") format("woff"), url("/local/templates/ms/css/../fonts/firasans-light-webfont.ttf") format("truetype");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'Fira Sans';
src: url("/local/templates/ms/css/../fonts/firasans-lightitalic-webfont.eot");
src: url("/local/templates/ms/css/../fonts/firasans-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/ms/css/../fonts/firasans-lightitalic-webfont.woff2") format("woff2"), url("/local/templates/ms/css/../fonts/firasans-lightitalic-webfont.woff") format("woff"), url("/local/templates/ms/css/../fonts/firasans-lightitalic-webfont.ttf") format("truetype");
font-weight: 300;
font-style: italic; }
@font-face {
font-family: "GothamProNarrowBold";
src: url("/local/templates/ms/css/../fonts/GothamProNarrowBold.eot");
src: url("/local/templates/ms/css/../fonts/GothamProNarrowBold.eot?#iefix")format("embedded-opentype"),
url("/local/templates/ms/css/../fonts/GothamProNarrowBold.woff") format("woff"),
url("/local/templates/ms/css/../fonts/GothamProNarrowBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "GothamProNarrowMedium";
src: url("/local/templates/ms/css/../fonts/GothamProNarrowMedium.eot");
src: url("/local/templates/ms/css/../fonts/GothamProNarrowMedium.eot?#iefix")format("embedded-opentype"),
url("/local/templates/ms/css/../fonts/GothamProNarrowMedium.woff") format("woff"),
url("/local/templates/ms/css/../fonts/GothamProNarrowMedium.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
.gotTransitionColors, .mainNav .navBtn, .orderSiteForm form .footerRow button[type=submit], .fixForm .logo, .fixForm .close, .mainFooter .footerHeaders label, a, .mainScreen .description .projectLink a, .gallIcon_.services .text a, .gallery .itemCnt .subForm input[type=email],
.gallery .itemCnt .subForm input[type=text], .gallery .itemCnt .subForm button[type=submit], .eventsBox .hiddenPart i, .aboutGallery .itemCnt, .player .playBox div, .player .playBox .playBtn:before, .player .volumeBox .ico, .player .volumeBox .ico:before {
-webkit-transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;
-moz-transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;
-ms-transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;
-o-transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;
transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease; }
.gotTransitionAll, .mainNav .navBtn i, .fixForm .logo .img, .fixForm .logo .img .right, .mainScreen .description .projectLink a:before, .gallIcon_, .gallery .itemCnt, .gallery .itemCnt .bgImg img, .gallery .itemCnt .subForm, .eventsBox .evSocialBox a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.greyFilter, .mainFooter .fSocialBox .partners li img, .gallery .itemCnt .bgImg img, .logosGallery .galleryInner.greyImgs img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(100%); }
.greyFilterReset, .mainFooter .fSocialBox .partners li div:hover img,
.mainFooter .fSocialBox .partners li a:hover img, .mobile .gallery .itemCnt .bgImg img, .gallery .itemCnt:hover img, .logosGallery .galleryInner.greyImgs img:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;
zoom: 1;
-webkit-filter: grayscale(0%); }
.wrapPage {
position: relative;
margin: 0 auto;
width: 100%;
padding-bottom: 120px; }
.flexbox.noMobile .wrapPage {
flex-grow: 1; }
.wrapPage .mapBox .collInner {
height: 480px;
overflow: hidden;
position: relative; }
.pageContainer {
min-height: 100%;
overflow: hidden; }
.flexbox.noMobile .pageContainer {
/* display: -webkit-flex;
display: flex;
flex: auto;
flex-direction: column;*/ }
.mainFooter {
overflow: hidden;
height: 120px;
position: relative;
margin: -120px auto 0;
text-align: right;
padding-bottom: 20px;
background: #d4d4d4; }
.mainFooterCopyright {
font-size: 14px;
line-height: 20px;
font-weight: 300;
color: #595959;
display: block;
float: left;
vertical-align: top;
padding: 42px 20px 10px;
max-width: 560px;
text-align: left; }
.mainFooterSocial {
display: block;
float: right;
line-height:120px !important;}
@media all and (max-width: 1550px) {
.mainFooter {
text-align: center; }
.mainFooterCopyright {
max-width: none;
display: block;
float: none;
text-align: center;
padding-top: 20px; }
.mainFooterSocial {
display: block;
float: none;
text-align: center;
padding: 0;
line-height: normal; }
.mainFooterSocial a {
margin-top: 0; } }
.preloader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.3);
z-index: 10; }
.preloader:before {
content: '';
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
top: 50%;
left: 50%;
position: absolute;
border: 1px solid #ccc;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
background: #fff url("/local/templates/ms/css/../img/load.gif") center no-repeat;
border-radius: 5px; }
.clr {
clear: both;
width: 100%;
display: block;
height: 0;
overflow: hidden; }
.clrFix:after, .orderSiteForm form .formRow:after, .mainScreen .description .tags:after, .gallery:after, .gallery .itemCnt .caption .tags:after, .eventsBox .evContent:after, .eventsBox .evTags:after, .eventsBox .newsImages:after, .aboutGallery:after, .logosGallery .row:after, .reviewsGallery:after, .reviewsGallery .textReview:after, .reviewsGallery .audioReview:after {
display: block;
content: ".";
clear: both;
height: 0;
font-size: 0;
line-height: 0;
visibility: hidden; }
.vAlignCnt:before, .mainHeader .content:before, .mainNav .mainNavInner:before, .orderSiteForm .fixFormInner:before, .fixForm .logo .img:before, .mainFooter .fSocialBox .partners:before, .mainFooter .fSocial li .sLink:before, .infoWindow .infoContent .tab:before, .infoWindow_b .infoContent .tab:before, .gallery .itemCnt .subForm:before, .aboutGallery .itemCnt .textBox:before, .logosGallery .row:before, .player .volumeBox:before, .gallerySliderBox .smallImages .imgCnt .image:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle; }
.content {
max-width: 1920px;
min-width: 320px;
margin: 0 auto;
clear: both; }
/*--header--*/
.mainHeader {
position: fixed;
height: 50px;
padding: 0 60px;
background-color: transparent;
/*top: 0;
left: 0;
right: 0;*/
z-index: 20; }
.mainHeader .content {
height: 100%;
position: relative; }
.mainHeader .content .selectBox {
width: 300px !important; }
@media all and (max-width: 479px) {
.mainHeader .content .selectBox {
width: 200px !important; } }
.mainHeader .content button,
.mainHeader .content select,
.mainHeader .content .selectBox-dropdown {
float: left;
height: 30px;
line-height: 30px;
margin: -15px 0 0 4px;
border: 1px solid #d6d6d6;
border-radius: 15px;
padding: 0 10px;
background: #fff;
font-size: 10px;
position: relative;
text-transform: uppercase; }
@media screen and (min-width: 480px) {
.mainHeader .content button,
.mainHeader .content select,
.mainHeader .content .selectBox-dropdown {
padding: 0 5px; } }
.mainHeader .content .selectBox-dropdown {
padding: 0;
box-sizing: content-box;
color: #595959; }
.mainHeader .content .selectBox-dropdown .selectBox-label {
box-sizing: content-box;
padding: 9px 0 0 0;
text-align: center;
font-size: inherit;
vertical-align: middle;
width: auto !important;
display: block;
margin: 0 30px 0 0; }
.mainHeader .content .selectBox-dropdown .selectBox-arrow {
height: 100%;
width: 10px; }
.mainHeader .content .selectBox-dropdown .selectBox-arrow:before {
content: '';
position: absolute;
left: 0;
top: 50%;
border-width: 3px 3px 0 3px;
border-color: #595959 transparent transparent;
border-style: solid;
margin: -2px 0 0 0; }
.mainHeader .content button {
border-radius: 50%;
width: 30px;
text-align: center; }
.mainHeader .content button i {
width: 19px;
height: 19px;
background: url("/local/templates/ms/css/../img/sprite.png") no-repeat;
display: inline-block;
vertical-align: middle;
margin: -1px 0 0; }
@media screen and (min-width: 768px) {
.mainHeader {
height: 80px;
padding: 0 80px; }
.mainHeader .content button,
.mainHeader .content select,
.mainHeader .content .selectBox-dropdown {
font-size: 16px;
margin-left: 15px;
max-width: 240px; }
.mainHeader .content .selectBox-dropdown {
padding: 0 0 0 5px; }
.mainHeader .content .selectBox-dropdown .selectBox-label {
padding: 7px 0 0 0; } }
@media screen and (max-width: 980px) {
.mainHeader .content button,
.mainHeader .content select,
.mainHeader .content .selectBox-dropdown {
max-width: 100px; } }
@media screen and (min-width: 980px) {
.mainHeader .content button,
.mainHeader .content select,
.mainHeader .content .selectBox-dropdown {
height: 48px;
margin: -24px 0 0 20px;
border-radius: 24px;
padding: 0 20px;
font-size: 30px; }
.mainHeader .content .selectBox-dropdown {
padding: 0 0 0 10px; }
.mainHeader .content .selectBox-dropdown .selectBox-label {
padding: 9px 0 0; }
.mainHeader .content .selectBox-dropdown .selectBox-arrow {
width: 30px; }
.mainHeader .content .selectBox-dropdown .selectBox-arrow:before {
width: 17px;
height: 9px;
margin: -4px 0 0;
background: url("/local/templates/ms/css/../img/sprite.png") 0 -42px no-repeat;
border: 0; }
.mainHeader .content button {
width: 48px;
padding: 0; } }
@media screen and (min-width: 1280px) {
.mainHeader {
height: 120px;
padding: 0 120px; } }
.falseHeader {
height: 50px; }
@media screen and (min-width: 768px) {
.falseHeader {
height: 80px; } }
@media screen and (min-width: 1280px) {
.falseHeader {
height: 120px; } }
.noHeaderBg .mainHeader {
height: 0;
background: none; }
.noHeaderBg .falseHeader {
height: 0; }
.noHeaderBg.headerIndent .falseHeader {
height: 50px; }
@media screen and (min-width: 768px) {
.noHeaderBg.headerIndent .falseHeader {
height: 80px; } }
@media screen and (min-width: 1280px) {
.noHeaderBg.headerIndent .falseHeader {
height: 120px; } }
.mainNav {
position: fixed;
text-align: center;
right: 100%;
top: 0;
width: 100%;
height: 100%;
max-width: 640px;
background: #ff3f3f;
z-index: 9; }
.mainNav:hover {
z-index: 102; }
.mainNav.open {
z-index: 101; }
.mainNav .navBtn {
position: absolute;
top: 0;
left: 100%;
width: 50px;
height: 50px;
background: #ff3f3f;
cursor: pointer; }
.mainNav .navBtn:hover {
background: #f20000; }
.mainNav .navBtn i {
background: #fff;
height: 2px;
margin-top: -1px;
width: 46%;
left: 27%;
position: absolute;
top: 50%; }
.mainNav .navBtn i.t {
margin-top: -7px; }
.mainNav .navBtn i.b {
margin-top: 5px; }
@media screen and (min-width: 768px) {
.mainNav .navBtn {
width: 80px;
height: 80px; }
.mainNav .navBtn i {
height: 4px;
margin-top: -2px; }
.mainNav .navBtn i.t {
margin-top: -12px; }
.mainNav .navBtn i.b {
margin-top: 8px; } }
@media screen and (min-width: 1280px) {
.mainNav .navBtn {
width: 120px;
height: 120px; }
.mainNav .navBtn i {
height: 6px;
margin-top: -3px; }
.mainNav .navBtn i.t {
margin-top: -18px; }
.mainNav .navBtn i.b {
margin-top: 12px; } }
.mainNav.open {
z-index: 10; }
.mainNav.open .navBtn i.m {
opacity: 0;
visibility: hidden; }
.mainNav.open .navBtn i.t {
margin-top: 0;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.mainNav.open .navBtn i.b {
margin-top: 0;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.mainNav .mainNavInner {
width: 100%;
height: 100%;
overflow: auto; }
.mainNav ul {
width: 80%;
text-align: left;
display: inline-block;
vertical-align: middle;
overflow: hidden; }
@media screen and (min-width: 768px) {
.mainNav ul {
width: 60%; } }
.mainNav ul .title {
font-size: 12px;
margin-bottom: 20px;
color: #fff;
display: block;
font-style: italic; }
.mainNav ul a {
text-transform: uppercase;
display: inline-block;
font-size: 36px;
color: #fff; }
.mainNav ul a:hover {
text-decoration: none;
color: #595959; }
.orderSiteForm {
color: #d0d0d0;
width: 100%;
height: 100%;
position: relative;
text-align: center; }
.orderSiteForm .fixFormInner {
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden; }
.orderSiteForm .fixFormContent {
display: inline-block;
vertical-align: middle;
width: 78%;
text-align: left; }
.orderSiteForm .title {
font-size: 20px;
margin-bottom: 1em; }
@media screen and (min-width: 768px) {
.orderSiteForm .title {
font-size: 30px; } }
.orderSiteForm form {
width: 100%;
font-weight: 300;
font-size: 14px; }
.orderSiteForm form .inputWrap {
position: relative;
width: 100%;
padding: 0 2.5% 0 7.5%;
margin: 0 0 3%; }
.orderSiteForm form .inputWrap.error {
color: #ff3f3f; }
.orderSiteForm form .inputWrap.error input[type=text],
.orderSiteForm form .inputWrap.error textarea {
color: #ff3f3f;
border-color: #ff3f3f; }
.orderSiteForm form .inputWrap .requiredMark {
position: absolute;
top: 30%;
left: 0; }
.orderSiteForm form .inputWrap .errorLabel {
font-style: italic;
font-size: 12px; }
@media screen and (min-width: 768px) {
.orderSiteForm form .inputWrap.phone {
float: left;
width: 40%; }
.orderSiteForm form .inputWrap.name {
float: left;
width: 60%; } }
.orderSiteForm form input[type=text],
.orderSiteForm form textarea {
font-weight: 300;
width: 100%;
padding: 0;
font-size: 14px;
line-height: 20px;
height: 20px;
background: transparent;
border: 0;
color: #fff;
border-bottom: 1px solid #d0d0d0; }
.orderSiteForm form input[type=text].short,
.orderSiteForm form textarea.short {
width: 80px; }
.orderSiteForm form input[type=text]::-webkit-input-placeholder,
.orderSiteForm form textarea::-webkit-input-placeholder {
color: #d0d0d0; }
.orderSiteForm form input[type=text]:-moz-placeholder,
.orderSiteForm form textarea:-moz-placeholder {
color: #d0d0d0;
opacity: 1; }
.orderSiteForm form input[type=text]::-moz-placeholder,
.orderSiteForm form textarea::-moz-placeholder {
color: #d0d0d0;
opacity: 1; }
.orderSiteForm form input[type=text]:-ms-input-placeholder,
.orderSiteForm form textarea:-ms-input-placeholder {
color: #d0d0d0; }
.orderSiteForm form input[type=text].placeholder,
.orderSiteForm form textarea.placeholder {
color: #d0d0d0; }
.orderSiteForm form input[type=text]:focus,
.orderSiteForm form textarea:focus {
border-color: #fff; }
.orderSiteForm form textarea {
resize: none; }
.orderSiteForm form .inputBtn {
display: block;
color: #d0d0d0;
width: 100%;
font-size: 14px;
line-height: 20px;
position: relative; }
.orderSiteForm form .inputBtn:before {
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAVCAYAAACkCdXRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODIyQUQ2MjVDMDFCRUQ5QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0Nzc1MzE3QjEwNEIxMUU1QjNEMEFERDNGMEZDQjMxOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0Nzc1MzE3QTEwNEIxMUU1QjNEMEFERDNGMEZDQjMxOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUI0N0I5OUYwQzIwNjgxMTgyMkFGNDc3NDg0MzUxQjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTgyMkFENjI1QzAxQkVEOUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz684jJ6AAACBklEQVR42ozUTUgVURjG8bmTSZQYqGFRm7BNalx1IbgIKvqAKNxYCykCN2WLFomotBEXfiSEQiguisqNiBCRIApWEAgZxL1ZujFd9EFgCJKFJoX/F54rh8Odrgd+zHBm5jln5rxnYolEIlArQCNqcBgbeIP7GA4iWjwe3zrPSvVhDAewDhshF8fFBriCP8F/Woh8jCroHvahAkdQruBLGEF2prDbOIRuNOCnc92CTmAaFzMFhnqFNbQ5/btQqvMVnHUCB7EjKsxe5z1Wnf4hzGgh3MAkLuNJukAL++sshLU8VOMDPjv9FnhG/bXpAkNdLNMCBJrhhkolxxt8CaecwAfJZDLmhj3WsRcxLb+d78c49kYEzuEa+lKBFjKAd1r+PgXewXNUYiIi0L7hJ9xAq3XGtAOsNF6hCP24qRIY0QpO6+EVL9See6taPRiq84vqyUaqR6det8aZ4VPs9sLsuYfYiarQu2Cr9RVNXuBLnNRO8QNTlfAv9C4saoZ+4AUvMFf3F6NORT8VpinkeS+wBb+9wG+YVbFbCbXy91gOI7bZvJb/B9rRrMDzuItfOKr76gjqclczqh3DC43eotfO+D+LajOaoQV26Nv0+DdRtKc57Mk0M3eGr1W8g/rvLajOruOWVcN2w6yV4JkK22/fbQdlBdtvH1UKV3EOhVjGJB7x7VY3BRgA/6uO6VW+BVEAAAAASUVORK5CYII=");
position: absolute;
right: 100%;
top: 0;
width: 19px;
height: 21px;
margin: 0 22px 0 0; }
.orderSiteForm form .inputBtn:hover {
color: #fff; }
.orderSiteForm form .captchaCnt {
font-size: 22px;
margin-right: 10px; }
.orderSiteForm form .captchaCnt span {
font-size: 18px; }
.orderSiteForm form .footerRow .inputWrap {
text-align: left; }
.orderSiteForm form .footerRow button[type=submit] {
width: 90px;
height: 90px;
background: transparent;
color: #fff;
border: 1px solid #fff;
border-radius: 50%;
font-size: 12px; }
.orderSiteForm form .footerRow button[type=submit]:hover {
color: #ff3f3f;
border-color: #ff3f3f; }
@media screen and (min-width: 980px) {
.orderSiteForm form .footerRow button[type=submit] {
width: 102px;
height: 102px; } }
@media screen and (min-width: 768px) {
.orderSiteForm form .footerRow {
text-align: right;
margin-top: 75px; }
.orderSiteForm form .footerRow .inputWrap {
width: 60%;
float: left; } }
.orderSiteForm .greetMsg {
display: none;
text-align: center;
font-size: 30px;
line-height: 34px;
padding: 150px 0; }
.orderSiteForm .greetMsg .greetAlert {
font-size: 36px;
line-height: 40px;
font-weight: bold;
text-transform: uppercase; }
@media screen and (min-width: 980px) {
.orderSiteForm .greetMsg {
font-size: 40px;
line-height: 44px; }
.orderSiteForm .greetMsg .greetAlert {
font-size: 50px;
line-height: 54px; } }
.fixForm {
color: #d0d0d0;
left: 100%;
top: 0;
background: #1e1e1e;
position: fixed;
max-width: 640px;
padding-top: 50px;
z-index: 9; }
.fixForm:hover {
z-index: 102; }
.fixForm.open {
z-index: 101; }
@media screen and (min-width: 768px) {
.fixForm {
padding-top: 80px; } }
@media screen and (min-width: 1280px) {
.fixForm {
padding-top: 120px; } }
.fixForm .logo {
position: absolute;
width: 50px;
height: 50px;
right: 100%;
top: 0;
background: #535353;
cursor: pointer; }
.fixForm .logo:hover {
background: #1e1e1e; }
.fixForm .logo .img {
height: 30%;
position: relative;
display: block;
width: 57.5%;
margin: 35% auto 0;
text-align: center;
vertical-align: middle;
font-size: 0;
line-height: 0;
white-space: nowrap; }
.fixForm .logo .img img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
position: relative; }
.fixForm .logo .img .right {
position: absolute;
left: 100%;
top: 0;
max-width: none;
visibility: hidden;
opacity: 0.1; }
@media screen and (min-width: 768px) {
.fixForm .logo {
width: 80px;
height: 80px; } }
@media screen and (min-width: 1280px) {
.fixForm .logo {
width: 120px;
height: 120px; } }
.fixForm .close {
position: absolute;
width: 50px;
height: 50px;
right: 0;
top: 0;
cursor: pointer; }
.fixForm .close:hover {
background: black; }
.fixForm .close i {
background: #fff;
height: 2px;
width: 46%;
left: 27%;
position: absolute;
top: 49%; }
.fixForm .close i.t {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.fixForm .close i.b {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
@media screen and (min-width: 768px) {
.fixForm .close {
width: 80px;
height: 80px; }
.fixForm .close i {
height: 4px; } }
@media screen and (min-width: 1280px) {
.fixForm .close {
width: 120px;
height: 120px; }
.fixForm .close i {
height: 6px; } }
.fixForm.open .logo {
background: #1e1e1e; }
.fixForm.open .logo .img {
overflow: visible; }
.fixForm.open .logo .img .right {
opacity: 1;
visibility: visible; }
.fixForm .contactBox {
border-top: 1px solid #555;
margin: 20px 0 0;
font-size: 12px; }
@media screen and (min-width: 768px) {
.fixForm .contactBox {
margin-top: 35px;
font-size: 14px; } }
@media screen and (min-width: 980px) {
.fixForm .contactBox {
margin-top: 50px; } }
.fixForm .contactBox .title {
margin: 20px 0 5px; }
@media screen and (min-width: 768px) {
.fixForm .contactBox .title {
margin-top: 35px; } }
.fixForm .contactBox .descr {
margin-left: 10%; }
@media screen and (min-width: 768px) {
.fixForm .contactBox .descr {
margin-left: 20%; } }
.fixForm .contactBox a {
color: #ff3f3f; }
.footerCol.mapBox.replaced {
margin-top: 50px; }
@media screen and (min-width: 768px) {
.footerCol.mapBox.replaced {
margin-top: 80px; } }
@media screen and (min-width: 1280px) {
.footerCol.mapBox.replaced {
margin-top: 120px; } }
.footerCol.mapBox.replaced .collInner {
height: 470px; }
/*--!header--*/
.mainFooter {
clear: both; }
@media screen and (min-width: 1280px) {
.mainFooter.short .footerContent {
height: 0; } }
@media screen and (min-width: 1280px) {
.mainFooter.short .footerHeaders {
display: block; } }
.mainFooter .footerContent {
position: relative;
top: 0 !important;
left: 0 !important;
overflow: hidden; }
.mainFooter .footerHeaders {
overflow: hidden;
display: none; }
.mainFooter .footerHeaders label {
display: block;
font-size: 18px;
padding: 30px 50px 30px 117px; }
.mainFooter .footerHeaders label:before {
position: absolute;
content: '';
top: 50%;
left: 0;
background: url("/local/templates/ms/css/../img/footerSprite.png") no-repeat; }
.mainFooter .footerHeaders .mapBox {
height: auto;
top: 0 !important;
left: 0 !important;
position: relative; }
.mainFooter .footerHeaders .mapBox label {
background: #454545; }
.mainFooter .footerHeaders .mapBox label:before {
width: 33px;
height: 43px;
background-position: 0 0;
margin: -21.5px 0 0 39px; }
.mainFooter .footerHeaders .fSocialBox label {
background: #d4d4d4; }
.mainFooter .footerHeaders .fSocialBox label:before {
width: 45px;
height: 45px;
background-position: -36px 0;
margin: -22.5px 0 0 35px; }
.mainFooter .footerHeaders .fOrderBox label {
background: #1e1e1e; }
.mainFooter .footerHeaders .fOrderBox label:before {
width: 39px;
height: 39px;
background-position: -84px 0;
margin: -19.5px 0 0 42px; }
.mainFooter .footerCol {
position: relative;
width: 100%; }
.mainFooter .mapBox .collInner {
height: 471px;
overflow: hidden;
position: relative; }
.mainFooter .fSocialBox .collInner {
background: #d4d4d4; }
.mainFooter .fSocialBox .partners {
width: 100%;
font-size: 0;
line-height: 0;
text-align: center;
background: #fff;
overflow: hidden; }
.mainFooter .fSocialBox .partners li {
height: 60px;
line-height: 56px;
display: inline-block;
vertical-align: middle;
margin: 15px; }
.mainFooter .fSocialBox .partners li img {
vertical-align: middle;
max-height: 60px; }
.mainFooter .fSocialBox .partners li div {
display: inline-block; }
.mainFooter .fSocial {
padding: 10px 0;
text-align: center; }
.mainFooter .fSocial li {
display: inline-block;
vertical-align: middle;
margin: 5px 3px; }
.mainFooter .fSocial li .sLink {
width: 50px;
height: 50px;
border-radius: 50%;
display: block;
text-align: center; }
.mainFooter .fSocial li .sLink i {
display: inline-block;
vertical-align: middle;
background: url("/local/templates/ms/css/../img/socSprite.png") no-repeat; }
.mainFooter .fSocial li .sLink .v {
width: 17px;
height: 22px; }
.mainFooter .fSocial li .sLink .f {
width: 13px;
height: 28px;
background-position: -22px 0; }
.mainFooter .fSocial li .sLink .i {
width: 28px;
height: 27px;
background-position: -38px 0; }
.mainFooter .fSocial li .sLink .y {
width: 28px;
height: 21px;
background-position: -69px 0; }
.mainFooter .fSocial li .sLink .b {
width: 32px;
height: 20px;
background-position: -100px 0; }
.mainFooter .fSocial li .sLink:hover {
background: #e5e5e5; }
.mainFooter .fOrderBox .collInner {
background: #1e1e1e;
height: 471px; }
@media screen and (min-width: 768px) {
.mainFooter .mapBox {
clear: left; }
.mainFooter .fSocialBox {
float: left;
width: 50%; }
.mainFooter .fSocialBox .collInner {
height: 471px; }
.mainFooter .fSocialBox .partners {
height: 366px; }
.mainFooter .fSocialBox .partners ul {
width: 99%;
display: inline-block;
vertical-align: middle; }
.mainFooter .fOrderBox {
width: 50%;
float: left; } }
@media screen and (min-width: 980px) {
.mainFooter .fSocial li .sLink {
width: 75px;
height: 75px; } }
@media screen and (min-width: 1280px) {
.mainFooter .mapBox, .mainFooter .fSocialBox, .mainFooter .fOrderBox {
width: 33.3%;
float: left;
clear: none; }
.mainFooter .mapBox {
width: 33.4%; } }
@media screen and (min-width: 1900px) {
.mainFooter .fSocialBox .partners {
height: 236px; }
.mainFooter .fSocialBox .partners li {
height: 88px;
line-height: 84px; }
.mainFooter .fSocialBox .partners li img {
max-height: 88px; }
.mainFooter .fSocial {
height: 237px;
line-height: 233px; }
.mainFooter .fSocial li .sLink {
width: 100px;
height: 100px; } }
#map_canvas {
width: 100%;
height: 100%;
position: relative; }
#map_canvas .infoBox {
height: 0;
margin-left: -50%;
padding-right: 20px; }
.infoBox > img {
display: none; }
.infoWindow {
display: none;
position: absolute;
width: 100%;
margin: -155px 0 0 0;
top: 50%;
right: 100%;
left: 0; }
.infoWindow .inner {
font-family: "Fira Sans", Arial sans-serif;
background: #ff3f3f;
color: #fff;
margin: 0 30px 0 0;
position: relative; }
.infoWindow .inner:after {
content: "";
position: absolute;
top: 50%;
left: 100%;
border-style: solid;
margin-top: -18px;
border-width: 18px 0 18px 18px;
border-color: transparent transparent transparent #ff3f3f; }
.infoWindow .infoTabs {
width: 100%; }
.infoWindow .infoTabs td a {
height: 97px;
background: #a3a2a2;
padding: 27px 0;
text-align: center;
display: block;
vertical-align: middle; }
.infoWindow .infoTabs td a:hover {
background: #636262; }
.infoWindow .infoTabs td a.active {
background: #ff3f3f; }
.infoWindow .infoTabs td a .tabLinkInner {
max-width: 100%;
text-align: left;
display: inline-block;
vertical-align: middle; }
.infoWindow .infoTabs .title {
font-size: 12px;
font-style: italic; }
.infoWindow .infoTabs .name {
font-size: 16px; }
@media screen and (min-width: 1600px) {
.infoWindow .infoTabs .name {
font-size: 24px; } }
.infoWindow .infoContent {
background: #ff3f3f;
height: 186px; }
.infoWindow .infoContent .tab {
font-size: 14px;
display: none;
width: 100%;
height: 100%;
text-align: center; }
.infoWindow .infoContent .tab .tabWrap {
display: inline-block;
vertical-align: middle;
width: 80%; }
.infoWindow .infoContent .tab.active {
display: block; }
.infoWindow .infoContent .tab table {
width: 100%;
text-align: center; }
.infoWindow .infoContent .tab table .tabInner {
text-align: left; }
.infoWindow .toggleMapWindow {
position: absolute;
bottom: 30px;
left: 65px;
cursor: pointer; }
.infoWindow .toggleMapWindow:hover {
text-decoration: underline; }
.infoWindow .toggleMapWindow:before {
position: absolute;
top: -2px;
right: 100%;
width: 17px;
height: 17px;
margin: 0 10px 0 0;
background: url("/local/templates/ms/css/../img/sprite.png") 0 -22px no-repeat;
content: ''; }
.infoWindow .showMapWindow {
display: none; }
.infoWindow {
position: static;
margin: 0; }
.infoWindow .inner {
position: static;
margin: 0; }
.infoWindow .inner:before {
display: none; }
.infoWindow .infoTabs {
position: absolute;
top: 0;
left: 0;
z-index: 11; }
.infoWindow .infoTabs td a.active {
position: relative; }
.infoWindow .infoTabs td a.active:before {
content: '';
position: absolute;
top: 100%;
left: 50%;
border-style: solid;
border-width: 13px 13px 0 13px;
margin: 0 0 0 -13px;
border-color: #ff3f3f transparent transparent; }
.infoWindow .infoContent {
z-index: 10;
width: 270px;
height: 250px;
position: absolute;
top: 50%;
left: 50%;
margin: -110px 0 0 -135px; }
.infoWindow .infoContent .tab {
margin: -20px 0 0; }
.infoWindow .infoContent .tab table .tabInner {
text-align: center; }
.infoWindow .infoContent .tab table td {
display: block;
width: 100%;
margin: 0 auto 15px; }
.infoWindow .toggleMapWindow {
position: relative;
top: 0;
left: 0;
display: block;
border: 1px solid #fff;
width: 142px;
margin: -50px auto 0;
text-align: center;
padding: 10px 0;
font-size: 12px;
font-style: italic; }
.infoWindow .toggleMapWindow:before {
position: static;
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 0; }
.infoWindow .showMapWindow {
display: block;
position: absolute;
left: 50%;
bottom: 30px;
background: #ff3f3f;
color: #fff;
text-align: center;
width: 150px;
margin: 0 0 0 -75px;
padding: 10px 0;
z-index: 11;
font-size: 12px;
font-style: italic; }
.infoWindow .showMapWindow:before {
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 0;
width: 23px;
height: 23px;
background: url("/local/templates/ms/css/../img/sprite.png") -22px -34px no-repeat;
content: ""; }
#infoWindow_b {
visibility: hidden;
left: -110%; }
#infoWindow_b_wrap {
display: none; }
#infoWindow_b_wrap .showMapWindow {
display: block;
position: absolute;
right: 100%;
top: 50%;
background: #ff3f3f;
color: #fff;
text-align: center;
width: 150px;
margin: -39px 55px 0 0;
padding: 10px 0;
z-index: 11;
font-size: 12px;
font-style: italic; }
#infoWindow_b_wrap .showMapWindow:hover {
text-decoration: underline;
cursor: pointer; }
#infoWindow_b_wrap .showMapWindow:before {
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 0;
width: 23px;
height: 23px;
background: url("/local/templates/ms/css/../img/sprite.png") -22px -34px no-repeat;
content: ""; }
.infoWindow_b {
position: absolute;
width: 100%;
margin: -155px 0 0 0;
top: 50%;
right: 100%;
left: 0; }
.infoWindow_b .inner {
font-family: "Fira Sans", Arial sans-serif;
background: #ff3f3f;
color: #fff;
margin: 0 30px 0 0;
position: relative; }
.infoWindow_b .inner:after {
content: "";
position: absolute;
top: 50%;
left: 100%;
border-style: solid;
margin-top: -18px;
border-width: 18px 0 18px 18px;
border-color: transparent transparent transparent #ff3f3f; }
.infoWindow_b .infoTabs {
width: 100%; }
.infoWindow_b .infoTabs td a {
height: 97px;
background: #a3a2a2;
padding: 27px 0;
text-align: center;
display: block;
vertical-align: middle; }
.infoWindow_b .infoTabs td a:hover {
background: #636262; }
.infoWindow_b .infoTabs td a.active {
background: #ff3f3f; }
.infoWindow_b .infoTabs td a .tabLinkInner {
max-width: 100%;
text-align: left;
display: inline-block;
vertical-align: middle; }
.infoWindow_b .infoTabs .title {
font-size: 12px;
font-style: italic; }
.infoWindow_b .infoTabs .name {
font-size: 16px; }
@media screen and (min-width: 1280px) {
.infoWindow_b .infoTabs .name {
font-size: 24px; } }
@media screen and (min-width: 1600px) {
.infoWindow_b .infoTabs .name {
font-size: 30px; } }
.infoWindow_b .infoContent {
background: #ff3f3f;
height: 186px; }
.infoWindow_b .infoContent .tab {
font-size: 14px;
display: none;
width: 100%;
height: 100%;
text-align: center; }
.infoWindow_b .infoContent .tab .tabWrap {
display: inline-block;
vertical-align: middle;
width: 80%; }
.infoWindow_b .infoContent .tab.active {
display: block; }
.infoWindow_b .infoContent .tab table {
width: 100%;
text-align: center; }
.infoWindow_b .infoContent .tab table .tabInner {
text-align: left; }
.infoWindow_b .toggleMapWindow {
position: absolute;
bottom: 30px;
left: 65px;
cursor: pointer; }
.infoWindow_b .toggleMapWindow:hover {
text-decoration: underline; }
.infoWindow_b .toggleMapWindow:before {
position: absolute;
top: -2px;
right: 100%;
width: 17px;
height: 17px;
margin: 0 10px 0 0;
background: url("/local/templates/ms/css/../img/sprite.png") 0 -22px no-repeat;
content: ''; }
.infoWindow_b .showMapWindow {
display: none; }
#map_canvas_b {
min-height: 430px;
overflow: hidden;
margin: 0 auto;
max-width: 1920px;
min-width: 320px;
height: 100%; }
@media only screen and (min-width: 1280px) {
#map_canvas_b {
min-height: 700px; } }
@media only screen and (min-width: 1600px) {
#map_canvas_b {
min-height: 1000px; } }
#map_canvas_b #infoWindow_b {
visibility: visible; }
@media only screen and (max-width: 767px) {
#map_canvas_b {
display: block;
width: 100% !important;
height: 550px !important;
min-height: 550px;
margin: 0 0 0 0; }
#map_canvas_b .infoWindow_b .infoTabs td a {
padding: 10px 0 0 0;
height: 53px; }
#map_canvas_b .infoWindow_b .infoContent .tab .tabWrap td {
display: block;
padding: 7px 0;
text-align: center; }
#map_canvas_b .infoWindow_b .infoContent .tab table .tabInner {
text-align: center; }
#map_canvas_b .infoWindow_b .infoTabs {
position: relative !important;
z-index: 1000; }
#map_canvas_b .infoWindow_b .inner:after {
display: none; }
#map_canvas_b .infoBox {
width: 272px !important;
height: 282px !important;
margin: -136px 0 0 -131px !important; }
#map_canvas_b .infoBox #infoWindow_b_wrap {
top: 0 !important;
left: 0 !important; }
#map_canvas_b .infoBox #infoWindow_b_wrap .showMapWindow {
top: 115%;
left: 50%;
right: auto;
bottom: auto;
margin: 0 0 0 -75px; }
#map_canvas_b .infoBox .infoWindow_b {
position: relative;
left: 0;
top: 0;
right: 0;
width: 272px !important;
height: 282px !important; }
#map_canvas_b .infoBox .infoWindow_b .toggleMapWindow {
border: solid 1px #fff;
line-height: 40px;
padding: 0 15px 0 48px; }
#map_canvas_b .infoBox .infoWindow_b .toggleMapWindow:before {
top: 11px;
right: auto;
left: 13px; }
#map_canvas_b .infoBox .infoWindow_b .inner {
margin: 0;
width: 272px !important;
height: 282px !important;
left: 50% !important;
top: 50% !important;
top: 170px !important;
width: 272px !important;
height: 282px !important;
margin: 0 0 0 -136px !important; }
#map_canvas_b .infoBox .infoContent {
height: 153px; } }
/*--!general--*/
body, html {
width: 100%;
height: 100%;
position: relative;
min-width: 320px;
font-size: 16px;
line-height: 1.2em;
font-family: "Fira Sans", Arial sans-serif;
font-weight: 400;
padding: 0;
margin: 0;
color: #595959;
cursor: default; }
/*
html.hasJS body, html.hasJS {
overflow: hidden ;
}
html.mobile.hasJS body, html.mobile.hasJS {
overflow: auto !important;
}*/
*, *:before, *:after {
outline: none;
box-sizing: border-box;
line-height: 1.2em; }
a {
color: inherit;
text-decoration: none; }
a:hover {
text-decoration: underline; }
input[type=text],
input[type=email],
select,
textarea {
font-family: "Fira Sans", Arial sans-serif;
background: #fff;
color: #595959;
border: 1px solid;
height: 20px;
line-height: 1.2em;
font-size: 16px;
padding: 13px 20px; }
textarea {
height: 100px; }
img {
vertical-align: top; }
p {
margin: 0; }
/** initial setup **/
.nano {
overflow: auto; }
.styledScroll {
/*--scrollBar--*/
/*--!scrollBar--*/ }
.styledScroll .nano {
position: relative;
width: 100%;
height: 100%;
overflow: hidden; }
.styledScroll .nano > .nano-content {
position: absolute;
overflow: scroll;
overflow-x: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.styledScroll .nano > .nano-content:focus {
outline: thin dotted; }
.styledScroll .nano > .nano-content::-webkit-scrollbar {
display: none; }
.styledScroll .has-scrollbar > .nano-content::-webkit-scrollbar {
display: block; }
.styledScroll .nano > .nano-pane {
overflow: hidden;
background: rgba(0, 0, 0, 0.25);
position: absolute;
width: 10px;
right: 0;
top: 0;
bottom: 0;
visibility: hidden\9;
/* Target only IE7 and IE8 with this hack */
opacity: .01;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
z-index: 100; }
.styledScroll .nano > .nano-pane > .nano-slider {
background: #444;
background: rgba(0, 0, 0, 0.5);
position: relative;
margin: 0 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
.styledScroll .nano:hover > .nano-pane, .styledScroll .nano-pane.active, .styledScroll .nano-pane.flashed {
visibility: visible\9;
/* Target only IE7 and IE8 with this hack */
opacity: 0.99; }
.styledScroll .nano.hiddenScroll > .nano-content {
overflow: hidden !important;
margin-right: 0 !important; }
.styledScroll .nano.hiddenScroll > .nano-pane {
right: -10px; }
.styledScroll .nano > .nano-pane {
top: 50px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; }
.styledScroll .nano > .nano-pane > .nano-slider {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; }
@media screen and (min-width: 768px) {
.styledScroll .nano > .nano-pane {
top: 80px; } }
@media screen and (min-width: 1280px) {
.styledScroll .nano > .nano-pane {
top: 120px; } }
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object {
padding: 0;
margin: 0;
border: 0;
outline: 0;
vertical-align: top; }
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020; }
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.fancybox-opened {
z-index: 8030; }
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.functionalModalWrap .fancybox-skin {
background: 0 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.fancybox-inner, .fancybox-outer {
position: relative; }
.fancybox-inner {
overflow: hidden; }
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch; }
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap; }
.fancybox-iframe, .fancybox-image {
display: block;
width: 100%;
height: 100%; }
.fancybox-image {
max-width: 100%;
max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
background-image: url(/local/templates/ms/css/../img/fancybox/fancybox_sprite.png); }
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: .8;
cursor: pointer;
z-index: 8060; }
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(/local/templates/ms/css/../img/fancybox/fancybox_loading.gif) center center no-repeat; }
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040; }
.mobileView .fancybox-close {
right: 0;
top: 0; }
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: url(/local/templates/ms/css/../img/fancybox/blank.gif);
-webkit-tap-highlight-color: transparent;
z-index: 8040; }
.fancybox-prev {
left: 0; }
.fancybox-next {
right: 0; }
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden; }
.mobileView .fancybox-nav span {
visibility: visible; }
.fancybox-prev span {
left: 10px;
background-position: 0 -36px; }
.fancybox-next span {
right: 10px;
background-position: 0 -72px; }
.fancybox-nav:hover span {
visibility: visible; }
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important; }
.fancybox-lock {
overflow: hidden !important;
width: auto; }
.fancybox-lock body {
overflow: hidden !important; }
.fancybox-lock-test {
overflow-y: hidden !important; }
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
display: none;
z-index: 8010;
background: url(/local/templates/ms/css/../img/fancybox/fancybox_overlay.png); }
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0; }
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll; }
.fancybox-title {
visibility: hidden;
font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050; }
.fancybox-opened .fancybox-title {
visibility: visible; }
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center; }
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: 0 0;
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: 700;
line-height: 24px;
white-space: nowrap; }
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff; }
.fancybox-title-inside-wrap {
padding-top: 10px; }
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, 0.8); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
background-image: url(/local/templates/ms/css/../img/fancybox/fancybox_sprite@2x.png);
background-size: 44px 152px; }
#fancybox-loading div {
background-image: url(/local/templates/ms/css/../img/fancybox/fancybox_loading@2x.gif);
background-size: 24px 24px; } }
.selectBox-dropdown {
cursor: pointer;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
position: relative;
text-decoration: none; }
.selectBox-dropdown .selectBox-label {
margin: 0;
display: block;
vertical-align: middle;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis; }
.selectBox-dropdown .selectBox-arrow {
position: absolute;
top: 0;
right: 0; }
/* Dropdown menu */
.selectBox-dropdown-menu {
position: absolute;
z-index: 110;
background: #fff;
overflow: auto;
padding: 0;
border: 1px solid #d6d6d6;
border-radius: 15px;
max-height: 476px;
min-width: 180px; }
@media screen and (min-width: 980px) {
.selectBox-dropdown-menu {
border-radius: 24px;
padding: 10px 0; } }
/* Inline control */
.selectBox-inline {
outline: none;
display: inline-block;
overflow: auto; }
.selectBox-inline:focus {
border-color: #666; }
/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
list-style: none;
display: block;
cursor: default;
margin: 0; }
.selectBox-options LI A {
cursor: pointer;
color: #595959;
font-size: 10px;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
padding: 6px 10px 7px 0;
text-align: center; }
@media screen and (min-width: 768px) {
.selectBox-options LI A {
font-size: 14px; } }
@media screen and (min-width: 980px) {
.selectBox-options LI A {
font-size: 20px; } }
.selectBox-options LI.selectBox-hover A {
background-color: #f1f1f1;
text-decoration: none; }
.selectBox-options LI.selectBox-disabled A {
color: #888;
background-color: transparent; }
.selectBox-options LI.selectBox-selected A {
background-color: #FF3F3F;
color: #fff; }
.selectBox-options .selectBox-optgroup {
color: #666;
background: #EEE;
font-weight: bold;
line-height: 1.5;
padding: 0 .3em;
white-space: nowrap; }
/* Disabled state */
.selectBox.selectBox-disabled {
color: #bbb !important;
cursor: default; }
.selectBox-inline.selectBox-disabled {
color: #888 !important; }
.selectBox-inline.selectBox-disabled .selectBox-options A {
background-color: transparent !important; }
.selectBox-dropdown {
background: #ececec;
color: #000;
border: 1px solid #ccc;
height: 30px;
text-decoration: none !important; }
.selectBox-dropdown .selectBox-label {
padding: 7px 0 8px 7px; }
.selectBox-dropdown .selectBox-arrow {
width: 0px;
height: 0px; }
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
/* display none until init */
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out; }
.owl-carousel .owl-item {
float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer; }
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent; }
/* mouse grab icon */
.grabbing {
cursor: url(/local/templates/ms/css/../img/grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-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 CSS3 Transitions
* v1.3.2
*/
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px; }
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; }
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease; }
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both; }
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {
opacity: 1; } }
@-moz-keyframes empty {
0% {
opacity: 1; } }
@keyframes empty {
0% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes backSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px); }
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%); }
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%); } }
@-moz-keyframes backSlideOut {
25% {
opacity: .5;
-moz-transform: translateZ(-500px); }
75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%); }
100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%); } }
@keyframes backSlideOut {
25% {
opacity: .5;
transform: translateZ(-500px); }
75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%); }
100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%); } }
@-webkit-keyframes backSlideIn {
0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%); }
75% {
opacity: .5;
-webkit-transform: translateZ(-500px); }
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0); } }
@-moz-keyframes backSlideIn {
0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%); }
75% {
opacity: .5;
-moz-transform: translateZ(-500px); }
100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0); } }
@keyframes backSlideIn {
0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%); }
75% {
opacity: .5;
transform: translateZ(-500px); }
100% {
opacity: 1;
transform: translateZ(0) translateX(0); } }
@-webkit-keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(0.8); } }
@-moz-keyframes scaleToFade {
to {
opacity: 0;
-moz-transform: scale(0.8); } }
@keyframes scaleToFade {
to {
opacity: 0;
transform: scale(0.8); } }
@-webkit-keyframes goDown {
from {
-webkit-transform: translateY(-100%); } }
@-moz-keyframes goDown {
from {
-moz-transform: translateY(-100%); } }
@keyframes goDown {
from {
transform: translateY(-100%); } }
@-webkit-keyframes scaleUpFrom {
from {
opacity: 0;
-webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpFrom {
from {
opacity: 0;
-moz-transform: scale(1.5); } }
@keyframes scaleUpFrom {
from {
opacity: 0;
transform: scale(1.5); } }
@-webkit-keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpTo {
to {
opacity: 0;
-moz-transform: scale(1.5); } }
@keyframes scaleUpTo {
to {
opacity: 0;
transform: scale(1.5); } }
/*--index--*/
.mainScreen {
position: relative;
overflow: hidden; }
.mainScreen .description {
width: 100%;
text-align: right;
padding: 50px 0 0; }
.mainScreen .description .descriptionInner {
width: 100%;
position: relative;
overflow: auto; }
.mainScreen .description .descriptionContent {
margin: 10px auto 0;
width: 96%;
text-align: left; }
.mainScreen .description .tags {
position: relative;
font-style: italic;
font-size: 12px;
margin-left: -15px; }
.hasJS .mainScreen .description .tags {
opacity: 0; }
.mobile .mainScreen .description .tags {
opacity: 1 !important; }
.mainScreen .description .tags li {
margin: 0 0 0 15px;
float: left; }
.mainScreen .description .tags a {
color: #ff3f3f; }
.mainScreen .description .tags a:hover {
color: #595959; }
.mainScreen .description .title {
position: relative;
font-size: 50px;
font-weight: 700;
margin: 10px 0 20px;
text-transform: uppercase; }
.hasJS .mainScreen .description .title {
opacity: 0; }
.mobile .mainScreen .description .title {
opacity: 1 !important; }
.mainScreen .description .subTitle {
position: relative;
font-size: 25px;
margin: 10px 0 20px; }
.hasJS .mainScreen .description .subTitle {
opacity: 0; }
.mobile .mainScreen .description .subTitle {
opacity: 1 !important; }
.mainScreen .description .info {
position: relative;
font-size: 14px; }
.hasJS .mainScreen .description .info {
opacity: 0; }
.mobile .mainScreen .description .info {
opacity: 1 !important; }
.mainScreen .description .info .infoTitle {
margin: 10px 0 20px;
font-style: italic; }
.mainScreen .description .info p {
font-weight: 300; }
.mainScreen .description .projectLink {
position: relative;
margin: 10px 0 0;
text-align: center; }
.hasJS .mainScreen .description .projectLink {
opacity: 0; }
.mobile .mainScreen .description .projectLink {
opacity: 1 !important; }
.mainScreen .description .projectLink a {
width: 102px;
height: 102px;
line-height: 80px;
display: inline-block;
text-align: center;
border-radius: 50%;
color: #c1c1c1;
border: 1px solid;
position: relative; }
.mainScreen .description .projectLink a span {
font-size: 12px;
display: inline-block;
vertical-align: middle;
font-style: italic; }
.mainScreen .description .projectLink a:before {
position: absolute;
top: 50%;
left: 50%;
width: 17px;
height: 9px;
background: url("/local/templates/ms/css/../img/sprite.png") 0 -42px no-repeat;
content: '';
margin: 20px 0 0 -8px;
opacity: 0.5; }
.mainScreen .description .projectLink a:hover {
color: #595959; }
.mainScreen .description .projectLink a:hover:before {
opacity: 1; }
.mainScreen .image {
overflow: hidden; }
.mainScreen .image .mainImage {
float: right;
max-width: 100%;
max-height: 100%; }
.hasJS .mainScreen .image .mainImage {
opacity: 0; }
.mobile .mainScreen .image .mainImage {
opacity: 1 !important; }
@media screen and (min-width: 768px) {
.mainScreen .description {
padding-top: 90px; } }
@media screen and (min-width: 980px) {
.mainScreen {
height: 750px; }
.mainScreen .description {
height: 100%;
float: left;
width: 50%; }
.mainScreen .description .descriptionInner {
height: 100%; }
.mainScreen .description .descriptionInner:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle; }
.mainScreen .description .descriptionContent {
display: inline-block;
vertical-align: middle; }
.mainScreen .image {
position: relative;
height: 100%;
float: right;
width: 50%; }
.mainScreen .image .mainImage {
position: absolute;
bottom: 0;
right: 0;
max-height: none;
width: 100%; } }
@media screen and (min-width: 1280px) {
.mainScreen {
height: 750px; }
.mainScreen .description {
width: 40%;
padding-top: 120px; }
.mainScreen .description .title {
font-size: 72px;
margin: 20px 0 25px; }
.mainScreen .description .subTitle {
font-size: 30px;
margin: 20px 0 25px; }
.mainScreen .image {
width: 60%; } }
@media screen and (min-width: 1600px) {
.mainScreen {
height: 900px; }
.mainScreen .description {
text-align: right;
width: 33%; }
.mainScreen .description .descriptionContent {
max-width: 480px; }
.mainScreen .description .info {
margin-top: 50px; }
.mainScreen .description .projectLink {
margin-top: 50px; }
.mainScreen .image {
width: 67%; } }
@media screen and (min-width: 1600px) {
.mainScreen {
height: 950px; } }
.gallIcon_ {
width: 158px;
height: 158px;
margin: -79px 0 0 -79px;
position: absolute;
left: 50%;
top: 50%;
background: url("/local/templates/ms/css/../img/featuresSprite.png") no-repeat; }
.gallIcon_.hand {
background-position: 0 0; }
.gallIcon_.down {
background-position: -161px 0; }
.gallIcon_.downRed {
background-position: -322px 0; }
.gallIcon_.wallet {
background-position: 0 -161px; }
.gallIcon_.mail {
background-position: -322px -161px; }
.gallIcon_.services {
background-position: -161px -161px;
width: 120px;
height: 48px;
margin: -24px 0 0 -72px; }
.gallIcon_.services .text {
position: absolute;
margin: -45px 0 0;
height: 90px;
top: 50%; }
@media screen and (min-width: 1600px) {
.gallIcon_.services .text {
margin-left: 20px;
margin-right: 20px; } }
.gallIcon_.services .text.left {
right: 100%;
text-align: right; }
.gallIcon_.services .text.right {
left: 100%;
text-align: left; }
.gallIcon_.services .text a:hover {
color: #595959; }
.gallIcon_.services .text li {
font-size: 16px;
line-height: 30px;
color: #ff3f3f;
white-space: nowrap; }
.gallIcon_.more {
background-position: -483px 0; }
.gallIcon_.moreHover {
background-position: -483px -161px; }
.gallIcon_.ms, .gallIcon_.mainPoint {
width: 161px;
height: 161px;
margin: -80.5px 0 0 -80.5px;
background: url("/local/templates/ms/css/../img/ourWay.png") -169px 0; }
.gallIcon_.mainPoint {
background: url("/local/templates/ms/css/../img/ourWay.png") 0 0; }
.aboutGallery .gallIcon_ {
background: url("/local/templates/ms/css/../img/aboutSprite.png") no-repeat; }
.aboutGallery .gallIcon_.strategy {
background-position: 0 0; }
.aboutGallery .gallIcon_.analytics {
background-position: -161px 0; }
.aboutGallery .gallIcon_.design {
background-position: -322px 0; }
.aboutGallery .gallIcon_.production {
background-position: -483px 0; }
.aboutGallery .gallIcon_.videoProduction {
background-position: 0 -161px; }
.aboutGallery .gallIcon_.seo {
background-position: -161px -161px; }
.aboutGallery .gallIcon_.smm {
background-position: -322px -161px; }
.aboutGallery .gallIcon_.spam {
background-position: -483px -161px; }
.aboutGallery .gallIcon_.email {
background-position: 0 -322px; }
.aboutGallery .gallIcon_.support {
background-position: -161px -322px; }
.aboutGallery .gallIcon_.download {
background-position: -322px -322px; }
.gallIcon_.hidden {
opacity: 0;
visibility: hidden; }
.gallIcon_.floatLeft {
left: 150%; }
.itemCnt.open .gallIcon_,
.itemCnt:focus .gallIcon_,
.itemCnt:hover .gallIcon_ {
visibility: hidden;
opacity: 0; }
.itemCnt.open .gallIcon_.hidden,
.itemCnt:focus .gallIcon_.hidden,
.itemCnt:hover .gallIcon_.hidden {
visibility: visible;
opacity: 1; }
.itemCnt.open .gallIcon_.floatLeft,
.itemCnt:focus .gallIcon_.floatLeft,
.itemCnt:hover .gallIcon_.floatLeft {
left: 50%; }
.itemCnt.open .gallIcon_.goTop,
.itemCnt:focus .gallIcon_.goTop,
.itemCnt:hover .gallIcon_.goTop {
top: -150%; }
.itemCnt.open .gallIcon_.fixed,
.itemCnt:focus .gallIcon_.fixed,
.itemCnt:hover .gallIcon_.fixed {
opacity: 1;
visibility: visible;
left: 50%;
top: 50%; }
.galleryCollector {
display: none; }
.gallery {
width: 100%;
position: relative;
clear: both; }
.gallery a:hover {
text-decoration: none; }
.gallery .coll {
width: 100%; }
.gallery .itemCnt {
width: 100%;
text-align: center;
overflow: hidden;
position: relative; }
.animateGallery .gallery .itemCnt {
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
opacity: 0; }
.animateGallery .gallery .itemCnt.startAnimating {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1; }
.gallery .itemCnt.hidden {
visibility: hidden !important;
opacity: 0 !important; }
.gallery .itemCnt.featureBox {
background: #f4f4f4; }
.gallery .itemCnt.featureBox .caption .info {
font-size: 12px; }
.gallery .itemCnt.featureBox .title {
margin-top: 0; }
.gallery .itemCnt.open .subForm, .gallery .itemCnt:hover .subForm {
visibility: visible;
opacity: 1; }
.gallery .itemCnt .spaceHolder {
width: 100%; }
.gallery .itemCnt .bgImg {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 100%; }
.gallery .itemCnt .bgImg img {
position: relative;
width: 100%; }
.gallery .itemCnt .bgImg .BWFilter {
z-index: 1; }
.gallery .itemCnt .caption {
position: absolute;
z-index: 2;
bottom: 0;
right: 0;
left: 0;
padding: 0 35px 35px;
text-align: left; }
.gallery .itemCnt .caption.whiteText {
color: #fff; }
.gallery .itemCnt .caption .tags {
font-size: 12px;
color: #ff3f3f;
margin: 0 0 0 -10px;
float: left; }
.gallery .itemCnt .caption .tags li {
float: left;
margin: 0 0 0 10px; }
.gallery .itemCnt .caption .tags a:hover {
color: #595959; }
.gallery .itemCnt .caption .title {
font-size: 25px;
margin: 5px 0 15px;
clear: both; }
.gallery .itemCnt .caption .info {
font-weight: 300;
font-size: 14px; }
.gallery .itemCnt .iconCnt {
height: 158px;
width: 100%;
position: absolute;
top: 0;
left: 0; }
.gallery .itemCnt .subForm {
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
text-align: center;
position: relative; }
.gallery .itemCnt .subForm form {
display: inline-block;
vertical-align: middle; }
.gallery .itemCnt .subForm input[type=email],
.gallery .itemCnt .subForm input[type=text] {
height: 20px;
line-height: 20px;
color: #ed1f24;
border: 0;
padding: 0;
background: transparent;
border-bottom: 1px solid;
text-align: center;
width: 100%; }
.gallery .itemCnt .subForm input[type=email]::-webkit-input-placeholder,
.gallery .itemCnt .subForm input[type=text]::-webkit-input-placeholder {
color: #ed1f24; }
.gallery .itemCnt .subForm input[type=email]:-moz-placeholder,
.gallery .itemCnt .subForm input[type=text]:-moz-placeholder {
color: #ed1f24;
opacity: 1; }
.gallery .itemCnt .subForm input[type=email]::-moz-placeholder,
.gallery .itemCnt .subForm input[type=text]::-moz-placeholder {
color: #ed1f24;
opacity: 1; }
.gallery .itemCnt .subForm input[type=email]:-ms-input-placeholder,
.gallery .itemCnt .subForm input[type=text]:-ms-input-placeholder {
color: #ed1f24; }
.gallery .itemCnt .subForm input[type=email].placeholder,
.gallery .itemCnt .subForm input[type=text].placeholder {
color: #ed1f24; }
.gallery .itemCnt .subForm input[type=email]:focus,
.gallery .itemCnt .subForm input[type=text]:focus {
color: #ff0d13; }
.gallery .itemCnt .subForm button[type=submit] {
border-radius: 50%;
color: #ed1f24;
margin: 37px 0 0;
background: transparent;
width: 48px;
height: 48px;
border: 1px solid #ed1f24; }
.gallery .itemCnt .subForm button[type=submit]:hover {
color: #595959;
border-color: #595959; }
.gallery .itemCnt:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.gallery.smallPadding .itemCnt .caption {
padding: 0 10px 10px; }
.gallery.smallPadding .itemCnt .caption .info {
font-size: 11px; }
.gallery.smallPadding .itemCnt .title {
margin: 0;
font-size: 23px; }
@media screen and (min-width: 600px) {
.gallery .coll {
width: 50%;
float: left; }
.gallery .coll.x2 {
width: 100%; }
.gallery .itemCnt .caption {
max-width: 480px; } }
@media screen and (min-width: 1280px) {
.gallery .coll {
width: 25%; }
.gallery .coll.x2 {
width: 50%; } }
@media screen and (min-width: 1600px) {
.gallery .itemCnt.featureBox .caption .info {
font-size: 14px; } }
.galleryFilter {
display: inline-block;
vertical-align: middle; }
.galleryFilter select,
.galleryFilter .selectBox {
vertical-align: middle;
margin: 0 !important;
float: none !important; }
.galleryFilter label {
vertical-align: middle;
font-size: 30px;
margin: 0 20px 0 40px;
display: none; }
@media screen and (min-width: 768px) {
.galleryFilter label {
display: inline-block; } }
.eventsBox {
padding: 20px 3%;
width: 100%;
margin: 0 auto; }
.eventsBox .evItem {
border-bottom: 1px solid #d6d6d6;
position: relative; }
.eventsBox iframe {
width: 100% !important; }
.eventsBox .evContent {
font-size: 14px;
font-weight: 300;
padding: 20px 0; }
.eventsBox .evContent h2 {
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
margin: 20px 0; }
.eventsBox .evContent h2:hover {
color: #ff3f3f;
text-decoration: none; }
.eventsBox .evContent h5 {
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
margin: 20px 0; }
.eventsBox .evContent p {
margin: 0 0 1.2em; }
.eventsBox .hiddenPart {
position: relative; }
.eventsBox .hiddenPart .inner {
display: none; }
.eventsBox .hiddenPart i {
display: block;
width: 48px;
height: 48px;
border: 1px solid #d7d7d7;
border-radius: 50%;
cursor: pointer;
margin: 0 auto 30px;
text-align: center;
line-height: 52px;
position: relative; }
.eventsBox .hiddenPart i:hover {
border-color: #595959; }
.eventsBox .hiddenPart i:before {
content: '';
width: 17px;
height: 9px;
display: inline-block;
background: url("/local/templates/ms/css/../img/sprite.png") 0 -42px no-repeat; }
.eventsBox .date {
background: #fff;
vertical-align: middle;
display: inline-block;
border-radius: 24px;
line-height: 46px;
font-size: 20px;
height: 48px;
border: 1px solid #d6d6d6;
padding: 0 12px; }
.eventsBox .date .mon {
font-style: italic;
color: #ff3f3f;
font-size: 12px; }
.eventsBox .typeIco {
background: #fff;
vertical-align: middle;
display: inline-block;
height: 48px;
width: 48px;
border-radius: 50%;
border: 1px solid #d6d6d6;
position: relative; }
.eventsBox .typeIco i {
position: absolute;
left: 50%;
top: 50%;
background: url("/local/templates/ms/css/../img/sprite.png") -22px 0 no-repeat;
width: 21px;
height: 14px;
margin: -7px 0 0 -10.5px; }
.eventsBox .typeIco.video i {
background-position: -22px -17px; }
.eventsBox .evTags {
font-style: italic;
color: #ff3f3f;
font-size: 12px;
margin: 20px 0 5px -17px; }
.eventsBox .evTags li {
float: left;
margin: 0 0 10px 17px; }
.eventsBox .evTags a:hover {
color: #595959; }
.eventsBox .previewCnt {
position: relative; }
.eventsBox .previewCnt img {
max-width: 100%; }
.eventsBox .previewCnt iframe {
width: 100%; }
.eventsBox .evSocialBox {
position: relative;
font-size: 14px;
font-weight: 300;
margin: 20px 0; }
.eventsBox .evSocialBox #share42 a[data-count="fb"] {
background-position: -20px 0 !important; }
.eventsBox .evSocialBox #share42 a[data-count="gplus"] {
background-position: -39px 0; }
.eventsBox .evSocialBox #share42 a[data-count="twi"] {
width: 18px; }
.eventsBox .evSocialBox .share42init {
display: inline-block;
vertical-align: middle; }
.eventsBox .evSocialBox a {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 15px;
height: 16px;
width: 16px;
background: url("/local/templates/ms/css/../img/socSprite_s.png") no-repeat;
opacity: 0.6; }
.eventsBox .evSocialBox a:hover {
opacity: 1; }
.eventsBox .evSocialBox .tw {
width: 18px; }
.eventsBox .evSocialBox .fb {
background-position: -20px 0; }
.eventsBox .evSocialBox .gp {
background-position: -39px 0; }
.eventsBox .articleTop:before, .eventsBox .articleTop:after {
content: ' ';
display: table;
clear: both;
height: 0;
font-size: 0;
line-height: 0; }
.eventsBox .newsImages {
margin: 0 0 20px -10px; }
.eventsBox .newsImages iframe,
.eventsBox .newsImages img {
width: 100% !important; }
.eventsBox .newsImages .singleImage {
padding: 0 0 10px 10px;
float: left; }
.eventsBox .newsImages .singleImage img {
width: 100%; }
.eventsBox .newsImages.fourPics .singleImage {
width: 50%; }
@media screen and (min-width: 768px) {
.eventsBox .newsImages.twoPics .singleImage {
width: 50%; }
.eventsBox .newsImages.fourPics .singleImage {
width: 25%; } }
@media screen and (min-width: 980px) {
.eventsBox .evContent h2 {
font-size: 40px; }
.eventsBox .evLeft {
width: 30%;
margin: 0 1%;
float: left;
padding-bottom: 50px; }
.eventsBox .evLeft *:first-child {
margin-top: 0; }
.eventsBox .singleItem .evLeft {
position: relative;
padding-bottom: 0; }
.eventsBox .evRight {
width: 65%;
margin: 0 1%;
float: right; }
.eventsBox .evRight .evSocialBox {
position: static;
width: auto;
text-align: left; }
.eventsBox .evSocialBox {
position: absolute;
text-align: right;
width: 30%;
bottom: 20px;
right: 69%;
margin: 0 0 1.2em; }
.eventsBox .newsImages {
margin-bottom: 0; }
.eventsBox .newsImages.fourPics .singleImage, .eventsBox .newsImages.twoPics .singleImage {
width: 50%; } }
@media screen and (min-width: 1280px) {
.eventsBox {
padding: 0 120px 120px; }
.eventsBox .evItem {
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6; }
.eventsBox .evItem:after {
position: absolute;
top: 0;
left: 0;
margin: -4px 0 0 -4px;
border-radius: 50%;
border: 1px solid #d6d6d6;
width: 7px;
height: 7px;
content: '';
background: #fff;
z-index: 10; }
.eventsBox .evItem:first-child:after {
display: none; }
.eventsBox .evContent {
padding: 50px 0; }
.eventsBox .evContent h2 {
font-size: 50px; }
.eventsBox .evLeft {
width: 33%;
margin: 0 0 0 6.5%;
padding-bottom: 50px; }
.eventsBox .evRight {
width: 55%;
margin: 0 2.5% 0 0;
float: right; }
.eventsBox .date {
width: 102px;
height: 102px;
border-radius: 50%;
margin: 0 0 0 -51px;
position: absolute;
left: 0;
top: 100px;
text-align: center; }
.eventsBox .date .day {
width: 100%;
position: absolute;
top: 40px;
left: 0;
font-size: 30px; }
.eventsBox .typeIco {
position: absolute;
left: 0;
top: 220px;
margin-left: -24px; }
.eventsBox .evTags {
margin-left: 6.5%; }
.eventsBox .evTags li {
margin-left: 0;
margin-right: 17px; }
.eventsBox .evSocialBox {
bottom: 50px;
right: 60.5%; } }
@media screen and (min-width: 1600px) {
.eventsBox .evContent {
padding: 65px 0; }
.eventsBox .evContent h2 {
font-size: 72px;
margin: 0 0 60px; }
.eventsBox .evContent h3 {
margin: 0 0 55px; }
.eventsBox .evLeft {
width: 37%; }
.eventsBox .evRight {
width: 47%; }
.eventsBox .date {
top: 120px; }
.eventsBox .typeIco {
top: 240px; }
.eventsBox .evSocialBox {
bottom: 65px;
right: 56.5%; }
.eventsBox .singleItem .evLeft {
width: 34%; }
.eventsBox .singleItem .evRight {
width: 50%; }
.eventsBox .newsImages.fourPics .singleImage {
width: 25%; } }
.evFilter {
width: 100%;
height: 100%;
top: 0;
position: absolute; }
.evFilter .selectCont {
position: absolute;
top: 50%; }
@media screen and (min-width: 1280px) {
.evFilter {
margin-top: 1px;
border-bottom: 1px solid #d6d6d6; }
.evFilter .selectCont {
top: 100%; } }
.aboutList {
margin: 100px 0 100px 0;
overflow: hidden; }
.aboutListI {
color: #535353;
margin: 30px 0 0 0;
padding: 0 30px; }
.aboutListImgWrap {
height: 235px;
text-align: center; }
.aboutListImg {
width: 162px;
height: 164px;
background: url("/local/templates/ms/css/../img/aboutLinksSprite.png") no-repeat;
display: inline-block;
position: relative;
left: -15px;
vertical-align: top; }
.aboutListImg.s2 {
background-position: -200px 0; }
.aboutListImg.s3 {
background-position: -400px 0; }
.aboutListImg.s4 {
background-position: 0 -200px; }
.aboutListImg.s5 {
background-position: -200px -200px; }
.aboutListImg.s6 {
background-position: -400px -200px; }
.aboutListImg.s7 {
background-position: 0 -400px; }
.aboutList.c3 .aboutListTitle {
text-transform: uppercase; }
.aboutListI.colorRed .aboutListTitle {
color: #ff3f3f; }
.aboutListTitle {
font-size: 30px; }
.aboutListText {
font-size: 18px;
font-weight: 300;
margin: 30px 0 0 0; }
.aboutListText ul {
display: block;
padding: 0;
list-style: none; }
.aboutListText ul li {
position: relative; }
.aboutListText ul li:before {
position: absolute;
top: 0;
left: -20px;
content: "-"; }
.wayCanvas {
background: #535353; }
.wayCanvas #wayCanvas {
display: none; }
.wayCanvas .wayFull {
display: none; }
.wayCanvas .point {
display: block;
margin: 15px 5px;
padding: 0 0 0 50px;
position: relative;
color: #fff; }
.wayCanvas .point span {
display: block; }
.wayCanvas .point:before {
position: absolute;
content: "";
display: block;
width: 24px;
background: url("/local/templates/ms/css/../img/waySprite.png") -50px 0;
height: 24px;
margin: -11px 0 0 -11px;
top: 50%;
left: 20px; }
.wayCanvas .point.pointBig:before {
width: 34px;
height: 34px;
margin: -16px 0 0 -16px;
background: url("/local/templates/ms/css/../img/waySprite.png") -35px -25px; }
.wayCanvas .point.pointBig.pointEnd:before {
background: url("/local/templates/ms/css/../img/waySprite.png") -70px -25px; }
@media all and (min-width: 768px) {
.wayCanvas .point {
position: absolute;
width: 24px;
height: 24px;
margin: -11px 0 0 -11px;
opacity: 0;
padding: 0;
display: none; }
.wayCanvas .point:before {
display: none; }
.wayCanvas .point.show {
opacity: 1;
transition: all 1s ease-out; }
.wayCanvas .point.pointRight {
background: url("/local/templates/ms/css/../img/waySprite.png") -25px 0; }
.wayCanvas .point.pointDown {
background: url("/local/templates/ms/css/../img/waySprite.png") -50px 0; }
.wayCanvas .point.pointLeft {
background: url("/local/templates/ms/css/../img/waySprite.png") 0 0; }
.wayCanvas .point.pointBig {
width: 34px;
height: 34px;
margin: -16px 0 0 -16px; }
.wayCanvas .point.pointBig.pointRight {
background: url("/local/templates/ms/css/../img/waySprite.png") 0 -25px; }
.wayCanvas .point.pointBig.pointDown {
background: url("/local/templates/ms/css/../img/waySprite.png") -35px -25px; }
.wayCanvas .point.pointBig.pointEnd {
background: url("/local/templates/ms/css/../img/waySprite.png") -70px -25px; }
.wayCanvas .point.i1 {
left: 265px;
top: 61px; }
.wayCanvas .point.i2 {
left: 505px;
top: 61px; }
.wayCanvas .point.i3 {
left: 800px;
top: 61px; }
.wayCanvas .point.i4 {
left: 892px;
top: 117px; }
.wayCanvas .point.i4 span {
left: 40px;
top: -5px;
text-align: left;
margin: 0;
width: 100px; }
.wayCanvas .point.i5 {
left: 715px;
top: 173px; }
.wayCanvas .point.i6 {
left: 436px;
top: 173px; }
.wayCanvas .point.i7 {
left: 250px;
top: 173px; }
.wayCanvas .point.i8 {
left: 154px;
top: 229px; }
.wayCanvas .point.i8 span {
left: -110px;
top: -15px;
text-align: left;
margin: 0;
width: 100px; }
.wayCanvas .point.i9 {
left: 377px;
top: 285px; }
.wayCanvas .point.i10 {
left: 720px;
top: 285px; }
.wayCanvas .point span {
position: absolute;
font-size: 18px;
font-weight: 300;
color: #fff;
width: 500px;
text-align: center;
top: -30px;
left: 50%;
margin: 0 0 0 -250px; } }
@media screen and (min-width: 600px) {
.aboutGallery .aboutGalleryRow .coll.xs_x1.x2 {
width: 50%;
float: left; }
.aboutGallery .aboutGalleryRow .coll.x2.xs_x1 .spaceHolder {
width: 200%; }
.aboutListI {
display: inline-block;
width: 49%;
vertical-align: top; } }
@media screen and (min-width: 980px) {
.aboutGallery .aboutGalleryRow .coll {
width: 50%;
float: left; }
.aboutGallery .aboutGalleryRow .coll .spaceHolder {
width: 50%; }
.aboutGallery .aboutGalleryRow .coll.x2.xs_x1 .spaceHolder {
width: 100%; }
.aboutList.c3 .aboutListI {
width: 33%; } }
@media screen and (min-width: 1280px) {
.aboutGallery .aboutGalleryRow {
position: relative;
overflow: hidden; }
.aboutGallery .aboutGalleryRow .coll.presentationCol {
position: absolute;
top: 0;
right: 0; }
.aboutGallery .aboutGalleryRow .coll.x2.xs_x1,
.aboutGallery .aboutGalleryRow .coll {
width: 25%; }
.aboutGallery .aboutGalleryRow .coll.x2 {
width: 50%; }
.aboutGallery .aboutGalleryRow .coll .spaceHolder {
width: 100%; }
.aboutGallery .aboutGalleryRow .coll.x2.xs_x1 .spaceHolder {
width: 200%; }
.aboutList.c4 .aboutListI {
width: 24.5%; } }
@media screen and (min-width: 1600px) {
.aboutGallery .aboutGalleryRow .coll {
width: 20%; }
.aboutGallery .aboutGalleryRow .coll.x2.xs_x1,
.aboutGallery .aboutGalleryRow .coll.x2 {
width: 40%; }
.aboutGallery .aboutGalleryRow .coll .spaceHolder {
width: 100%; }
.aboutGallery .aboutGalleryRow .coll.x2.xs_x1 .spaceHolder {
width: 100%; }
.aboutList.c3 .aboutListI.i1 .aboutListImg {
float: left;
left: 41%; }
.aboutList.c3 .aboutListI.i2 {
padding: 0 45px 0 135px; }
.aboutList.c3 .aboutListI.i2 .aboutListImg {
float: left;
left: 14%; }
.aboutList.c3 .aboutListI.i3 {
padding: 0 45px 0 70px; }
.aboutList.c3 .aboutListI.i3 .aboutListImg {
float: left;
left: 19%; }
.aboutList.c4 {
padding: 0 40px; }
.aboutList.c4 .aboutListI {
width: 24.7%;
padding: 0 35px; }
.aboutList.c3 {
padding: 0 40px; }
.aboutList.c3 .aboutListI {
padding: 0 45px; }
.aboutList.c3 .aboutListI + .aboutListI .aboutListTitle,
.aboutList.c3 .aboutListI + .aboutListI .aboutListText {
max-width: 400px;
margin-left: auto;
margin-right: auto; } }
.ourWay {
overflow: hidden;
position: relative; }
.ourWay .coll {
position: relative;
background: #e1e1e1;
z-index: 4; }
.ourWay .coll:after {
width: 0;
height: 0;
border-style: solid;
border-width: 30px 30px 0 30px;
border-color: #e1e1e1 transparent transparent transparent;
position: absolute;
content: "";
bottom: -30px;
left: 50%;
z-index: 10;
margin: 0 0 0 -30px; }
.ourWay .coll.dark {
background: #535353; }
.ourWay .coll.red {
background: #ff3f3f;
color: #fff; }
.ourWay .coll.red:after {
border-color: #535353 transparent transparent transparent;
bottom: auto;
top: 0; }
.ourWay .coll .spaceHolder {
width: 100%; }
.ourWay .coll.x3 {
padding: 30px 0;
overflow: hidden;
z-index: 2; }
.ourWay .coll.x3:after {
display: none !important; }
.ourWay .coll.x3 .spaceHolder {
display: none; }
@media all and (min-width: 901px) {
.ourWay .coll {
width: 50%;
float: left; }
.ourWay .coll:after {
bottom: -15px; }
.ourWay .coll.red {
position: absolute;
top: 0;
right: 0; }
.ourWay .coll.red:after {
border-width: 0 30px 30px 30px;
border-color: transparent transparent #535353 transparent;
top: auto;
bottom: -15px; }
.ourWay .coll .spaceHolder {
width: 100%; }
.ourWay .coll.x3 {
float: none;
width: 100%; } }
@media all and (min-width: 768px) {
.ourWay .coll .spaceHolder {
width: 80%; }
.ourWay .wayCanvas .point, .ourWay #wayCanvas {
display: none !important; }
.ourWay .wayFull {
display: block;
width: 100%; }
.ourWay .wayFullImg {
max-width: 100%; } }
@media all and (min-width: 980px) {
.ourWay .wayCanvas .point, .ourWay #wayCanvas {
display: none !important; }
.ourWay .wayFull {
display: block;
width: 100%; } }
@media all and (min-width: 1250px) {
.ourWay .wayFull {
position: absolute;
left: 0;
width: 100%;
top: 0;
bottom: 0;
background: url("/local/templates/ms/css/../img/wayFull.png") center center no-repeat;
background-size: 100% auto; }
.ourWay .wayFullImg {
display: none; }
.ourWay .coll {
width: 25%; }
.ourWay .coll:after {
border-width: 30px 0 30px 30px;
border-color: transparent transparent transparent #e1e1e1;
bottom: auto;
top: 50%;
left: 100%;
margin: -30px 0 0 0; }
.ourWay .coll.red:after {
border-width: 30px 0 30px 30px;
border-color: transparent transparent transparent #535353;
bottom: auto;
top: 50%;
left: 0;
margin: -30px 0 0 0; }
.ourWay .coll .spaceHolder {
width: 100%; }
.ourWay .coll.x3 {
width: 50%;
padding: 0; }
.ourWay .coll.x3 .spaceHolder {
display: block;
width: 50%; } }
@media all and (min-width: 1650px) {
.ourWay .wayFull {
display: none; }
.ourWay .wayCanvas.noCanvas .wayFull {
display: block; }
.ourWay .wayCanvas.canvas {
position: absolute;
width: 1010px;
height: 300px;
top: 50%;
left: 50%;
margin: -150px 0 0 -505px; }
.ourWay .wayCanvas.canvas #wayCanvas {
display: block !important; }
.ourWay .wayCanvas.canvas .point {
display: block !important; }
.ourWay .coll {
width: 20%; }
.ourWay .coll .spaceHolder {
width: 100%; }
.ourWay .coll.x3 {
width: 60%;
padding: 0; }
.ourWay .coll.x3 .spaceHolder {
width: 33.3333%; } }
.ourWay .iconCnt {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 75%; }
.ourWay .title {
width: 86%;
left: 7%;
bottom: 6.5%;
position: absolute;
font-size: 30px; }
.ourWay .title .subtitle {
font-weight: 300;
font-size: 12px;
margin-top: 10px; }
.aboutGallery .aboutGalleryRow {
position: relative;
width: 100%; }
.aboutGallery .coll {
width: 100%; }
.aboutGallery .coll .spaceHolder {
width: 100%; }
.aboutGallery .coll.x2 .spaceHolder {
width: 200%; }
@media screen and (min-width: 600px) {
.aboutGallery .coll {
width: 50%;
float: left; }
.aboutGallery .coll.x2 {
width: 100%; }
.aboutGallery .coll.x2 .spaceHolder {
width: 100%; } }
@media screen and (min-width: 980px) {
.aboutGallery .coll {
width: 33.33333%;
float: left; }
.aboutGallery .coll.x2 {
width: 100%; }
.aboutGallery .coll.x2 .spaceHolder {
width: 66.6666%; } }
@media screen and (min-width: 1280px) {
.aboutGallery .coll {
width: 25%;
float: left; }
.aboutGallery .coll.x2 {
width: 50%; }
.aboutGallery .coll.x2 .spaceHolder {
width: 100%; } }
@media screen and (min-width: 1600px) {
.aboutGallery .coll {
width: 20%;
float: left; }
.aboutGallery .coll.x2 {
width: 40%; } }
@media screen and (min-width: 1280px) and (max-width: 1599px) {
.aboutGallery + .aboutGallery .coll, .aboutGallery.v_2 .coll {
width: 33.33333%;
float: left; }
.aboutGallery + .aboutGallery .coll .spaceHolder, .aboutGallery.v_2 .coll .spaceHolder {
width: 75%; }
.aboutGallery + .aboutGallery .coll.x2, .aboutGallery.v_2 .coll.x2 {
width: 100%; }
.aboutGallery + .aboutGallery .coll.x2 .spaceHolder, .aboutGallery.v_2 .coll.x2 .spaceHolder {
width: 50%; } }
.aboutGallery .coll:nth-child(odd) .itemCnt {
background: #e9e9e9; }
@media all and (min-width: 1280px) and (max-width: 1599px) {
.aboutGallery .coll:nth-child(8n + 8) .itemCnt, .aboutGallery .coll:nth-child(8n + 10) .itemCnt {
background: #e9e9e9; }
.aboutGallery .coll:nth-child(8n + 7) .itemCnt, .aboutGallery .coll:nth-child(8n + 9) .itemCnt {
background: #f4f4f4; } }
@media all and (min-width: 768px) and (max-width: 979px) {
.aboutGallery .coll:nth-child(4n + 6) .itemCnt {
background: #e9e9e9; }
.aboutGallery .coll:nth-child(4n + 5) .itemCnt {
background: #f4f4f4; } }
.aboutGallery .coll .itemCnt {
background: #f4f4f4; }
.aboutGallery .coll .itemCnt.hoverBg:hover, .aboutGallery .coll .itemCnt.red {
background: #ff3f3f;
color: #fff; }
.aboutGallery .coll .itemCnt.grey {
background: #e1e1e1; }
.aboutGallery .coll .itemCnt.darkGrey {
background: #a3a2a2;
color: #fff; }
.aboutGallery .coll .itemCnt.dark {
background: #535353;
color: #fff; }
.aboutGallery .coll .itemCnt.darkest {
background: #1e1e1e;
color: #fff; }
.aboutGallery .itemCnt {
display: block;
width: 100%;
overflow: hidden;
position: relative; }
.aboutGallery .itemCnt .iconCnt {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 87%; }
.aboutGallery .itemCnt .previewCnt {
position: absolute;
width: 100%;
height: 100%; }
.aboutGallery .itemCnt .previewCnt img {
height: 100%; }
.aboutGallery .itemCnt .title {
position: absolute;
width: 80%;
bottom: 6.5%;
left: 10%;
font-size: 26px; }
.aboutGallery .itemCnt .title.wider {
width: 86%;
left: 7%; }
.aboutGallery .itemCnt .title .subtitle {
font-weight: 300;
font-size: 12px;
margin-top: 10px; }
.aboutGallery .itemCnt .textBox {
position: absolute;
width: 100%;
height: 100%;
text-align: center; }
.aboutGallery .itemCnt .textBox .textContainer {
display: inline-block;
vertical-align: middle;
max-width: 84%;
text-align: left; }
.aboutGallery .itemCnt .textBox .mainTitle {
font-size: 50px;
text-transform: uppercase;
font-weight: bold;
margin: 0 0 20px; }
.aboutGallery .itemCnt .textBox .title {
width: auto;
margin: 0;
position: static; }
.aboutGallery .itemCnt .textBox .textInner {
font-weight: 300;
font-size: 14px;
line-height: 1.2em; }
.aboutGallery .itemCnt .textBox .textInner p {
margin: 1.2em 0; }
.aboutGallery .itemCnt .textBox .textInner p.hasMin {
min-height: 6em; }
@media screen and (min-width: 768px) {
.aboutGallery .itemCnt .title {
font-size: 30px; }
.aboutGallery .itemCnt .textBox .mainTitle {
font-size: 54px; }
.aboutGallery .itemCnt .textBox .textInner {
font-size: 18px; } }
@media screen and (min-width: 980px) {
.aboutGallery .itemCnt .title {
font-size: 24px; }
.aboutGallery .itemCnt .previewCnt img {
width: 100%;
height: auto; } }
@media screen and (min-width: 1900px) {
.aboutGallery .itemCnt .title {
font-size: 30px; }
.aboutGallery .itemCnt .title .subtitle {
font-size: 14px; }
.aboutGallery .itemCnt .textBox .mainTitle {
font-size: 72px; } }
.logosGallery {
position: relative;
overflow: hidden;
background: #f4f4f4; }
.logosGallery .row {
position: relative; }
.logosGallery .coll {
position: relative;
width: 100%; }
.logosGallery .coll.whiteBg {
background: #fff; }
.logosGallery .showBtn {
float: left;
position: relative;
width: 100%;
height: 150px;
margin: 0 auto;
background: transparent;
color: #595959; }
.logosGallery .showBtn div {
position: absolute;
left: 50%;
top: 50%;
margin: -51px 0 0 -51px;
width: 102px;
height: 102px;
border: 1px solid;
text-align: center;
border-radius: 50%;
font-style: italic;
font-size: 12px;
padding: 37px 0 0; }
.logosGallery .showBtn:hover {
color: #fff;
background: #a3a2a2;
text-decoration: none; }
.logosGallery .galleryInner {
text-align: center; }
.logosGallery .galleryInner img {
max-width: 100%; }
.logosGallery .galleryInner ul {
font-size: 0;
line-height: 0;
padding: 15px 0; }
.logosGallery .galleryInner ul li {
display: inline-block;
vertical-align: middle;
max-width: 100%;
padding: 15px;
position: relative; }
.logosGallery .galleryInner ul li .num {
position: absolute;
bottom: 100%;
left: 0; }
@media screen and (min-width: 980px) {
.logosGallery .coll {
float: left;
width: 50%; } }
@media screen and (min-width: 1280px) {
.logosGallery .galleryInner .proud_list li {
padding: 15px 25px; } }
@media screen and (min-width: 1600px) {
.logosGallery .showBtn {
width: 150px;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.logosGallery .galleryInner {
padding-left: 150px; }
.logosGallery .galleryInner .proud_list {
padding: 16px 0; }
.logosGallery .galleryInner .proud_list li {
padding: 11px 25px; }
.logosGallery .galleryInner .partners_list {
padding: 64px 0; } }
@media screen and (min-width: 1900px) {
.logosGallery .showBtn {
width: 236px;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.logosGallery .galleryInner {
padding-left: 236px; }
.logosGallery .galleryInner ul li {
padding: 15px 25px; }
.logosGallery .galleryInner .proud_list li {
padding: 11px 38px; } }
.reviewsGallery {
color: #fff;
font-size: 14px; }
.reviewsGallery .grabbing .reviewItem {
cursor: url(/local/templates/ms/css/../img/c_grabbing.png) 9 9, move; }
.reviewsGallery .reviewItem {
cursor: url(/local/templates/ms/css/../img/c_grabaable.png) 9 9, move;
padding: 25px;
background: #ff3f3f; }
.reviewsGallery .reviewItem.black {
background: #1e1e1e; }
.reviewsGallery .userInfo .userInfoCnt {
display: inline-block;
text-align: left; }
.reviewsGallery .userInfo .photoWrap {
margin: 30px 0; }
.reviewsGallery .userInfo .photoCnt {
background: #fff;
border-radius: 50%;
overflow: hidden;
display: inline-block; }
.reviewsGallery .userInfo .photoCnt img {
max-width: 100%;
border: 5px solid #fff;
border-radius: 50%; }
.reviewsGallery .userInfo .name {
font-size: 18px;
text-transform: uppercase;
margin: 15px 0; }
.reviewsGallery .userInfo .post {
font-size: 12px;
font-style: italic;
margin: 15px 0; }
.reviewsGallery .textContainer {
margin: 0 0 25px;
font-weight: 300; }
.reviewsGallery .textContainer blockquote {
position: relative;
margin: 0; }
.reviewsGallery .textContainer blockquote:before {
content: "\201C";
font-size: 72px;
font-weight: 300;
top: -25px;
right: 100%;
position: absolute; }
.reviewsGallery .textContainer blockquote p {
margin: 1.2em 0; }
.reviewsGallery .audioReview .title {
font-style: italic;
font-size: 12px;
margin: 15px 0; }
@media screen and (min-width: 768px) {
.reviewsGallery .userInfo {
text-align: left;
float: left;
width: 150px;
margin: 0 10px 0 20px; }
.reviewsGallery .textContainer {
display: table;
padding-top: 10px; }
.reviewsGallery .audioReview .title {
float: left;
margin: 15px 20px 15px 25px;
width: 125px; }
.reviewsGallery .audioReview .playerCnt {
overflow: hidden; } }
@media screen and (min-width: 1600px) {
.reviewsGallery .userInfo {
margin: 0 30px 0 40px; }
.reviewsGallery .userInfo .photoWrap {
margin-top: 50px; }
.reviewsGallery .textContainer {
padding-top: 35px; }
.reviewsGallery .textContainer blockquote {
margin-right: 20px; }
.reviewsGallery .textContainer blockquote:before {
margin: -5px 15px; }
.reviewsGallery .audioReview .title {
float: left;
margin: 15px 40px 15px 45px;
width: 125px; }
.reviewsGallery .audioReview .playerCnt {
overflow: hidden; } }
.player {
overflow: hidden;
background: #fff;
position: relative;
padding: 30px 75px;
font-size: 0;
line-height: 0; }
.player .playBox {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 75px; }
.player .playBox div {
color: #3d3d3d;
position: absolute;
left: 50%;
top: 50%;
width: 34px;
height: 34px;
margin: -17px 0 0 -17px;
cursor: pointer;
border-radius: 50%;
border: 2px solid; }
.player .playBox .playBtn:before {
content: '';
border-style: solid;
border-color: transparent transparent transparent #3d3d3d;
border-width: 8px 0 8px 16px;
margin: -8px 0 0 -6px;
left: 50%;
top: 50%;
position: absolute; }
.player .playBox .playBtn:hover {
color: #000; }
.player .playBox .playBtn:hover:before {
border-color: transparent transparent transparent #000; }
.player .playBox .pauseBtn {
display: none; }
.player .playBox .pauseBtn:after, .player .playBox .pauseBtn:before {
content: '';
background: #3d3d3d;
left: 50%;
top: 50%;
position: absolute;
height: 16px;
width: 3px;
margin: -8px 0 0; }
.player .playBox .pauseBtn:after {
margin-left: 2px; }
.player .playBox .pauseBtn:before {
margin-left: -4px; }
.player .progressBox {
position: relative; }
.player .progressBox .progressBar {
height: 4px;
overflow: hidden;
background: #e4e4e4;
position: relative;
cursor: pointer; }
.player .progressBox .progressBar .val {
position: absolute;
height: 100%;
left: 0;
top: 0;
background: #ff3f3f; }
.player .progressBox .progressVal {
right: 0;
bottom: 100%;
margin-bottom: 10px;
position: absolute;
color: #5d5d5d;
font-size: 12px;
line-height: 14px;
font-weight: 300; }
.player .volumeBox {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 75px;
text-align: center; }
.player .volumeBox .volInner {
overflow: hidden;
display: inline-block;
vertical-align: middle; }
.player .volumeBox .ico {
background: #0d0d0d;
width: 3px;
height: 5px;
float: left;
margin: 4px 4px 4px 0;
position: relative;
cursor: pointer; }
.player .volumeBox .ico:before {
content: '';
position: absolute;
left: 100%;
height: 100%;
border-style: solid;
box-sizing: content-box;
top: -4px;
border-width: 4px 4px 4px 0;
border-color: transparent #0d0d0d transparent transparent; }
.player .volumeBox .ico:hover {
background: #000; }
.player .volumeBox .ico:hover:before {
border-color: transparent #000 transparent transparent; }
.player .volumeBox .volumeBar {
width: 28px;
height: 12px;
float: left;
margin: 1px 0 0 8px;
background: #7d7c7d;
position: relative;
cursor: pointer; }
.player .volumeBox .volumeBar .val {
background: #f02326;
height: 100%;
left: 0;
top: 0;
position: absolute; }
.player .volumeBox .volumeBar .dec {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0; }
.player .volumeBox .volumeBar .dec i {
width: 2px;
float: left;
background: #fff;
height: 100%;
margin-left: 3px; }
.player .volumeBox.muted .ico {
background: #999; }
.player .volumeBox.muted .ico:before {
border-color: transparent #999 transparent transparent; }
.player .volumeBox.muted .volumeBar {
background: #999; }
.player .volumeBox.muted .volumeBar .val {
background: #6a696a; }
.gallerySliderBox .gallerySlider {
text-align: center; }
.gallerySliderBox .gallerySlider img {
max-width: 100%; }
.gallerySliderBox .gallerySlider .owl-buttons div {
width: 28px;
height: 44px;
background: url("/local/templates/ms/css/../img/sliderCtrls.png") no-repeat;
position: absolute;
top: 50%;
margin: -22px 0 0;
z-index: 10; }
.gallerySliderBox .gallerySlider .owl-buttons div.owl-prev {
left: 0; }
.gallerySliderBox .gallerySlider .owl-buttons div.owl-next {
right: 0;
background-position: 100% 0; }
.gallerySliderBox .smallImages {
overflow: hidden;
margin: 0 -2%; }
.gallerySliderBox .smallImages .imgCnt {
width: 23%;
float: left;
margin: 2% 0 0 2%;
position: relative;
opacity: 0.4;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease; }
.gallerySliderBox .smallImages .imgCnt .placeHolder {
width: 100%; }
.gallerySliderBox .smallImages .imgCnt:hover {
opacity: 0.6; }
.gallerySliderBox .smallImages .imgCnt.active {
opacity: 1; }
.gallerySliderBox .smallImages .imgCnt .image {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
left: 0;
top: 0;
font-size: 0;
line-height: 0;
white-space: nowrap;
text-align: center; }
.gallerySliderBox .smallImages .imgCnt .image img {
vertical-align: middle;
min-height: 100%;
min-width: 100%; }
@media screen and (min-width: 480px) {
.gallerySliderBox .smallImages .imgCnt {
width: 14.666666666%; } }
@media screen and (min-width: 768px) {
.gallerySliderBox .smallImages {
margin: 0 -1%; }
.gallerySliderBox .smallImages .imgCnt {
width: 11.5%;
margin: 1% 0 0 1%; } }
@media screen and (min-width: 1600px) {
.gallerySliderBox .smallImages .imgCnt {
width: 7.3333%; } }
.hasJS.noMobile {
overflow: hidden; }
.hasJS.noMobile body {
overflow: hidden; }
/*--!index--*/
.workList {
overflow: hidden;
background: #959494;
padding: 50px 0;
margin: 0 0 2px 0;
text-align: center; }
.workList .iconCnt {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 75%; }
.workList .title {
width: 86%;
left: 7%;
bottom: 6.5%;
position: absolute;
font-size: 30px; }
.workList .title .subtitle {
font-weight: 300;
font-size: 12px;
margin-top: 10px; }
.workListBox {
max-width: 1400px;
margin: 0 auto; }
.workListTitle {
font-size: 72px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase; }
.workListI {
display: inline-block;
width: 315px;
vertical-align: top;
position: relative;
margin: 65px 0 0 0; }
@media all and (min-width: 650px) {
.workListI {
margin-left: 5px;
margin-right: 5px; }
.workListI + .workListI:before {
width: 14px;
height: 21px;
position: absolute;
background: url("/local/templates/ms/css/../img/workListArr.png") no-repeat;
content: "";
left: -12px;
top: 75px; } }
.workListIcon {
height: 205px; }
.workListIconEl {
width: 161px;
height: 173px;
background: url("/local/templates/ms/css/../img/workList.png") 0 0 no-repeat;
display: inline-block; }
.workListIconEl.i2 {
background-position: -200px 0; }
.workListIconEl.i3 {
background-position: -400px 0; }
.workListIconEl.i4 {
background-position: -600px 0; }
.workListIconEl.i5 {
background-position: -800px 0; }
.workListIconEl.i6 {
background-position: -1000px 0; }
.workListIconEl.i7 {
background-position: -1200px 0; }
.workListIconEl.i8 {
background-position: -1400px 0; }
.workListT {
color: #ffffff;
font-size: 30px;
margin: 0 auto;
text-align: center;
white-space: nowrap; }
@media all and (min-width: 768px) {
.workListT {
width: 161px;
text-align: left; } }
.aboutListStyled {
margin: 0 auto 110px auto;
background: #fff;
border: solid 1px #f4f4f4;
overflow: hidden;
max-width: 1150px; }
.aboutListStyledItem {
width: 100%;
display: block;
position: relative;
font-size: 24px; }
.aboutListStyledItem.even {
background: #f4f4f4; }
.aboutListStyledItemHover {
position: absolute;
top: 0;
padding: 6% 10% 0 10%;
left: 0;
right: 0;
bottom: 0;
z-index: 18;
color: #fff;
background: #ff3f3f;
display: none; }
html.opacity .aboutListStyledItemHover {
opacity: 0;
display: block; }
html.opacity .aboutListStyledItemHover:hover {
opacity: 1; }
.aboutListStyledItemHoverTitle {
font-size: 24px;
text-transform: uppercase; }
.aboutListStyledItemHoverList {
margin: 18px 0 0 0;
padding: 0;
display: block;
font-size: 14px;
font-weight: 300; }
.aboutListStyledItemHoverList li {
padding: 0 0 0 36px;
position: relative;
margin: 2px 0 0 0; }
.aboutListStyledItemHoverList li:before {
position: absolute;
top: 8px;
left: 0;
content: "";
width: 2px;
height: 2px;
border-radius: 1px;
background: #fff; }
.aboutListStyledItem:hover .aboutListStyledItemHover {
display: block;
opacity: 1; }
@media all and (min-width: 600px) {
.aboutListStyledItem {
float: left;
width: 50%; } }
@media all and (min-width: 600px) and (max-width: 979px) {
.aboutListStyledItem.even {
background: #fff; }
.aboutListStyledItem:nth-child(4n+2), .aboutListStyledItem:nth-child(4n+3) {
background: #f4f4f4; } }
@media all and (min-width: 980px) {
.aboutListStyledItem {
font-size: 30px;
width: 33.3333%; }
.aboutListStyledItemHoverTitle {
font-size: 30px; }
.aboutListStyledItemHoverList {
font-size: 18px; } }
.aboutListStyled .spaceHolder {
width: 100%; }
.aboutListStyledImageBox {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 54%; }
.aboutListStyledImg {
width: 161px;
height: 164px;
display: block;
position: absolute;
left: 50%;
bottom: 0;
margin: 0 0 0 -82px;
background: url("/local/templates/ms/css/../img/aboutListStyled.png") no-repeat; }
.aboutListStyledImg.i2 {
background-position: -200px 0; }
.aboutListStyledImg.i3 {
background-position: -400px 0; }
.aboutListStyledImg.i4 {
background-position: -600px 0; }
.aboutListStyledImg.i5 {
background-position: -800px 0; }
.aboutListStyledImg.i6 {
background-position: -1000px 0; }
.aboutListStyledText {
width: 85%;
left: 10%;
bottom: 6.5%;
position: absolute;
color: #535353; }
.aboutListStyledDesc {
font-size: 0.6em;
margin: 1em 0 0 0; }
@media all and (max-width: 480px) {
.aboutListStyled {
margin: 0; } }
.aboutNumbers {
margin: 50px 0 115px 0;
overflow: hidden;
text-align: center; }
.aboutNumbersI {
display: inline-block;
vertical-align: top;
width: 33%;
margin: 50px 0 0 0;
min-width: 280px; }
.aboutNumbersD {
font-size: 100px;
color: #696969;
font-weight: 700;
line-height: 100px; }
.aboutNumbersT {
color: #696969;
font-size: 20px;
margin: 20px 0 0 0; }
@media screen and (min-width: 1280px) {
.aboutNumbersD {
font-size: 140px;
line-height: 140px; }
.aboutNumbersT {
font-size: 26px; } }
@media screen and (min-width: 1600px) {
.aboutNumbersI {
text-align: left;
text-indent: 21%; }
.aboutNumbersI.i3 {
text-indent: 14%; }
.aboutNumbersI.i3 .aboutNumbersT {
padding-left: 34px; }
.aboutNumbersD {
font-size: 180px;
line-height: 160px; }
.aboutNumbersT {
font-size: 30px; } }
body.errorPageBg_404 {
background: #050607 url("/local/templates/ms/css/../img/404_bg.jpg") center center no-repeat;
background-size: cover; }
body.errorPageBg_404 .mainHeader {
background: none; }
.errorPageBox {
text-align: center; }
.errorPage {
text-align: center;
margin: 0 auto; }
.errorPageImage {
width: 100%;
max-width: 640px; }
.errorPageText {
font-size: 18px;
color: #3f3f3f;
padding: 45px 10px 10px 10px; }
.errorPageText a {
color: #a1a0a0; }
@media screen and (max-width: 900px) {
.mainFooter {
height: auto;
margin-top: 0; }
.wrapPage {
padding-bottom: 0; }
.table {
display: block; }
.table > div {
display: block; }
.our-advantages ul > li {
display: block; }
.our-advantages ul > li > div {
display: block;
margin: 0 auto 20px;
text-align: center; }
.our-advantages ul > li:last-child {
margin-bottom: -40px; }
.main-advantages .mainAdvantagesSlider ul {
padding: 10%;
height: 485px; }
.form-box .form-box__cnt {
width: auto;
display: block; }
.form-box .write-us__cell {
width: 100%; }
.reviewsGallery .textContainer blockquote:before, .reviewsGallery .textContainer blockquote:after {
content: none; }
.clients .clients-logos {
display: none; }
.clients .clients-logos-mobile {
display: block; }
.clients .clients-logos-mobile img {
width: 80%;
display: block;
margin: 0 auto 20px; }
.popup .popup-inner {
margin: 0;
left: 5%;
right: 5%;
top: 10%;
bottom: 10%;
width: auto;
height: auto; }
.ourWay .coll {
float: none;
width: auto;
padding: 20px; }
.ourWay .coll.red {
padding-top: 50px; }
.ourWay .coll .spaceHolder {
width: auto; }
.ourWay .iconCnt, .ourWay .title {
position: static;
width: auto;
margin: 0; }
.ourWay .gallIcon_ {
position: static;
margin: 0 auto 20px; }
.aboutListStyledItem {
padding: 20px; }
.aboutListStyled .aboutListStyledText, .aboutListStyled .aboutListStyledImageBox {
position: static;
width: auto;
margin: 0; }
.aboutListStyled .aboutListStyledImg {
position: static;
margin: 0 auto 20px; }
.aboutListStyled .spaceHolder {
width: auto; }
.aboutListStyled .aboutListStyledItemHover {
display: none !important; } }
@media all and (min-width: 640px) and (min-height: 640px) {
.errorPageBox {
width: 640px;
position: absolute;
left: 50%;
top: 50%;
margin: -320px 0 0 -320px; } }
/*# sourceMappingURL=style.css.map */
.topcontact_wrap
{
position: absolute;
right: 6%;
top: 40%;
}
.topcontact
{
float: right;
/*margin: 45px;*/
margin-left: 20px;
margin-right: 35px;
/*font-weight:bold; */
font-size:16px;
}
.topcontact a
{
/*font-weight:bold; */
font-size:16px;
}
.otzyvy .screen-1{
width: 100%;
height: 100%;
position: relative;
}
.otzyvy .screen-1 .bg{
height: 100%;
background-size: cover;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.otzyvy .screen-1 .bg-index{
background: url(/reviews/img/bg-index.jpg) 0 100% no-repeat;
background-size: cover;
}
.otzyvy .screen-1 .line-1{
background: url(/reviews/img/line-1.png) 0 100% no-repeat;
background-size: cover;
}
.otzyvy .screen-1 .line-2{
background: url(/reviews/img/line-2.png) 0 100% no-repeat;
background-size: cover;
}
.otzyvy .screen-1 .men{
background: url(/reviews/img/men.png) 0 100% no-repeat;
background-size: cover;
}
.service.screen-1 h1,
.about .screen-1 h1,
.otzyvy .screen-1 h1{
font-family: 'Fira Sans';
font-weight: bold;
font-size: 88px;
color: #343434;
text-transform: uppercase;
margin: 0;
position: absolute;
left: 16%;
top: 25%;
}
.service.screen-1 p,
.about .screen-1 p,
.otzyvy .screen-1 p{
margin: 0;
}
.service.screen-1 p.text-about,
.about .screen-1 p.text-about,
.otzyvy .screen-1 p.text-about{
font-family: 'Fira Sans Light';
font-size: 18px;
line-height: 22px;
position: absolute;
left: 16%;
top: 37%;
color: #343434;
}
.service.screen-1 p.text-slogan,
.about .screen-1 p.text-slogan,
.otzyvy .screen-1 p.text-slogan{
font-family: "GothamProNarrowBold";
font-size: 80px;
line-height: 80px;
color: #ca2525;
position: absolute;
left: 15.8%;
top: 61.9%;
text-transform: uppercase;
}
.service.screen-1 p.text-slogan.medium,
.about .screen-1 p.text-slogan.medium,
.otzyvy .screen-1 p.text-slogan.medium{
font-family: "GothamProNarrowMedium";
font-size: 135px;
line-height: 135px;
top: 68.25%;
left: 15.6%;
}
@media (max-width:480px){
.service.screen-1 h1,
.about .screen-1 h1,
.otzyvy .screen-1 h1{
font-size: 50px;
line-height: 50px;
padding: 50px 60px 30px;
position: relative;
top: 0;
left: 0;
}
.service.screen-1 h1,
.about .screen-1 h1{
font-size: 42px;
line-height: 42px;
}
.service.screen-1 p.text-about,
.about .screen-1 p.text-about,
.otzyvy .screen-1 p.text-about{
padding: 0 60px 30px;
position: relative;
top: 0;
left: 0;
font-size: 15px;
line-height: 17px;
}
.service.screen-1 p.text-slogan,
.about .screen-1 p.text-slogan,
.otzyvy .screen-1 p.text-slogan{
font-size: 27px;
line-height: 27px;
position: relative;
top: 0;
left: 0;
padding: 0 60px;
}
.service.screen-1 p.text-slogan.medium,
.about .screen-1 p.text-slogan.medium,
.otzyvy .screen-1 p.text-slogan.medium{
font-size: 45px;
line-height: 45px;
position: relative;
top: 0;
left: 0;
padding: 0 60px 30px;
}
}
@media (min-width:481px) and (max-width:767px){
.service.screen-1 h1,
.about .screen-1 h1,
.otzyvy .screen-1 h1{
font-size: 81px;
line-height: 81px;
padding: 50px 60px 30px;
position: relative;
top: 0;
left: 0;
}
.service.screen-1 p.text-about,
.about .screen-1 p.text-about,
.otzyvy .screen-1 p.text-about{
padding: 0 60px 30px;
position: relative;
top: 0;
left: 0;
font-size: 15px;
line-height: 17px;
}
.service.screen-1 p.text-slogan,
.about .screen-1 p.text-slogan,
.otzyvy .screen-1 p.text-slogan{
font-size: 48px;
line-height: 48px;
position: relative;
top: 0;
left: 0;
padding: 0 60px;
}
.service.screen-1 p.text-slogan.medium,
.about .screen-1 p.text-slogan.medium,
.otzyvy .screen-1 p.text-slogan.medium{
font-size: 81px;
line-height: 81px;
position: relative;
top: 0;
left: 0;
padding: 0 60px 30px;
}
}
/* End */
/* Start:/local/templates/ms/css/form-box.css?15290710084180*/
body .form-box {
background: #fff;
position: relative;
overflow: hidden; }
body .form-box__inner {
padding: 40px 0;
text-align: center; }
body .form-box__cnt {
display: inline-block;
width: 595px; }
body .form-box__title {
font-size: 30px;
line-height: 1.2em;
margin: 0 0 1em;
font-weight: normal;
text-transform: uppercase;
text-align: left; }
body .form-box:before, body .form-box:after {
z-index: 19;
content: '';
position: absolute;
width: 110%;
height: 200px;
left: -5%;
-webkit-box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.5);
box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.5); }
body .form-box:before {
top: 100%; }
body .form-box:after {
bottom: 100%; }
body .write-us__inner {
margin: 0 -10px; }
body .write-us__section {
position: relative;
margin: 0 10px 10px; }
body .write-us__section_half {
float: left;
width: 50%; }
body .write-us__row:after {
content: ' ';
display: table;
clear: both;
height: 0;
width: 0; }
body .write-us__cell {
width: 50%;
float: left; }
.b-input, body .form-box .b-input {
box-sizing: border-box;
width: 100%;
background: #f2f3f5;
border: 1px solid #f2f3f5;
font-family: inherit;
color: #000;
height: auto;
padding: 8px 20px; }
.b-input:focus, body .form-box .b-input:focus {
border-color: #dcdcdc;
background: #fff; }
.b-input_hidden, body .form-box .b-input_hidden {
position: absolute;
left: -999px;
width: 0;
visibility: hidden; }
.b-input_btn, body .form-box .b-input_btn {
padding: 10px 15px;
color: #595959; }
.b-input_btn:focus, .b-input_btn:active, .b-input_btn:hover, body .form-box .b-input_btn:focus, body .form-box .b-input_btn:active, body .form-box .b-input_btn:hover {
color: #fff;
border-color: #ff3f3f;
background: #ff3f3f; }
.b-input_btn:focus .b-input__ico, .b-input_btn:active .b-input__ico, .b-input_btn:hover .b-input__ico, body .form-box .b-input_btn:focus .b-input__ico, body .form-box .b-input_btn:active .b-input__ico, body .form-box .b-input_btn:hover .b-input__ico {
color: #fff;
border-color: #fff; }
.b-input_btn_file:focus, .b-input_btn_file:active, .b-input_btn_file:hover, body .form-box .b-input_btn_file:focus, body .form-box .b-input_btn_file:active, body .form-box .b-input_btn_file:hover {
border-color: #dcdcdc;
background: #fff;
color: #ff3f3f; }
.b-input_btn_file:focus .b-input__ico_pin, .b-input_btn_file:active .b-input__ico_pin, .b-input_btn_file:hover .b-input__ico_pin, body .form-box .b-input_btn_file:focus .b-input__ico_pin, body .form-box .b-input_btn_file:active .b-input__ico_pin, body .form-box .b-input_btn_file:hover .b-input__ico_pin {
border-color: #ff3f3f; }
.b-input_btn_file:focus .b-input__ico_pin:before, .b-input_btn_file:active .b-input__ico_pin:before, .b-input_btn_file:hover .b-input__ico_pin:before, body .form-box .b-input_btn_file:focus .b-input__ico_pin:before, body .form-box .b-input_btn_file:active .b-input__ico_pin:before, body .form-box .b-input_btn_file:hover .b-input__ico_pin:before {
background-position: 100% 0; }
.b-input_textarea, body .form-box .b-input_textarea {
height: 150px;
resize: none; }
.b-input__span, body .form-box .b-input__span {
line-height: 48px;
display: block; }
.b-input__ico, body .form-box .b-input__ico {
float: left;
width: 46px;
height: 46px;
line-height: 46px;
border-radius: 50%;
border: 1px solid #d6d6d6;
color: #d6d6d6;
text-align: center;
text-transform: uppercase; }
.b-input__ico_pin:before, body .form-box .b-input__ico_pin:before {
content: '';
display: inline-block;
vertical-align: middle;
background: url(/local/templates/ms/css/../img/pin.png) no-repeat;
width: 19px;
height: 21px; }
.b-input__ico_ok, body .form-box .b-input__ico_ok {
float: right; }
/*# sourceMappingURL=form-box.css.map */
/* End */
/* Start:/local/templates/ms/components/bitrix/menu/.default/style.css?1529071008626*/
/* Left menu*/
ul.left-menu
{
list-style:none;
margin:0; padding:0;
margin-bottom:8px;
position: relative; /*IE bug*/
}
ul.left-menu li
{
padding: 10px 16px;
background:#F5F5F5 url(/local/templates/ms/components/bitrix/menu/.default/images/left_menu_bg.gif) top repeat-x;
}
ul.left-menu li a
{
font-size:100%;
color:#BC262C;
font-weight:bold;
text-decoration:none;
}
ul.left-menu li a:visited
{
color:#BC262C;
}
ul.left-menu li a:hover
{
color:#BC262C;
}
ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
color:#FC8D3D;
}
/* End */
/* /local/templates/ms/css/animate.css?152907100872511 */
/* /local/templates/ms/css/style.css?1529071008129105 */
/* /local/templates/ms/css/form-box.css?15290710084180 */
/* /local/templates/ms/components/bitrix/menu/.default/style.css?1529071008626 */