@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2014 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
}
@-webkit-keyframes bounce {
0%,20%,53%,80%,100% {
-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
transition-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-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
transition-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-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
transition-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 {
0%,20%,53%,80%,100% {
-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
-webkit-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
40%,43% {
-webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
-webkit-transform:translate3d(0,-30px,0);
-ms-transform:translate3d(0,-30px,0);
transform:translate3d(0,-30px,0)
}
70% {
-webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
-webkit-transform:translate3d(0,-15px,0);
-ms-transform:translate3d(0,-15px,0);
transform:translate3d(0,-15px,0)
}
90% {
-webkit-transform:translate3d(0,-4px,0);
-ms-transform:translate3d(0,-4px,0);
transform:translate3d(0,-4px,0)
}
}
.bounce {
-webkit-animation-name:bounce;
animation-name:bounce;
-webkit-transform-origin:center bottom;
-ms-transform-origin:center bottom;
transform-origin:center bottom
}
@-webkit-keyframes flash {
0%,50%,100% {
opacity:1
}
25%,75% {
opacity:0
}
}
@keyframes flash {
0%,50%,100% {
opacity:1
}
25%,75% {
opacity:0
}
}
.flash {
-webkit-animation-name:flash;
animation-name:flash
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
0% {
-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)
}
100% {
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale3d(1,1,1);
-ms-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
50% {
-webkit-transform:scale3d(1.05,1.05,1.05);
-ms-transform:scale3d(1.05,1.05,1.05);
transform:scale3d(1.05,1.05,1.05)
}
100% {
-webkit-transform:scale3d(1,1,1);
-ms-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
}
.pulse {
-webkit-animation-name:pulse;
animation-name:pulse
}
@-webkit-keyframes rubberBand {
0% {
-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)
}
100% {
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scale3d(1,1,1);
-ms-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
30% {
-webkit-transform:scale3d(1.25,0.75,1);
-ms-transform:scale3d(1.25,0.75,1);
transform:scale3d(1.25,0.75,1)
}
40% {
-webkit-transform:scale3d(0.75,1.25,1);
-ms-transform:scale3d(0.75,1.25,1);
transform:scale3d(0.75,1.25,1)
}
50% {
-webkit-transform:scale3d(1.15,0.85,1);
-ms-transform:scale3d(1.15,0.85,1);
transform:scale3d(1.15,0.85,1)
}
65% {
-webkit-transform:scale3d(.95,1.05,1);
-ms-transform:scale3d(.95,1.05,1);
transform:scale3d(.95,1.05,1)
}
75% {
-webkit-transform:scale3d(1.05,.95,1);
-ms-transform:scale3d(1.05,.95,1);
transform:scale3d(1.05,.95,1)
}
100% {
-webkit-transform:scale3d(1,1,1);
-ms-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
}
.rubberBand {
-webkit-animation-name:rubberBand;
animation-name:rubberBand
}
@-webkit-keyframes shake {
0%,100% {
-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 {
0%,100% {
-webkit-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
10%,30%,50%,70%,90% {
-webkit-transform:translate3d(-10px,0,0);
-ms-transform:translate3d(-10px,0,0);
transform:translate3d(-10px,0,0)
}
20%,40%,60%,80% {
-webkit-transform:translate3d(10px,0,0);
-ms-transform:translate3d(10px,0,0);
transform:translate3d(10px,0,0)
}
}
.shake {
-webkit-animation-name:shake;
animation-name:shake
}
@-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)
}
100% {
-webkit-transform:rotate3d(0,0,1,0deg);
transform:rotate3d(0,0,1,0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate3d(0,0,1,15deg);
-ms-transform:rotate3d(0,0,1,15deg);
transform:rotate3d(0,0,1,15deg)
}
40% {
-webkit-transform:rotate3d(0,0,1,-10deg);
-ms-transform:rotate3d(0,0,1,-10deg);
transform:rotate3d(0,0,1,-10deg)
}
60% {
-webkit-transform:rotate3d(0,0,1,5deg);
-ms-transform:rotate3d(0,0,1,5deg);
transform:rotate3d(0,0,1,5deg)
}
80% {
-webkit-transform:rotate3d(0,0,1,-5deg);
-ms-transform:rotate3d(0,0,1,-5deg);
transform:rotate3d(0,0,1,-5deg)
}
100% {
-webkit-transform:rotate3d(0,0,1,0deg);
-ms-transform:rotate3d(0,0,1,0deg);
transform:rotate3d(0,0,1,0deg)
}
}
.swing {
-webkit-transform-origin:top center;
-ms-transform-origin:top center;
transform-origin:top center;
-webkit-animation-name:swing;
animation-name:swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform: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)
}
100% {
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
}
@keyframes tada {
0% {
-webkit-transform:scale3d(1,1,1);
-ms-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
10%,20% {
-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
-ms-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);
-ms-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);
-ms-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)
}
100% {
-webkit-transform:scale3d(1,1,1);
-ms-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 {
0% {
-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)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes wobble {
0% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
-ms-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);
-ms-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);
-ms-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);
-ms-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);
-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.wobble {
-webkit-animation-name:wobble;
animation-name:wobble
}
@-webkit-keyframes bounceIn {
0%,20%,40%,60%,80%,100% {
-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
transition-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)
}
100% {
opacity:1;
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
}
@keyframes bounceIn {
0%,20%,40%,60%,80%,100% {
-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
-ms-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3)
}
20% {
-webkit-transform:scale3d(1.1,1.1,1.1);
-ms-transform:scale3d(1.1,1.1,1.1);
transform:scale3d(1.1,1.1,1.1)
}
40% {
-webkit-transform:scale3d(.9,.9,.9);
-ms-transform:scale3d(.9,.9,.9);
transform:scale3d(.9,.9,.9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03,1.03,1.03);
-ms-transform:scale3d(1.03,1.03,1.03);
transform:scale3d(1.03,1.03,1.03)
}
80% {
-webkit-transform:scale3d(.97,.97,.97);
-ms-transform:scale3d(.97,.97,.97);
transform:scale3d(.97,.97,.97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1,1,1);
-ms-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
}
.bounceIn {
-webkit-animation-name:bounceIn;
animation-name:bounceIn;
-webkit-animation-duration:.75s;
animation-duration:.75s
}
@-webkit-keyframes bounceInDown {
0%,60%,75%,90%,100% {
-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
transition-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)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInDown {
0%,60%,75%,90%,100% {
-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(0,-3000px,0);
-ms-transform:translate3d(0,-3000px,0);
transform:translate3d(0,-3000px,0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0,25px,0);
-ms-transform:translate3d(0,25px,0);
transform:translate3d(0,25px,0)
}
75% {
-webkit-transform:translate3d(0,-10px,0);
-ms-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)
}
90% {
-webkit-transform:translate3d(0,5px,0);
-ms-transform:translate3d(0,5px,0);
transform:translate3d(0,5px,0)
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.bounceInDown {
-webkit-animation-name:bounceInDown;
animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%,60%,75%,90%,100% {
-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
transition-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)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInLeft {
0%,60%,75%,90%,100% {
-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px,0,0);
-ms-transform:translate3d(-3000px,0,0);
transform:translate3d(-3000px,0,0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px,0,0);
-ms-transform:translate3d(25px,0,0);
transform:translate3d(25px,0,0)
}
75% {
-webkit-transform:translate3d(-10px,0,0);
-ms-transform:translate3d(-10px,0,0);
transform:translate3d(-10px,0,0)
}
90% {
-webkit-transform:translate3d(5px,0,0);
-ms-transform:translate3d(5px,0,0);
transform:translate3d(5px,0,0)
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.bounceInLeft {
-webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%,60%,75%,90%,100% {
-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
transition-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)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInRight {
0%,60%,75%,90%,100% {
-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px,0,0);
-ms-transform:translate3d(3000px,0,0);
transform:translate3d(3000px,0,0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px,0,0);
-ms-transform:translate3d(-25px,0,0);
transform:translate3d(-25px,0,0)
}
75% {
-webkit-transform:translate3d(10px,0,0);
-ms-transform:translate3d(10px,0,0);
transform:translate3d(10px,0,0)
}
90% {
-webkit-transform:translate3d(-5px,0,0);
-ms-transform:translate3d(-5px,0,0);
transform:translate3d(-5px,0,0)
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.bounceInRight {
-webkit-animation-name:bounceInRight;
animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp {
0%,60%,75%,90%,100% {
-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
transition-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,-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)
}
100% {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
}
@keyframes bounceInUp {
0%,60%,75%,90%,100% {
-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(0,3000px,0);
-ms-transform:translate3d(0,3000px,0);
transform:translate3d(0,3000px,0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0,-20px,0);
-ms-transform:translate3d(0,-20px,0);
transform:translate3d(0,-20px,0)
}
75% {
-webkit-transform:translate3d(0,10px,0);
-ms-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}
90% {
-webkit-transform:translate3d(0,-5px,0);
-ms-transform:translate3d(0,-5px,0);
transform:translate3d(0,-5px,0)
}
100% {
-webkit-transform:translate3d(0,0,0);
-ms-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)
}
100% {
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9,.9,.9);
-ms-transform:scale3d(.9,.9,.9);
transform:scale3d(.9,.9,.9)
}
50%,55% {
opacity:1;
-webkit-transform:scale3d(1.1,1.1,1.1);
-ms-transform:scale3d(1.1,1.1,1.1);
transform:scale3d(1.1,1.1,1.1)
}
100% {
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
-ms-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3)
}
}
.bounceOut {
-webkit-animation-name:bounceOut;
animation-name:bounceOut;
-webkit-animation-duration:.75s;
animation-duration:.75s
}
@-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)
}
100% {
opacity:0;
-webkit-transform:translate3d(0,2000px,0);
transform:translate3d(0,2000px,0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0,10px,0);
-ms-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}
40%,45% {
opacity:1;
-webkit-transform:translate3d(0,-20px,0);
-ms-transform:translate3d(0,-20px,0);
transform:translate3d(0,-20px,0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0,2000px,0);
-ms-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)
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px,0,0);
transform:translate3d(-2000px,0,0)
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px,0,0);
-ms-transform:translate3d(20px,0,0);
transform:translate3d(20px,0,0)
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px,0,0);
-ms-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)
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px,0,0);
transform:translate3d(2000px,0,0)
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px,0,0);
-ms-transform:translate3d(-20px,0,0);
transform:translate3d(-20px,0,0)
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px,0,0);
-ms-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)
}
100% {
opacity:0;
-webkit-transform:translate3d(0,-2000px,0);
transform:translate3d(0,-2000px,0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0,-10px,0);
-ms-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)
}
40%,45% {
opacity:1;
-webkit-transform:translate3d(0,20px,0);
-ms-transform:translate3d(0,20px,0);
transform:translate3d(0,20px,0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0,-2000px,0);
-ms-transform:translate3d(0,-2000px,0);
transform:translate3d(0,-2000px,0)
}
}
.bounceOutUp {
-webkit-animation-name:bounceOutUp;
animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0,-100%,0);
-ms-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInDown {
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0,-2000px,0);
transform:translate3d(0,-2000px,0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0,-2000px,0);
-ms-transform:translate3d(0,-2000px,0);
transform:translate3d(0,-2000px,0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInDownBig {
-webkit-animation-name:fadeInDownBig;
animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%,0,0);
-ms-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInLeft {
-webkit-animation-name:fadeInLeft;
animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px,0,0);
transform:translate3d(-2000px,0,0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px,0,0);
-ms-transform:translate3d(-2000px,0,0);
transform:translate3d(-2000px,0,0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInLeftBig {
-webkit-animation-name:fadeInLeftBig;
animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%,0,0);
-ms-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInRight {
-webkit-animation-name:fadeInRight;
animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px,0,0);
transform:translate3d(2000px,0,0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px,0,0);
-ms-transform:translate3d(2000px,0,0);
transform:translate3d(2000px,0,0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInRightBig {
-webkit-animation-name:fadeInRightBig;
animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0,100%,0);
-ms-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInUp {
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0,2000px,0);
transform:translate3d(0,2000px,0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0,2000px,0);
-ms-transform:translate3d(0,2000px,0);
transform:translate3d(0,2000px,0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInUpBig {
-webkit-animation-name:fadeInUpBig;
animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut {
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0)
}
}
@keyframes fadeOutDown {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0,100%,0);
-ms-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0)
}
}
.fadeOutDown {
-webkit-animation-name:fadeOutDown;
animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0,2000px,0);
transform:translate3d(0,2000px,0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0,2000px,0);
-ms-transform:translate3d(0,2000px,0);
transform:translate3d(0,2000px,0)
}
}
.fadeOutDownBig {
-webkit-animation-name:fadeOutDownBig;
animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%,0,0);
-ms-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}
}
.fadeOutLeft {
-webkit-animation-name:fadeOutLeft;
animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px,0,0);
transform:translate3d(-2000px,0,0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px,0,0);
-ms-transform:translate3d(-2000px,0,0);
transform:translate3d(-2000px,0,0)
}
}
.fadeOutLeftBig {
-webkit-animation-name:fadeOutLeftBig;
animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)
}
}
@keyframes fadeOutRight {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%,0,0);
-ms-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)
}
}
.fadeOutRight {
-webkit-animation-name:fadeOutRight;
animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px,0,0);
transform:translate3d(2000px,0,0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px,0,0);
-ms-transform:translate3d(2000px,0,0);
transform:translate3d(2000px,0,0)
}
}
.fadeOutRightBig {
-webkit-animation-name:fadeOutRightBig;
animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0)
}
}
@keyframes fadeOutUp {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0,-100%,0);
-ms-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0)
}
}
.fadeOutUp {
-webkit-animation-name:fadeOutUp;
animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0,-2000px,0);
transform:translate3d(0,-2000px,0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0,-2000px,0);
-ms-transform:translate3d(0,-2000px,0);
transform:translate3d(0,-2000px,0)
}
}
.fadeOutUpBig {
-webkit-animation-name:fadeOutUpBig;
animation-name:fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-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
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);
-ms-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);
-ms-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);
-ms-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);
-ms-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
}
100% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.animated.flip {
-webkit-backface-visibility:visible;
-ms-backface-visibility:visible;
backface-visibility:visible;
-webkit-animation-name:flip;
animation-name:flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
transform:perspective(400px) rotate3d(1,0,0,90deg);
-webkit-transition-timing-function:ease-in;
transition-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-transition-timing-function:ease-in;
transition-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)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);
transform:perspective(400px) rotate3d(1,0,0,90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);
transform:perspective(400px) rotate3d(1,0,0,-20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
-ms-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);
-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);
transform:perspective(400px) rotate3d(1,0,0,-5deg)
}
100% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInX {
-webkit-backface-visibility:visible !important;
-ms-backface-visibility:visible !important;
backface-visibility:visible !important;
-webkit-animation-name:flipInX;
animation-name:flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
transform:perspective(400px) rotate3d(0,1,0,90deg);
-webkit-transition-timing-function:ease-in;
transition-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-transition-timing-function:ease-in;
transition-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)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);
transform:perspective(400px) rotate3d(0,1,0,90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);
transform:perspective(400px) rotate3d(0,1,0,-20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
-ms-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);
-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);
transform:perspective(400px) rotate3d(0,1,0,-5deg)
}
100% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInY {
-webkit-backface-visibility:visible !important;
-ms-backface-visibility:visible !important;
backface-visibility:visible !important;
-webkit-animation-name:flipInY;
animation-name:flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
transform:perspective(400px) rotate3d(1,0,0,-20deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
transform:perspective(400px) rotate3d(1,0,0,90deg);
opacity:0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);
transform:perspective(400px) rotate3d(1,0,0,-20deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
-ms-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-animation-duration:.75s;
animation-duration:.75s;
-webkit-backface-visibility:visible !important;
-ms-backface-visibility:visible !important;
backface-visibility:visible !important
}
@-webkit-keyframes flipOutY {
0% {
-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
}
100% {
-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
transform:perspective(400px) rotate3d(0,1,0,90deg);
opacity:0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);
-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);
transform:perspective(400px) rotate3d(0,1,0,-15deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);
transform:perspective(400px) rotate3d(0,1,0,90deg);
opacity:0
}
}
.flipOutY {
-webkit-backface-visibility:visible !important;
-ms-backface-visibility:visible !important;
backface-visibility:visible !important;
-webkit-animation-name:flipOutY;
animation-name:flipOutY;
-webkit-animation-duration:.75s;
animation-duration:.75s
}
@-webkit-keyframes lightSpeedIn {
0% {
-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
}
100% {
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%,0,0) skewX(-30deg);
-ms-transform:translate3d(100%,0,0) skewX(-30deg);
transform:translate3d(100%,0,0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
-ms-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
-ms-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
100% {
-webkit-transform:none;
-ms-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 {
0% {
opacity:1
}
100% {
-webkit-transform:translate3d(100%,0,0) skewX(30deg);
transform:translate3d(100%,0,0) skewX(30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
0% {
opacity:1
}
100% {
-webkit-transform:translate3d(100%,0,0) skewX(30deg);
-ms-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 {
0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0,0,1,-200deg);
transform:rotate3d(0,0,1,-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center;
-ms-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0,0,1,-200deg);
-ms-transform:rotate3d(0,0,1,-200deg);
transform:rotate3d(0,0,1,-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center;
-ms-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}
.rotateIn {
-webkit-animation-name:rotateIn;
animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,-45deg);
transform:rotate3d(0,0,1,-45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,-45deg);
-ms-transform:rotate3d(0,0,1,-45deg);
transform:rotate3d(0,0,1,-45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownLeft {
-webkit-animation-name:rotateInDownLeft;
animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,45deg);
transform:rotate3d(0,0,1,45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,45deg);
-ms-transform:rotate3d(0,0,1,45deg);
transform:rotate3d(0,0,1,45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownRight {
-webkit-animation-name:rotateInDownRight;
animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,45deg);
transform:rotate3d(0,0,1,45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,45deg);
-ms-transform:rotate3d(0,0,1,45deg);
transform:rotate3d(0,0,1,45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpLeft {
-webkit-animation-name:rotateInUpLeft;
animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,-90deg);
transform:rotate3d(0,0,1,-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,-90deg);
-ms-transform:rotate3d(0,0,1,-90deg);
transform:rotate3d(0,0,1,-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpRight {
-webkit-animation-name:rotateInUpRight;
animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0,0,1,200deg);
transform:rotate3d(0,0,1,200deg);
opacity:0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center;
-ms-transform-origin:center;
transform-origin:center;
opacity:1
}
100% {
-webkit-transform-origin:center;
-ms-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0,0,1,200deg);
-ms-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 {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0,0,1,45deg);
transform:rotate(0,0,1,45deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0,0,1,45deg);
-ms-transform:rotate(0,0,1,45deg);
transform:rotate(0,0,1,45deg);
opacity:0
}
}
.rotateOutDownLeft {
-webkit-animation-name:rotateOutDownLeft;
animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-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 rotateOutDownRight {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,-45deg);
-ms-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 {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-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 rotateOutUpLeft {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,-45deg);
-ms-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 {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,90deg);
transform:rotate3d(0,0,1,90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,90deg);
-ms-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 right;
transform-origin:top right;
-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 right;
transform-origin:top right;
-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 right;
transform-origin:top right;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translate3d(0,700px,0);
transform:translate3d(0,700px,0);
opacity:0
}
}
@keyframes hinge {
0% {
-webkit-transform-origin:top right;
-ms-transform-origin:top right;
transform-origin:top right;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%,60% {
-webkit-transform:rotate3d(0,0,1,80deg);
-ms-transform:rotate3d(0,0,1,80deg);
transform:rotate3d(0,0,1,80deg);
-webkit-transform-origin:top right;
-ms-transform-origin:top right;
transform-origin:top right;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%,80% {
-webkit-transform:rotate3d(0,0,1,60deg);
-ms-transform:rotate3d(0,0,1,60deg);
transform:rotate3d(0,0,1,60deg);
-webkit-transform-origin:top right;
-ms-transform-origin:top right;
transform-origin:top right;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translate3d(0,700px,0);
-ms-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 {
0% {
opacity:0;
-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-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 {
0% {
opacity:1
}
100% {
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 {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);
-ms-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 {
0% {
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
-ms-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3)
}
50% {
opacity:1
}
}
.zoomIn {
-webkit-animation-name:zoomIn;
animation-name:zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
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 {
0% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
-ms-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);
-ms-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 {
0% {
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 {
0% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
-ms-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);
-ms-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 {
0% {
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 {
0% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
-ms-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);
-ms-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 {
0% {
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 {
0% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
-ms-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);
-ms-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 {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3)
}
100% {
opacity:0
}
}
@keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
-ms-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3)
}
100% {
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)
}
100% {
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);
-ms-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)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
-webkit-transform-origin:center bottom;
-ms-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)
}
100% {
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 zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px,0,0);
-ms-transform:scale(.1) translate3d(-2000px,0,0);
transform:scale(.1) translate3d(-2000px,0,0);
-webkit-transform-origin:right center;
-ms-transform-origin:right center;
transform-origin:right 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)
}
100% {
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 zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px,0,0);
-ms-transform:scale(.1) translate3d(2000px,0,0);
transform:scale(.1) translate3d(2000px,0,0);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left 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)
}
100% {
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);
-ms-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)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
-webkit-transform-origin:center bottom;
-ms-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
}
#content .btn_2 {
padding:4px 36px 6px 36px !important
}
/* Contact Form Basic Styles
========================================================*/
.contact-form {
position:relative;
letter-spacing:-4px;
margin-left:-1px
}
.contact-form label {
position:relative;
background-color:#fff;
letter-spacing:normal;
display:block;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin-bottom:12px;
max-width:100%
}
.contact-form label:first-child {
margin-right:0
}
.contact-form label.message {
max-width:100%;
margin-right:0;
width:100%;
margin-bottom:19px
}
.contact-form fieldset {
border:none
}
/* Contact Form Input
========================================================*/
.contact-form input[type='text'] {
width:100%;
background-color:#fff;
border-radius:0;
line-height:21px;
font-size:14px;
font-family:'Open Sans',sans-serif;
padding:16px 16px 7px 17px;
color:#75796f;
outline:none;
height:48px;
border:1px solid #d7d7d7;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
-webkit-appearance:none
}
/* Contact Form Placeholder Styles
========================================================*/
.contact-form ._placeholder {
width:100% !important;
position:absolute;
right:0;
top:0;
display:block;
line-height:21px;
font-size:14px;
font-family:'Open Sans',sans-serif;
padding:16px 16px 7px 17px;
color:#75796f;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-radius:0;
cursor:text
}
.contact-form ._placeholder.focused {
opacity:0.4;
filter:alpha(opacity=40)
}
.contact-form ._placeholder.hidden {
display:none
}
.contact-form .file ._placeholder {
display:none
}
/* Contact Form Buttons
========================================================*/
.contact-form .btn-wrapper {
text-align:left;
letter-spacing:normal;
margin:33px 0 40px
}
.contact-form .btn-wrapper .btn_2 {
padding:4px 31px 6px 31px !important;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:none
}
.contact-form .btn-wrapper .btn_2:after {
left:14px
}
/* Contact Form Textarea
========================================================*/
.contact-form textarea {
width:100%;
margin-top:0;
background-color:#fff;
border-radius:0;
line-height:21px;
font-size:14px;
font-family:'Open Sans',sans-serif;
padding:16px 16px 7px 17px;
color:#75796f;
outline:none;
border:1px solid #d7d7d7;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
resize:none;
height:375px!important;
-webkit-appearance:none;
overflow:auto
}
/* Contact Form Error messages
========================================================*/
.contact-form .empty-message,
.contact-form .error-message {
position:absolute;
left:3px;
top:2px;
color:red;
height:0;
overflow:hidden;
font-size:11px;
-webkit-transition:0.3s ease-in height;
transition:0.3s ease-in height;
z-index:99
}
.contact-form .invalid .error-message,
.contact-form .empty .empty-message {
height:20px
}
/* Contact Form Processing Box
========================================================*/
.contact-form .contact-form-loader {
position:absolute;
z-index:-1;
width:100%;
height:100%;
overflow:hidden;
top:0;
right:0;
left:0;
bottom:0;
background:rgba(247,247,247,0.48) url(../../../design/default/css/../images/form-loader.gif);
background-repeat:no-repeat;
background-position:50% 50%;
background-size:5%;
opacity:0
}
.contact-form.processing .contact-form-loader {
opacity:.7;
z-index:99;
-webkit-transition:all 0.3s ease-in;
transition:all 0.3s ease-in
}
/* Contact Form Modal
========================================================*/
.modal-open {
overflow:hidden
}
.contact-form .modal {
letter-spacing:normal;
display:none;
overflow:auto;
overflow-y:scroll;
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
z-index:1050;
-webkit-overflow-scrolling:touch;
outline:0;
font-family:'Open Sans',sans-serif;
font-size:13px
}
.contact-form .modal h4 {
color:#000;
padding:0;
margin:0;
font:700 34px/36px 'Comfortaa',sans-serif
}
.modal.fade .modal-dialog {
-webkit-transform:translate(0,-25%);
-ms-transform:translate(0,-25%);
transform:translate(0,-25%);
-webkit-transition:-webkit-transform 0.3s ease-out;
-moz-transition:-moz-transform 0.3s ease-out;
-o-transition:-o-transform 0.3s ease-out;
transition:transform 0.3s ease-out
}
.modal.in .modal-dialog {
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0)
}
.modal-content {
position:relative;
background-color:#fff;
border:1px solid #999;
border:1px solid rgba(0,0,0,0.2);
border-radius:6px;
-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);
box-shadow:0 3px 9px rgba(0,0,0,0.5);
background-clip:padding-box;
outline:none
}
.modal-backdrop {
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
z-index:1040;
background-color:#000
}
.modal-backdrop.fade {
opacity:0;
filter:alpha(opacity=0)
}
.modal-backdrop.in {
opacity:0.5;
filter:alpha(opacity=50)
}
.modal-header {
padding:15px;
border-bottom:1px solid #e5e5e5;
min-height:16.42857143px
}
.modal-header .close {
margin-top:-2px
}
.modal-title {
margin:0;
line-height:1.42857143
}
.modal-body {
position:relative;
padding:20px
}
.modal-dialog {
width:600px;
margin:10px auto
}
@media only screen and (max-width:768px) {
.modal-dialog {
position:relative;
width:auto;
margin:10px
}
}
/* Contact Form Close icon
========================================================*/
.close {
float:left;
font-size:21px;
font-weight:bold;
line-height:1;
color:#000;
text-shadow:0 1px 0 #fff;
opacity:0.2;
filter:alpha(opacity=20)
}
.close:hover,
.close:focus {
color:#000;
text-decoration:none;
cursor:pointer;
opacity:0.5;
filter:alpha(opacity=50)
}
button.close {
padding:0;
cursor:pointer;
background:transparent;
border:0;
-webkit-appearance:none
}
.header-phone {
color:#c32a38;
font-size:18px;
font-weight:bold;
line-height:47px;
border-right:1px solid #c9ccc7;
padding:0 12px 0 0px;
margin:0 12px 0 0
}
.gall_img{
width:270px;
height:209px
}
.text-left{
direction:ltr
}
.fast_input {
width:232px;
line-height:18px;
font-size:14px;
font-family:"Open Sans Hebrew",sans-serif;
color:#979797;
background:#fafcfb;
padding:10px 15px;
outline:none;
/* height:100%;
*/
border:1px solid #bf1e2e !important;
border-radius:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
box-shadow:none;
margin:0 15px 5px
}
@media only screen and (max-width:480px){
#header .header-phone {
float:none;
border-right:none;
padding:0;
margin:0;
text-align:center;
font-size:28px
}
.text_7 h4{
font:normal 26px/22px 'Open Sans',sans-serif
}
.fast_input {
width:260px;
margin:0 0 5px
}
}
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License:none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:top
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display:block
}
body {
line-height:1
}
ol,
ul {
list-style:none
}
blockquote,
q {
quotes:none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content:'';
content:none
}
table {
border-collapse:collapse;
border-spacing:0
}
.clearfix:before,
.clearfix:after {
display:table;
content:"";
line-height:0
}
.clearfix:after {
clear:both
}
.container .alpha {
margin-right:0px
}
.container .omega {
margin-left:0px
}
.row {
margin-right:-30px
}
.row:before,
.row:after {
display:table;
content:"";
line-height:0
}
.row:after {
clear:both
}
[class*="grid_"] {
float:right;
min-height:1px;
margin-right:30px
}
.container {
width:1170px
}
.grid_12 {
width:1170px
}
.grid_11 {
width:1070px
}
.grid_10 {
width:970px
}
.grid_9 {
width:870px
}
.grid_8 {
width:770px
}
.grid_7 {
width:670px
}
.grid_6 {
width:570px
}
.grid_5 {
width:470px
}
.grid_4 {
width:370px
}
.grid_3 {
width:270px
}
.grid_2 {
width:170px
}
.grid_1 {
width:70px
}
.preffix_12 {
margin-right:1230px
}
.preffix_11 {
margin-right:1130px
}
.preffix_10 {
margin-right:1030px
}
.preffix_9 {
margin-right:930px
}
.preffix_8 {
margin-right:830px
}
.preffix_7 {
margin-right:730px
}
.preffix_6 {
margin-right:630px
}
.preffix_5 {
margin-right:530px
}
.preffix_4 {
margin-right:430px
}
.preffix_3 {
margin-right:330px
}
.preffix_2 {
margin-right:230px
}
.preffix_1 {
margin-right:130px
}
.container {
margin-left:auto;
margin-right:auto;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.container:before,
.container:after {
display:table;
content:"";
line-height:0
}
.container:after {
clear:both
}
@media (min-width:980px) and (max-width:1199px) {
.row {
margin-right:-20px
}
.row:before,
.row:after {
display:table;
content:"";
line-height:0
}
.row:after {
clear:both
}
[class*="grid_"] {
float:right;
min-height:1px;
margin-right:20px
}
.container {
width:940px
}
.grid_12 {
width:940px
}
.grid_11 {
width:860px
}
.grid_10 {
width:780px
}
.grid_9 {
width:700px
}
.grid_8 {
width:620px
}
.grid_7 {
width:540px
}
.grid_6 {
width:460px
}
.grid_5 {
width:380px
}
.grid_4 {
width:300px
}
.grid_3 {
width:220px
}
.grid_2 {
width:140px
}
.grid_1 {
width:60px
}
.preffix_12 {
margin-right:980px
}
.preffix_11 {
margin-right:900px
}
.preffix_10 {
margin-right:820px
}
.preffix_9 {
margin-right:740px
}
.preffix_8 {
margin-right:660px
}
.preffix_7 {
margin-right:580px
}
.preffix_6 {
margin-right:500px
}
.preffix_5 {
margin-right:420px
}
.preffix_4 {
margin-right:340px
}
.preffix_3 {
margin-right:260px
}
.preffix_2 {
margin-right:180px
}
.preffix_1 {
margin-right:100px
}
}
@media (min-width:768px) and (max-width:979px) {
.row {
margin-right:-20px
}
.row:before,
.row:after {
display:table;
content:"";
line-height:0
}
.row:after {
clear:both
}
[class*="grid_"] {
float:right;
min-height:1px;
margin-right:20px
}
.container {
width:748px
}
.grid_12 {
width:748px
}
.grid_11 {
width:684px
}
.grid_10 {
width:620px
}
.grid_9 {
width:556px
}
.grid_8 {
width:492px
}
.grid_7 {
width:428px
}
.grid_6 {
width:364px
}
.grid_5 {
width:300px
}
.grid_4 {
width:236px
}
.grid_3 {
width:172px
}
.grid_2 {
width:108px
}
.grid_1 {
width:44px
}
.preffix_12 {
margin-right:788px
}
.preffix_11 {
margin-right:724px
}
.preffix_10 {
margin-right:660px
}
.preffix_9 {
margin-right:596px
}
.preffix_8 {
margin-right:532px
}
.preffix_7 {
margin-right:468px
}
.preffix_6 {
margin-right:404px
}
.preffix_5 {
margin-right:340px
}
.preffix_4 {
margin-right:276px
}
.preffix_3 {
margin-right:212px
}
.preffix_2 {
margin-right:148px
}
.preffix_1 {
margin-right:84px
}
}
.select-menu {
display:none !important
}
@media (max-width:767px) {
.container {
width:420px;
padding:0 0px
}
.row {
margin-right:0
}
[class*="grid_"] {
float:none;
display:block;
width:100%;
margin-right:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.select-menu {
display:block !important
}
}
@media (max-width:479px) {
body {
padding:0
}
.container {
width:350px;
padding:0 15px
}
.row {
margin-right:0
}
}
.col-lg-3{
float:right!important
}
.thumb-pad4 figure a {
font-size:14px;
color:black;
font-weight:bold
}
.btn-default.btn2 {
font-size:14px!important
}
/* The gallery overlay */
#galleryOverlay{
width:100%;
height:100%;
position:fixed;
top:0;
right:0;
opacity:0;
z-index:100000;
background-color:#222;
background-color:rgba(0,0,0,0.8);
overflow:hidden;
display:none;
-moz-transition:opacity 1s ease;
-webkit-transition:opacity 1s ease;
transition:opacity 1s ease
}
/* This class will trigger the animation */
#galleryOverlay.visible{
opacity:1
}
#gallerySlider {
height:100%;
right:0;
top:0;
width:100%;
white-space:nowrap;
position:absolute;
-moz-transition:right 0.4s ease;
-webkit-transition:right 0.4s ease;
transition:right 0.4s ease
}
#gallerySlider .placeholder {
height:100%;
line-height:1px;
text-align:center;
width:100%;
display:inline-block
}
#gallerySlider .placeholder img {
display:inline-block;
max-height:100%;
max-width:100%;
vertical-align:middle
}
.show_desktop{
display:block
}
.show_mobile{
display:none
}
@media only screen and (max-width:480px){
.show_desktop{
display:none
}
.show_mobile{
display:block
}
}
/*
* 	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:right
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor:pointer
}
.owl-pagination {
margin-top:55px;
text-align:center
}
.owl-page {
display:inline-block;
width:14px;
height:14px;
background-color:#cfd3c8;
border-radius:7px;
margin:0 4px;
z-index:3
}
.owl-pagination .active{
background-color:#c7213f
}
.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:rgba(0,0,0,0)
}
/* mouse grab icon */
.grabbing {
cursor:url(../../../design/default/css/../images/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)
}
@charset "UTF-8";
.search-form {
color:#000;
position:relative;
float:right;
width:200px;
margin:0 10px;
border:1px solid #e33b5f;
-webkit-box-shadow:inset 0 10px 10px -6px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0 10px 10px -6px rgba(0,0,0,0.2);
box-shadow:inset 0 10px 10px -6px rgba(0,0,0,0.2)
}
.search-form .container {
position:relative;
width:100%
}
.search-form ::-webkit-input-placeholder {
color:#000
}
.search-form ::-moz-placeholder {
color:#000
}
.search-form :-moz-placeholder {
color:#000
}
.search-form :-ms-input-placeholder {
color:#000
}
.search-form_label {
position:relative;
display:block;
padding:12px 32px 12px 34px;
background:transparent;
border:none
}
.search-form_input {
outline:none;
background-color:transparent;
border:none;
-webkit-appearance:none;
border-radius:0;
vertical-align:baseline;
box-shadow:none;
color:#000;
display:block;
width:100%;
font-size:16px;
letter-spacing:1px;
line-height:20px;
height:20px
}
.search-form_submit {
-moz-transition:0.3s all ease;
-o-transition:0.3s all ease;
-webkit-transition:0.3s all ease;
transition:0.3s all ease;
position:absolute;
top:14px;
left:5px;
width:25px;
height:22px;
background:none;
border:0;
color:#e33b5f;
font:400 18px/22px 'FontAwesome',sans-serif
}
.search-form_submit:before {
content:""
}
.search-form_submit:hover {
color:black
}
@media (max-width:979px) {
.search-form {
margin:0;
width:100%;
display:block;
z-index:999;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
.search-form_label {
padding:20px 60px 20px
}
.search-form_label input {
/*padding-bottom:10px;
*/
border-bottom:1px solid rgba(255,255,255,0.3);
padding-right:10px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.search-form_submit {
top:30px;
left:40px;
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
}
@media (max-width:479px) {
.search-form_label {
padding:20px 20px 20px
}
.search-form_submit {
left:10px
}
}
.search-form_toggle {
position:absolute;
top:15px;
left:0;
float:left;
display:inline-block;
color:#fff;
font:400 20px/31px "FontAwesome"
}
.search-form_toggle:before {
content:""
}
.search-form_toggle.active,.search-form_toggle:hover {
color:black
}
.search-form_toggle.active:before {
content:""
}
@media (max-width:979px) {
.search-form_toggle {
display:none
}
}
@media (max-width:767px) {
.search-form_toggle {
display:none
}
}
.search-form.on {
display:block
}
.search-form_liveout {
display:block;
position:absolute;
top:100%;
right:0;
left:0;
font-size:10px !important;
opacity:0;
-moz-transition:0.3s all ease;
-o-transition:0.3s all ease;
-webkit-transition:0.3s all ease;
transition:0.3s all ease;
z-index:9
}
.lt-ie9 .search-form_liveout {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0)
}
.search-form_liveout h3,.search-form_liveout h4 {
font-size:18px
}
@media (max-width:979px) {
.search-form_liveout {
top:110%
}
}
.search-form_liveout .search_list {
font-size:14px;
line-height:24px;
background:#FFF;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.5);
-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.5);
box-shadow:0 0 2px 0 rgba(0,0,0,0.5)
}
.search-form_liveout .search_list li + li {
margin-top:2px
}
.search-form_liveout .search_link {
display:block;
padding:5px 10px;
background:#FFF;
color:#999
}
.search-form_liveout .search_link .search_title {
color:#0098db;
text-transform:uppercase
}
.search-form_liveout .search_link:hover {
background:#0098db;
color:#a8e4ff
}
.search-form_liveout .search_link:hover .search_title {
color:#FFF
}
.search-form_liveout .search_error {
display:block;
color:#0098db;
background:#fafafa;
padding:10px 10px;
overflow:hidden
}
.search-form_liveout .match {
display:none
}
.search-form_liveout button {
display:block;
width:100%;
color:#0098db;
background:#fafafa;
padding:10px 10px
}
.search-form_liveout button:hover {
background:#0098db;
color:#FFF
}
input:focus + .search-form_liveout {
opacity:1
}
.lt-ie9 input:focus + .search-form_liveout {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter:alpha(opacity=100)
}
.search-form_liveout .tablet,.mobile .search-form_liveout {
display:none !important
}
.search-frame,.search-frame body {
width:100%;
height:auto;
background:transparent
}
.search-frame,.search-frame body,.search-frame h1,.search-frame h2,.search-frame h3,.search-frame h4,.search-frame h5,.search-frame h6,.search-frame p,.search-frame em {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
font-family:'Roboto',sans-serif;
vertical-align:top
}
.search-frame img {
max-width:100%;
height:auto
}
.search-frame a {
font:inherit;
color:inherit;
text-decoration:none;
-moz-transition:0.3s all ease;
-o-transition:0.3s all ease;
-webkit-transition:0.3s all ease;
transition:0.3s all ease
}
.search-frame a:active {
background:transparent
}
.search-frame a:focus {
outline:none
}
.search-frame h4 a:hover {
color:#0098db
}
.search-frame .search_list {
border:0;
vertical-align:top;
counter-reset:li;
list-style-type:none;
margin:0px;
padding-top:30px
}
.search-frame .search_list li {
position:relative;
background:none;
padding:24px 34px 22px;
box-sizing:border-box
}
.search-frame .search_list li:before {
position:absolute;
top:20px;
right:0px;
width:36px;
height:36px;
content:counter(li,decimal) ".";
counter-increment:li;
font:700 18px/24px "Roboto",sans-serif;
color:#0098db;
text-align:center
}
.search-frame .search_list + li {
margin-top:20px
}
.search-frame .search {
color:#777
}
.search-frame .match {
color:#73bc43;
font-size:11px;
display:block
}
.search-frame * + p {
margin-top:6px
}
.service_icon {
float:right
}
@import url(../../../design/default/css///maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
@import url(../../../design/default/css///fonts.googleapis.com/css?family=Open+Sans);
@import "../css/animate.css";
/*========================================================
Main layout styles
=========================================================*/
body {
font:300 16px/22px 'Open Sans',sans-serif;
color:#000;
direction:rtl
}
a {
font:inherit;
color:inherit;
text-decoration:none;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease
}
a:hover {
text-decoration:none
}
a[href^="tel:"] {
color:inherit;
text-decoration:none
}
* {
-webkit-text-size-adjust:none
}
img {
max-width:100%;
height:auto
}
.divider {
height:1px;
background-color:#e4e4e4
}
[class^="heading_"],
[class^="btn"] {
text-transform:uppercase
}
/*============Text=============*/
.text_1 {
font:normal 53px/31px 'Open Sans',sans-serif
}
.text_2 {
font:600 12px/38px 'Open Sans',sans-serif
}
.text_3 {
font:normal 32px/44px 'Open Sans',sans-serif
}
.text_4 {
font:normal 33px/36px 'Open Sans',sans-serif
}
.text_5 {
font:normal 46px/41px 'Open Sans',sans-serif
}
.text_6 {
font:normal 43px/44px 'Open Sans',sans-serif
}
.text_7 {
font:normal 43px/41px 'Open Sans',sans-serif
}
.text_8 {
font:200 31px/31px 'Open Sans',sans-serif
}
.text_9 {
font:normal 28px/31px 'Open Sans',sans-serif
}
.text_10 {
font:300 22px/26px 'Open Sans',sans-serif
}
.text_11 {
font:normal 19px/30px 'Open Sans',sans-serif
}
.text_12 {
font:normal 22px/21px 'Open Sans',sans-serif
}
.text_13 {
font:normal 33px/42px 'Open Sans',sans-serif
}
.text_14 {
font:normal 13px/43px 'Open Sans',sans-serif
}
.text_15 {
font:normal 20px/31px 'Open Sans',sans-serif
}
.text_16 {
font:normal 30px/31px 'Open Sans',sans-serif
}
.text_17 {
font:300 14px/30px 'Open Sans',sans-serif
}
.text_18 {
font:300 30px/26px 'Open Sans',sans-serif
}
.text_19 {
font:300 22px/24px 'Open Sans',sans-serif
}
.text_20 {
font:300 14px/20px 'Open Sans',sans-serif
}
.text_21 {
font:300 18px/24px 'Open Sans',sans-serif
}
.italic {
font-style:italic
}
/*============Colors=============*/
.color_1 {
color:#fff
}
.color_2 {
color:#227a7e
}
.color_3 {
color:#b52842
}
.color_4 {
color:#b62b45
}
.color_5 {
color:#737373
}
.color_6 {
color:#7b8376
}
.color_7 {
color:#272727
}
.color_8 {
color:#646363
}
.color_9 {
color:#0b1902
}
.color_10 {
color:#75796f
}
.color_11 {
color:#222
}
.color_12 {
color:#cfd3c8
}
.color_13 {
color:#7b7979
}
.color_14 {
color:#c32a38
}
.color_15 {
color:#c7213f
}
/*============Backgrounds=============*/
.bg_1 {
background:#fff
}
.bg_2 {
background:#6ddde4
}
.bg_3 {
background:#24989d
}
.bg_4 {
background:#c7213f
}
.bg_5 {
background:#f0f2f1
}
.bg_6 {
background:#a1a1a1
}
.bg_7 {
background:#454942
}
.bg_8 {
background:#c32a38
}
/*============Floats=============*/
[class^='put-left'] {
float:right
}
[class^='put-right'] {
float:left
}
/*========================================================
HEADER styles
=========================================================*/
#header {
padding-bottom:56px
}
#header .fa {
width:24px;
height:22px;
line-height:22px;
font-size:14px;
text-align:center;
border-radius:11px
}
#header .fa:hover {
color:#000
}
#header .fa-facebook,
#header .fa-google-plus {
width:22px
}
#header .fa-twitter {
font-size:12px
}
#header .social {
margin:16px 0 6px 1px
}
#header .slogan {
position:relative;
margin-right:8px;
padding-right:20px
}
#header .slogan:before {
content:"|";
position:absolute;
right:0;
top:0;
line-height:12px;
font-size:17px;
color:#bfbfbf;
font-weight:300
}
@media only screen and (max-width:480px) {
#header .social {
text-align:center;
float:none
}
#header .logo {
float:none
}
#header h1 {
display:inline-block;
margin:10px 0;
width:100%;
text-align:center
}
#header .slogan {
display:block;
margin:10px 0 0;
padding-right:0
}
#header .slogan:before {
content:""
}
}
/* Main menu styles
========================================================*/
nav {
padding-top:5px
}
.sf-menu {
float:left
}
.sf-menu > li {
float:right;
position:relative;
margin:0
}
.sf-menu > li > a {
display:inline-block;
padding:5px 20px 0 22px;
letter-spacing:0;
text-transform:uppercase;
-webkit-transition:0.3s all ease;
transition:0.3s all ease
}
.sf-menu > li > a:hover {
color:#c32a38;
-webkit-transition:0.3s all ease;
transition:0.3s all ease
}
.sf-menu > li + li:before {
content:"";
position:absolute;
right:0;
bottom:7px;
width:1px;
height:7px;
background-color:#c9ccc7
}
.sf-menu > li.first-child a {
padding-left:20px
}
.sf-menu > li.last-child a {
padding-left:0
}
.sf-menu > li > .sf-with-ul:before {
content:"\f107";
position:absolute;
right:40%;
bottom:-14px;
font-family:FontAwesome;
font-size:20px;
color:#c32a38
}
.sf-menu > li.current a {
color:#c32a38
}
.sf-menu > li.sfHover > a {
color:#c32a38
}
.sf-menu a {
-webkit-transition:0.3s all ease;
transition:0.3s all ease
}
.sf-menu a:hover {
-webkit-transition:0.3s all ease;
transition:0.3s all ease
}
/* First level sub-menu styles
========================================================*/
.sf-menu ul {
position:absolute;
top:40px;
right:0;
background:#fff;
padding:10px 20px;
width:140px;
z-index:2;
display:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.sf-menu ul li {
line-height:30px;
position:relative
}
.sf-menu ul li a {
color:#7b8376
}
.sf-menu ul li a:hover {
color:#272727
}
.sf-menu ul li.sfHover > a {
color:#272727
}
.sf-menu ul .sf-with-ul:before {
content:"\f104";
position:absolute;
left:0;
top:0;
font-family:FontAwesome;
font-size:20px;
color:#272727
}
/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul {
position:absolute;
top:-10px;
right:125px;
background:#fff;
padding:10px 20px;
z-index:4
}
.sf-menu ul ul li {
line-height:30px
}
.sf-menu ul ul li a {
color:#7b8376
}
.sf-menu ul ul li a:hover {
color:#272727
}
.sf-menu ul ul:before {
content:""
}
@media only screen and (max-width:767px) {
.sf-menu {
display:none
}
.select-menu {
display:block;
margin:10px 0 0;
width:100%
}
}
/* Stuck menu styles
========================================================*/
.isStuck {
padding:5px 0;
background:#fff;
z-index:999
}
.isStuck .social {
display:none
}
@media only screen and (max-width:979px) {
.isStuck {
display:none !important
}
}
/*========================================================
CONTENT styles
=========================================================*/
#content {
overflow:hidden;
/*==========WRAPPERS=============*/
/*==========HEADERS=============*/
/*==========BUTTONS=============*/
/*==========QUOTE BOX=============*/
/*==========CAROUSEL=============*/
/*==========NEWS BOX=============*/
/*==========Link Box=========*/
/*==========PRICE BOX===========*/
/*==========MAP=============*/
}
#content .top-image {
width:100%
}
#content .top-image img {
width:100%
}
#content .wrapper1 {
margin:74px 0 78px
}
#content .wrapper2 {
margin:82px 0 52px
}
#content .wrapper3 {
margin:82px 0
}
#content .wrapper4 {
margin-top:80px
}
#content .wrapper5 {
margin:76px 0 62px
}
#content .wrapper6 {
margin:76px 0 52px
}
#content .wrapper7 {
margin:78px 0 51px
}
#content .wrapper8 {
margin:80px 0 75px
}
#content .wrapper9 {
margin:76px 0 82px
}
#content .wrapper10 {
margin:76px 0 77px
}
#content .wrapper11 {
margin:82px 0 51px
}
#content .wrapper12 {
margin:76px 0 42px
}
#content .btn_1-wrap {
margin:2px 0 0 1px
}
#content .btn_2-wrap {
margin-top:30px
}
#content .btn_3-wrap {
margin-top:33px
}
#content .btn_4-wrap {
margin-top:16px
}
@media only screen and (max-width:1199px) {
#content .wrap1,
#content .btn_1-wrap {
text-align:center;
float:none;
margin-top:15px
}
}
@media only screen and (max-width:767px) {
#content .wrap1,
#content .btn_1-wrap {
text-align:center;
float:none
}
#content .wrap1 .heading_1,
#content .btn_1-wrap .heading_1 {
font-size:36px
}
#content .wrap1 p,
#content .btn_1-wrap p {
font-size:24px
}
}
#content .heading_1 {
margin-bottom:15px
}
#content .heading_2 {
margin-bottom:27px
}
#content .heading_3 {
padding-top:17px;
margin-bottom:27px
}
#content .heading_4 {
margin-bottom:52px
}
#content .heading_5 {
margin-bottom:36px
}
#content .heading_6 {
margin-bottom:37px
}
#content .heading_7 {
margin-bottom:22px
}
#content .heading_8 {
margin-bottom:14px
}
#content .heading_9 {
margin-bottom:45px
}
#content .heading_10 {
margin-bottom:12px
}
#content .heading_11 {
margin-bottom:11px
}
#content .heading_12 {
margin-bottom:46px
}
#content .heading_13 {
margin-bottom:8px
}
#content .heading_14 {
margin-bottom:43px
}
@media only screen and (max-width:767px) {
#content .heading_14__1 {
margin-top:30px
}
}
#content .btn {
display:inline-block;
margin:10px 0 0 0;
padding:10px 27px 10px;
border-radius:10px;
text-align:center;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
#content .btn:hover {
color:#222
}
#content .btn_2 {
position:relative;
display:inline-block;
padding:4px 16px 6px 36px;
border-radius:4px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
#content .btn_2:hover {
color:#c7213f
}
#content .btn_2:after {
content:"\f100";
position:absolute;
left:14px;
top:0;
font-size:17px;
font-family:FontAwesome;
line-height:41px
}
@media only screen and (max-width:979px) {
#content .btn_2 {
padding-left:36px
}
}
#content .box {
margin-bottom:30px
}
#content .box img {
margin-bottom:40px
}
#content .quote-box {
position:relative;
padding:68px 0 78px
}
#content .quote-box img {
position:absolute;
top:55px;
right:0;
border-radius:94px
}
#content .quote-box a:hover {
color:#c7213f
}
#content .quote-box .caption {
margin-right:50px;
padding:0 170px 0 56px;
border-radius:10px
}
#content .quote-box .caption p {
padding-bottom:17px
}
#content .quote-box:before {
content:"";
background:url(../../../design/default/css/../images/index_img-11.png) no-repeat;
position:absolute;
top:0;
right:0;
width:50px;
height:43px
}
#content .quote-box:after {
content:"";
background:url(../../../design/default/css/../images/index_img-12.png) no-repeat;
position:absolute;
left:0;
bottom:0;
width:50px;
height:43px
}
@media only screen and (max-width:1199px) {
#content .quote-box .caption {
margin-right:0;
padding-right:220px
}
#content .quote-box img {
top:78px;
right:5px
}
}
@media only screen and (max-width:979px) {
#content .quote-box img {
top:75px;
right:10px
}
}
@media only screen and (max-width:767px) {
#content .quote-box img {
right:50%;
margin-right:-95px
}
#content .quote-box .caption {
padding:200px 10px 0 10px
}
}
#content .first {
min-height:523px
}
#content .second {
min-height:577px
}
#content .first,
#content .second {
z-index:1
}
#content .first .fill-opacity,
#content .second .fill-opacity {
background:url(../../../design/default/css/../images/index_img-14.png) repeat;
width:100%;
z-index:2
}
#content .first .fill-opacity {
min-height:523px
}
#content .second .fill-opacity {
min-height:577px
}
#content .carousel {
width:auto;
margin:0 -15px;
z-index:3
}
#content .carousel .item {
padding:0 15px
}
#content .carousel .item a {
display:block
}
#content .carousel .item a:hover {
background:url(../../../design/default/css/../images/index_img-13.png) center no-repeat;
z-index:4
}
#content .carousel .item a:hover img {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=69)";
opacity:.69
}
#content .news-box {
margin:3px 0 40px
}
#content .news-box a:hover {
text-decoration:underline
}
#content .news-box .caption .heading {
margin:24px 0 18px
}
#content .box2 {
margin-bottom:78px
}
#content .box2 .heading_2 {
margin-bottom:20px
}
#content .box2 a:hover {
text-decoration:underline
}
#content .box2 p {
margin-bottom:41px
}
#content .box2 h6 {
max-width:55%
}
@media only screen and (max-width:767px) {
#content .box2 h6 {
max-width:70%
}
}
#content .box3 img {
margin:7px 0 20px
}
#content .box3 a:hover {
text-decoration:underline
}
#content .box3 .caption {
margin-right:472px
}
#content .box3 .caption p {
margin-bottom:20px
}
#content .box4 {
margin-bottom:30px
}
#content .box4 img {
width:100%
}
#content .box4 .caption {
padding:23px 33px 26px 25px
}
#content .box5 {
margin-bottom:76px
}
#content .box5 a:hover {
text-decoration:underline
}
#content .box5 .heading_2 {
margin-bottom:17px
}
#content .box5 .heading_2__1 {
margin-bottom:14px
}
#content .box5 p {
margin-bottom:25px
}
#content .box6 {
margin-bottom:30px
}
#content .box6 img {
float:right;
margin-top:5px
}
#content .box6 .caption {
margin-right:264px
}
@media only screen and (max-width:979px) {
#content .box3 {
text-align:center
}
#content .box3 img {
float:none;
display:inline-block
}
#content .box3 .caption {
text-align:right;
margin-right:0
}
#content .box3 .caption iframe{
width:100%
}
#content .box4 .caption {
padding:23px 10px 26px
}
#content .box6 {
text-align:center
}
#content .box6 img {
float:none;
display:inline-block;
margin-bottom:5px
}
#content .box6 .caption {
text-align:right;
margin-right:0
}
}
#content .link-box {
position:relative;
margin-bottom:27px;
padding:13px 52px 0 0
}
#content .link-box li {
margin-bottom:10px
}
#content .link-box ul a {
position:relative;
display:block;
padding-right:16px
}
#content .link-box ul a:before {
content:"\f100";
position:absolute;
top:0;
right:1px;
font-family:FontAwesome;
font-size:17px;
line-height:20px;
color:#9a9d95
}
#content .link-box a:hover {
text-decoration:underline
}
#content .link-box__1:before,
#content .link-box__2:before,
#content .link-box__3:before,
#content .link-box__4:before,
#content .link-box__5:before,
#content .link-box__6:before {
position:absolute;
top:0;
right:2px;
font-family:FontAwesome;
font-size:43px;
line-height:31px;
color:#b52842
}
#content .link-box__1:before {
content:"\f007"
}
#content .link-box__2:before {
content:"\f005";
top:1px
}
#content .link-box__3:before {
content:"\f004";
top:1px
}
#content .link-box__4:before {
content:"\f06c";
top:1px
}
#content .link-box__5:before {
content:"\f013";
top:1px
}
#content .link-box__6:before {
content:"\f0a3";
top:1px
}
#content .price-box a:hover {
text-decoration:underline
}
#content .price-box .price-text {
padding-left:50px
}
#content .price-box li + li {
margin-top:23px
}
#content .price {
margin:40px 0 20px
}
@media only screen and (max-width:1199px) {
#content .price-box .price-text {
padding-left:0;
margin-bottom:20px
}
}
@media only screen and (max-width:767px) {
#content .price-box {
margin-top:23px
}
#content .price-box p {
float:none
}
#content .price-box .price-text {
margin-bottom:10px
}
#content .price-box .price {
text-align:center;
margin-top:0
}
}
#content address {
margin:18px 0 21px
}
#content dd,
#content dt {
display:inline-block;
padding-left:7px
}
#content .span-pad {
padding-right:18px
}
#content .span-pad:hover {
text-decoration:underline
}
#content .map {
width:100%;
height:385px
}
@media only screen and (max-width:480px) {
#content .map {
height:285px
}
}
#content .map2 {
width:100%;
height:380px
}
@media only screen and (max-width:480px) {
#content .map2 {
height:280px
}
}
#content .policy-box h6 {
margin-top:21px
}
#content .policy-link {
margin-top:32px
}
#content .policy-link a:hover {
text-decoration:underline
}
/*========================================================
FOOTER styles
=========================================================*/
#footer {
padding:16px 0 19px
}
#footer span a:hover {
color:#fff
}
#footer .footer-logo:hover {
color:#c7213f
}
#footer .copyright-wrap {
margin-right:6px
}
#footer .footer-nav > li {
float:right;
position:relative;
margin:0
}
#footer .footer-nav > li > a {
display:inline-block;
padding:0 21px;
letter-spacing:0;
text-transform:uppercase;
-webkit-transition:0.3s all ease;
transition:0.3s all ease
}
#footer .footer-nav > li > a:hover {
color:#fff;
-webkit-transition:0.3s all ease;
transition:0.3s all ease
}
#footer .footer-nav > li.first-child a {
padding-left:20px
}
#footer .footer-nav > li.last-child a {
padding-left:0
}
#footer .footer-nav > li.current a {
color:#fff
}
#footer .footer-nav a {
-webkit-transition:0.3s all ease;
transition:0.3s all ease
}
#footer .footer-nav a:hover {
-webkit-transition:0.3s all ease;
transition:0.3s all ease
}
/*========================================================
Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:80px;
right:30px;
overflow:hidden;
border:none;
color:#fff;
background:#c7213f;
border-radius:5px;
width:43px;
height:43px;
font-size:43px;
line-height:38px;
z-index:20;
-webkit-transition:color 0.5s ease;
transition:color 0.5s ease
}
#toTop:hover {
outline:none;
color:#222
}
@media only screen and (max-width:1199px) {
#toTop {
display:none !important
}
}
/* Stellar(parallaxBG) styles
========================================================*/
.stellar-block {
background-attachment:fixed;
background-position:center 0%;
position:relative;
background-repeat:no-repeat;
z-index:8
}
.first {
background-image:url(../../../design/default/css/../images/index_img-10.png);
background-color:#d1d1d1;
background-position:center 0%
}
.second {
background-image:url(../../../design/default/css/../images/index_img-10.png);
background-color:#d1d1d1;
background-position:center 0%
}
/*========================================================
RESPONSIVE LAYOUTS STYLES
=========================================================*/
@media only screen and (max-width:979px) {
#content .btn_1-wrap,
#content .wrap1 {
float:none
}
#content .btn_1-wrap {
margin-top:15px
}
}
@media only screen and (max-width:767px) {
#footer {
text-align:center
}
#footer .footer-nav {
display:none
}
}
@media only screen and (max-width:320px) {
.sample {
height:auto;
/*delete this class*/
}
}
/*Core variables and mixins*/
.policy-box article{
color:black
}
.policy-box article a:hover{
text-decoration:underline
}
/* Main menu styles
========================================================*/
nav {
padding-top:5px
}
.sf-menu {
float:left
}
.sf-menu > li {
float:right;
position:relative;
margin:0
}
.sf-menu > li > a {
display:inline-block;
padding:5px 20px 0 22px;
letter-spacing:0;
text-transform:uppercase;
-webkit-transition:0.3s all ease;
transition:0.3s all ease
}
.sf-menu > li > a:hover {
color:#272727;
-webkit-transition:0.3s all ease;
transition:0.3s all ease
}
.sf-menu > li + li:before {
content:"";
position:absolute;
right:0;
bottom:7px;
width:1px;
height:7px;
background-color:#c9ccc7
}
.sf-menu > li.first-child a {
padding-left:20px
}
.sf-menu > li.last-child a {
padding-left:0
}
.sf-menu > li > .sf-with-ul:before {
content:"\f107";
position:absolute;
right:40%;
bottom:-14px;
font-family:FontAwesome;
font-size:20px;
color:#272727
}
.sf-menu > li.current a {
color:#272727
}
.sf-menu > li.sfHover > a {
color:#272727
}
.sf-menu a {
-webkit-transition:0.3s all ease;
transition:0.3s all ease
}
.sf-menu a:hover {
-webkit-transition:0.3s all ease;
transition:0.3s all ease
}
/* First level sub-menu styles
========================================================*/
.sf-menu ul {
position:absolute;
top:40px;
right:0;
background:#fff;
padding:10px 20px;
width:140px;
z-index:2;
display:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.sf-menu ul li {
line-height:30px;
position:relative
}
.sf-menu ul li a {
color:#7b8376
}
.sf-menu ul li a:hover {
color:#272727
}
.sf-menu ul li.sfHover > a {
color:#272727
}
.sf-menu ul .sf-with-ul:before {
content:"\f105";
position:absolute;
left:0;
top:0;
font-family:FontAwesome;
font-size:20px;
color:#272727
}
/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul {
position:absolute;
top:-10px;
right:125px;
background:#fff;
padding:10px 20px;
z-index:4
}
.sf-menu ul ul li {
line-height:30px
}
.sf-menu ul ul li a {
color:#7b8376
}
.sf-menu ul ul li a:hover {
color:#272727
}
.sf-menu ul ul:before {
content:""
}
@media only screen and (max-width:767px) {
.sf-menu {
display:none
}
.select-menu {
display:block;
margin:10px 0 0;
width:100%
}
}
#content .quote-box .caption {
padding:0 56px 0 56px !important;
margin-left:50px
}
/* The gallery overlay */
#galleryOverlay{
width:100%;
height:100%;
position:fixed;
top:0;
right:0;
opacity:0;
z-index:100000;
background-color:#222;
background-color:rgba(0,0,0,0.8);
overflow:hidden;
display:none;
-moz-transition:opacity 1s ease;
-webkit-transition:opacity 1s ease;
transition:opacity 1s ease
}
/* This class will trigger the animation */
#galleryOverlay.visible{
opacity:1
}
#gallerySlider{
height:100%;
right:0;
top:0;
width:100%;
white-space:nowrap;
position:absolute;
-moz-transition:right 0.4s ease;
-webkit-transition:right 0.4s ease;
transition:right 0.4s ease
}
#gallerySlider .placeholder{
background:url(../../../design/default/css/../images/preloader.gif) no-repeat center center;
height:100%;
line-height:1px;
text-align:center;
width:100%;
display:inline-block
}
/* The before element moves the
* image halfway from the top */
#gallerySlider .placeholder:before{
content:"";
display:inline-block;
height:50%;
width:1px;
margin-left:-1px
}
#gallerySlider .placeholder img{
display:inline-block;
max-height:100%;
max-width:100%;
vertical-align:middle
}
#gallerySlider.rightSpring{
-moz-animation:rightSpring 0.3s;
-webkit-animation:rightSpring 0.3s
}
#gallerySlider.leftSpring{
-moz-animation:leftSpring 0.3s;
-webkit-animation:leftSpring 0.3s
}
/* Firefox Keyframe Animations */
@-moz-keyframes rightSpring{
0%{		margin-right:0px
}
50%{	margin-right:-30px
}
100%{	margin-right:0px
}
}
@-moz-keyframes leftSpring{
0%{		margin-right:0px
}
50%{	margin-right:30px
}
100%{	margin-right:0px
}
}
/* Safari and Chrome Keyframe Animations */
@-webkit-keyframes rightSpring{
0%{		margin-right:0px
}
50%{	margin-right:-30px
}
100%{	margin-right:0px
}
}
@-webkit-keyframes leftSpring{
0%{		margin-right:0px
}
50%{	margin-right:30px
}
100%{	margin-right:0px
}
}
/* Arrows */
#prevArrow,#nextArrow{
border:none;
text-decoration:none;
background:url(../../../design/default/css/../images/arrows.png) no-repeat;
opacity:0.5;
cursor:pointer;
position:absolute;
width:43px;
height:58px;
top:50%;
margin-top:-29px;
-moz-transition:opacity 0.2s ease;
-webkit-transition:opacity 0.2s ease;
transition:opacity 0.2s ease
}
#prevArrow:hover,#nextArrow:hover{
opacity:1
}
#prevArrow{
background-position:right top;
right:40px
}
#nextArrow{
background-position:left top;
left:40px
}