@charset "UTF-8";
/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* */
/* ************* END MEDIAQUERIES *************** */
/* ************* FONTS *************** */
/* ************* END FONTS *************** */
/* ************* COLORS *************** */
/*variables bootstrap*/
/*
* Usage:
*
*
*/
.sk-rotating-plane {
width: 40px;
height: 40px;
background-color: #fff;
margin: 0px auto;
animation: sk-rotatePlane 1.2s infinite ease-in-out; }
@keyframes sk-rotatePlane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
/*
* Usage:
*
*
*/
.sk-double-bounce {
width: 40px;
height: 40px;
position: relative;
margin: 0px auto; }
.sk-double-bounce .sk-child {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: sk-doubleBounce 2.0s infinite ease-in-out; }
.sk-double-bounce .sk-double-bounce2 {
animation-delay: -1.0s; }
@keyframes sk-doubleBounce {
0%, 100% {
transform: scale(0); }
50% {
transform: scale(1); } }
/*
* Usage:
*
*
*/
.sk-wave {
margin: 0px auto;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px; }
.sk-wave .sk-rect {
background-color: #fff;
height: 100%;
width: 6px;
display: inline-block;
animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
.sk-wave .sk-rect1 {
animation-delay: -1.2s; }
.sk-wave .sk-rect2 {
animation-delay: -1.1s; }
.sk-wave .sk-rect3 {
animation-delay: -1s; }
.sk-wave .sk-rect4 {
animation-delay: -0.9s; }
.sk-wave .sk-rect5 {
animation-delay: -0.8s; }
@keyframes sk-waveStretchDelay {
0%, 40%, 100% {
transform: scaleY(0.4); }
20% {
transform: scaleY(1); } }
/*
* Usage:
*
*
*/
.sk-wandering-cubes {
margin: 0px auto;
width: 40px;
height: 40px;
position: relative; }
.sk-wandering-cubes .sk-cube {
background-color: #fff;
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; }
.sk-wandering-cubes .sk-cube2 {
animation-delay: -0.9s; }
@keyframes sk-wanderingCube {
0% {
transform: rotate(0deg); }
25% {
transform: translateX(30px) rotate(-90deg) scale(0.5); }
50% {
/* Hack to make FF rotate in the right direction */
transform: translateX(30px) translateY(30px) rotate(-179deg); }
50.1% {
transform: translateX(30px) translateY(30px) rotate(-180deg); }
75% {
transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); }
100% {
transform: rotate(-360deg); } }
/*
* Usage:
*
*
*/
.sk-spinner-pulse {
width: 40px;
height: 40px;
margin: 0px auto;
background-color: #fff;
border-radius: 100%;
animation: sk-pulseScaleOut 1.0s infinite ease-in-out; }
@keyframes sk-pulseScaleOut {
0% {
transform: scale(0); }
100% {
transform: scale(1);
opacity: 0; } }
/*
* Usage:
*
*
*/
.sk-chasing-dots {
margin: 0px auto;
width: 40px;
height: 40px;
position: relative;
text-align: center;
animation: sk-chasingDotsRotate 2s infinite linear; }
.sk-chasing-dots .sk-child {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fff;
border-radius: 100%;
animation: sk-chasingDotsBounce 2s infinite ease-in-out; }
.sk-chasing-dots .sk-dot2 {
top: auto;
bottom: 0;
animation-delay: -1s; }
@keyframes sk-chasingDotsRotate {
100% {
transform: rotate(360deg); } }
@keyframes sk-chasingDotsBounce {
0%, 100% {
transform: scale(0); }
50% {
transform: scale(1); } }
/*
* Usage:
*
*
*/
.sk-three-bounce {
margin: 0px auto;
width: 80px;
text-align: center; }
.sk-three-bounce .sk-child {
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 100%;
display: inline-block;
animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
.sk-three-bounce .sk-bounce1 {
animation-delay: -0.32s; }
.sk-three-bounce .sk-bounce2 {
animation-delay: -0.16s; }
@keyframes sk-three-bounce {
0%, 80%, 100% {
transform: scale(0); }
40% {
transform: scale(1); } }
/*
* Usage:
*
*
*/
.sk-circle {
margin: 0px auto;
width: 40px;
height: 40px;
position: relative; }
.sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.sk-circle .sk-child:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #D52B1E;
border-radius: 100%;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
.sk-circle .sk-circle2 {
transform: rotate(30deg); }
.sk-circle .sk-circle3 {
transform: rotate(60deg); }
.sk-circle .sk-circle4 {
transform: rotate(90deg); }
.sk-circle .sk-circle5 {
transform: rotate(120deg); }
.sk-circle .sk-circle6 {
transform: rotate(150deg); }
.sk-circle .sk-circle7 {
transform: rotate(180deg); }
.sk-circle .sk-circle8 {
transform: rotate(210deg); }
.sk-circle .sk-circle9 {
transform: rotate(240deg); }
.sk-circle .sk-circle10 {
transform: rotate(270deg); }
.sk-circle .sk-circle11 {
transform: rotate(300deg); }
.sk-circle .sk-circle12 {
transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
animation-delay: -1s; }
.sk-circle .sk-circle4:before {
animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
animation-delay: -0.1s; }
@keyframes sk-circleBounceDelay {
0%, 80%, 100% {
transform: scale(0); }
40% {
transform: scale(1); } }
/*
* Usage:
*
*
*/
.sk-cube-grid {
width: 40px;
height: 40px;
margin: 0px auto;
/*
* Spinner positions
* 1 2 3
* 4 5 6
* 7 8 9
*/ }
.sk-cube-grid .sk-cube {
width: 33.33%;
height: 33.33%;
background-color: #fff;
float: left;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
.sk-cube-grid .sk-cube1 {
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
animation-delay: 0.2s; }
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
transform: scale3D(1, 1, 1); }
35% {
transform: scale3D(0, 0, 1); } }
/*
* Usage:
*
*
*/
.sk-fading-circle {
margin: 0px auto;
width: 40px;
height: 40px;
position: relative; }
.sk-fading-circle .sk-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.sk-fading-circle .sk-circle:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #fff;
border-radius: 100%;
animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }
.sk-fading-circle .sk-circle2 {
transform: rotate(30deg); }
.sk-fading-circle .sk-circle3 {
transform: rotate(60deg); }
.sk-fading-circle .sk-circle4 {
transform: rotate(90deg); }
.sk-fading-circle .sk-circle5 {
transform: rotate(120deg); }
.sk-fading-circle .sk-circle6 {
transform: rotate(150deg); }
.sk-fading-circle .sk-circle7 {
transform: rotate(180deg); }
.sk-fading-circle .sk-circle8 {
transform: rotate(210deg); }
.sk-fading-circle .sk-circle9 {
transform: rotate(240deg); }
.sk-fading-circle .sk-circle10 {
transform: rotate(270deg); }
.sk-fading-circle .sk-circle11 {
transform: rotate(300deg); }
.sk-fading-circle .sk-circle12 {
transform: rotate(330deg); }
.sk-fading-circle .sk-circle2:before {
animation-delay: -1.1s; }
.sk-fading-circle .sk-circle3:before {
animation-delay: -1s; }
.sk-fading-circle .sk-circle4:before {
animation-delay: -0.9s; }
.sk-fading-circle .sk-circle5:before {
animation-delay: -0.8s; }
.sk-fading-circle .sk-circle6:before {
animation-delay: -0.7s; }
.sk-fading-circle .sk-circle7:before {
animation-delay: -0.6s; }
.sk-fading-circle .sk-circle8:before {
animation-delay: -0.5s; }
.sk-fading-circle .sk-circle9:before {
animation-delay: -0.4s; }
.sk-fading-circle .sk-circle10:before {
animation-delay: -0.3s; }
.sk-fading-circle .sk-circle11:before {
animation-delay: -0.2s; }
.sk-fading-circle .sk-circle12:before {
animation-delay: -0.1s; }
@keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0; }
40% {
opacity: 1; } }
/*
* Usage:
*
*
*/
.sk-folding-cube {
margin: 0px auto;
width: 40px;
height: 40px;
position: relative;
transform: rotateZ(45deg); }
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1); }
.sk-folding-cube .sk-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
animation: sk-foldCubeAngle 2.4s infinite linear both;
transform-origin: 100% 100%; }
.sk-folding-cube .sk-cube2 {
transform: scale(1.1) rotateZ(90deg); }
.sk-folding-cube .sk-cube3 {
transform: scale(1.1) rotateZ(180deg); }
.sk-folding-cube .sk-cube4 {
transform: scale(1.1) rotateZ(270deg); }
.sk-folding-cube .sk-cube2:before {
animation-delay: 0.3s; }
.sk-folding-cube .sk-cube3:before {
animation-delay: 0.6s; }
.sk-folding-cube .sk-cube4:before {
animation-delay: 0.9s; }
@keyframes sk-foldCubeAngle {
0%, 10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0; }
25%, 75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1; }
90%, 100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0; } }
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom; }
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
.shake {
-webkit-animation-name: shake;
animation-name: shake; }
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg); }
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg); }
50% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg); }
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg); }
50% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake; }
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes wobble {
from {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: none;
transform: none; } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none; }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center; }
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: none;
transform: none; } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip; }
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: none;
transform: none;
opacity: 1; } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft; }
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight; }
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
@keyframes spinner {
to {
transform: rotate(360deg); } }
.spinner:before {
content: '';
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
border-radius: 50%;
border: 2px solid #ccc;
border-top-color: #333;
animation: spinner .6s linear infinite; }
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
.owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative; }
.owl-carousel {
display: none;
width: 100%;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none; }
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block; }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.owl-height {
transition: height .5s ease-in-out; }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
/**
* Swiper 3.4.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2017, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: March 10, 2017
*/
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
/* Fix of Webkit flickering */
z-index: 1; }
.swiper-container-no-flexbox .swiper-slide {
float: left; }
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column; }
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0); }
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto; }
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative; }
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto; }
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform, height; }
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y; }
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x; }
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat; }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto; }
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto; }
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
/* Pagination Styles */
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10; }
.swiper-pagination.swiper-pagination-hidden {
opacity: 0; }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%; }
/* Bullets */
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2; }
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer; }
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff; }
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff; }
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff; }
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000; }
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
-moz-transform: translate3d(0px, -50%, 0);
-o-transform: translate(0px, -50%);
-ms-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px; }
/* Progress */
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute; }
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0; }
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0; }
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5); }
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff; }
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000; }
/* 3D Container */
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px; }
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
/* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 3.6-15 */
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
/* Opera 11.10-12.00 */
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
/* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 3.6-15 */
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
/* Opera 11.10-12.00 */
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
/* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 3.6-15 */
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
/* Opera 11.10-12.00 */
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
/* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 3.6-15 */
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
/* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
/* Firefox 16+, IE10, Opera 12.50+ */ }
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px; }
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
overflow: visible; }
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1; }
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden; }
/* Cube */
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%; }
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible; }
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0; }
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center; }
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain; }
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%; }
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%; }
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0; }
.swiper-scrollbar-cursor-drag {
cursor: move; }
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat; }
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg); } }
/*
*
* Main stylesheet for Switchery.
* http://abpetkov.github.io/switchery/
*
*/
/* Switchery defaults. */
.switchery {
background-color: #fff;
border: 1px solid #dfdfdf;
border-radius: 20px;
cursor: pointer;
display: inline-block;
height: 30px;
position: relative;
vertical-align: middle;
width: 50px;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-background-clip: content-box;
background-clip: content-box; }
.switchery > small {
background: #fff;
border-radius: 100%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
height: 30px;
position: absolute;
top: 0;
width: 30px; }
/* Switchery sizes. */
.switchery-small {
border-radius: 20px;
height: 20px;
width: 33px; }
.switchery-small > small {
height: 20px;
width: 20px; }
.switchery-large {
border-radius: 40px;
height: 40px;
width: 66px; }
.switchery-large > small {
height: 40px;
width: 40px; }
body[data-open-aside='open'] .global-content {
padding-right: 0;
/* -webkit-transform: translate3d(-230px, 0, 0);
transform: translate3d(-230px, 0, 0);*/ }
body[data-open-aside='open'] .menu-aside {
/* -webkit-transform: translate3d(-230px, 0, 0);
transform: translate3d(-230px, 0, 0);*/ }
.ui-top {
padding-top: 50px; }
.ui-m-top {
margin-top: 50px; }
.ui-bottom {
padding-bottom: 50px; }
.ui-msg-bottom {
padding-bottom: 160px; }
.bg-opacity-040 {
background-color: rgba(0, 0, 0, 0.1); }
.width-230 {
width: 230px; }
.max-width {
width: 320px; }
.right--230 {
right: -230px; }
.icon-size-28 {
font-size: 28px; }
.overlay {
background-color: rgba(0, 0, 0, 0.2); }
body[page-in-page] {
perspective: 600px;
background-color: #D52B1E; }
body[page-in-page] .global-content {
background-color: #FFF;
-webkit-border-radius: 20px;
border-radius: 20px; }
body[page-in-page] .page-in-page {
transform-style: flat;
-webkit-transform-style: flat;
-webkit-box-shadow: 0px -10px 40px rgba(0, 0, 0, 0.6);
box-shadow: 0px -10px 40px rgba(0, 0, 0, 0.6); }
.mensaje {
width: 95%;
max-width: 320px;
min-height: 100px;
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3); }
/*.mensaje-top {
top:-50px;
-webkit-transform: translate(-50%,-100%);
-moz-transform: translate(-50%,-100%);
-ms-transform: translate(-50%,-100%);
-o-transform: translate(-50%,-100%);
transform: translate(-50%,-100%);
}*/
.mensaje-center {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.mensaje-top.show-msj {
top: 10px;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%); }
.mensaje-center.show-msj {
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.backface-visibility-h {
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
backface-visibility: hidden;
perspective: 1000; }
.box-shadow-transition {
-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6); }
.box-shadow-transition-left {
-webkit-box-shadow: inset 5px 0 40px rgba(0, 0, 0, 0.8);
box-shadow: inset 5px 0 40px rgba(0, 0, 0, 0.8); }
.box-shadow-transition-right {
-webkit-box-shadow: -5px 0px 45px rgba(0, 0, 0, 0.8);
box-shadow: -5px 0px 45px rgba(0, 0, 0, 0.8); }
.user-select-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.bg-ayto-gijon {
background-color: #0D1D1E;
background-repeat: no-repeat;
background-size: cover;
background-position: center; }
.bg-ayto-gijon-vista {
background-repeat: no-repeat;
background-size: cover;
background-position: center; }
.bg-ayto-gijon-login {
background-image: url(../assets/img/bg-ayto-gijon-login.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center; }
.reset-btn {
-webkit-appearance: none;
-moz-appearance: none;
background: none;
outline: 0px !important;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
font-size: inherit;
font-family: inherit;
touch-action: auto; }
.reset-btn:active, .reset-btn:focus {
outline: 0px !important; }
.btn-feedbackfocus, .btn-feedback:active {
position: relative;
top: 2px; }
.btn-feedback-listfocus, .btn-feedback-list:active {
background-color: #F4F4F4; }
.btn-border-box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.select-arrow, .select-arrow-dark {
background-image: url("../assets/img/select-arrow.png");
background-repeat: no-repeat;
background-position: right 10px center; }
.select-arrow-dark {
background-image: url("../assets/img/select-arrow-dark.png"); }
.border-n {
border: none; }
.box-shadow-p-btn {
box-shadow: 0 4px 10px 0 rgba(213, 43, 30, 0.6);
-webkit-box-shadow: 0 4px 10px 0 rgba(213, 43, 30, 0.6); }
.box-shadow-message-new {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11); }
.box-shadow-b-05 {
-webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.5); }
.box-shadow-cover-secc {
box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, 0.2); }
.box-shadow-cover-secc-2 {
box-shadow: 0 -16px 34px 0 rgba(0, 0, 0, 0.1); }
.box-shadow-toogle {
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.25); }
.box-shadow-avatar {
box-shadow: 0 16px 31px 0 rgba(0, 0, 0, 0.2); }
.reset-btn::-moz-focus-inner {
border: 0;
padding: 0; }
.frwbtn-primary {
position: relative;
background-color: #D52B1E;
color: #fff; }
.frwbtn-primary:active {
top: 1px;
background-color: #d32b1e; }
.frwbtn-grey {
position: relative;
background-color: transparent; }
.frwbtn-grey:active {
top: 1px;
background-color: #dbdbdb; }
.placeholder-w::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #a82218; }
.placeholder-w::-moz-placeholder {
/* Firefox 19+ */
color: #a82218; }
.placeholder-w:-ms-input-placeholder {
/* IE 10+ */
color: #a82218; }
.placeholder-w:-moz-placeholder {
/* Firefox 18- */
color: #a82218; }
input[type="date"] {
display: block;
-webkit-appearance: textfield;
-moz-appearance: textfield;
min-height: 2.2em; }
.drawer-trasition-3000.opened {
transition: all 0.3s ease-out !important;
-webkit-transition: all 0.3s ease-out !important; }
.drawer-trasition-3000.closed {
transition: all 0.3s ease-out !important;
-webkit-transition: all 0.3s ease-out !important; }
.drawer-mask {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #000;
opacity: 0.0;
z-index: -1; }
.reset-list {
margin: 0;
padding: 0;
list-style-type: none; }
.height-200 {
height: 200px; }
.height-21 {
height: 21px; }
.height-160 {
height: 180px; }
.height-260 {
height: 260px; }
.height-054 {
height: 54%; }
.bottom--0100 {
bottom: -100%; }
.padding-b-015 {
padding-bottom: 15%; }
.bg-color-top-0100 {
background-color: #F4F4F4; }
.bg-color-aviso-0100 {
background-color: #7AB800; }
.bg-color-aviso-010 {
background-color: rgba(122, 184, 0, 0.1); }
.bg-color-aviso-020 {
background-color: rgba(122, 184, 0, 0.2); }
.color-aviso-0100 {
color: #7AB800; }
.bg-color-b-05 {
background-color: #F4F4F4; }
.border-color-b-05 {
border-color: #F4F4F4; }
.text-shadow-050 {
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); }
.top-140 {
top: 140px; }
.flex-fix-calc {
flex: 1 0 auto; }
.flex-fix-resumen-calc {
flex: 0 0 auto;
margin-top: -1px; }
.flex-fix-resumen {
flex: 1 1 0;
margin-top: -2px; }
.margin-l-auto {
margin-left: auto; }
.bg-prev-tarjeta {
background-image: url("../assets/img/gijon-logo-prev-tarjeta-m.png");
background-repeat: no-repeat;
background-position: left bottom;
height: 160px; }
.prev-tarjeta {
min-height: 200px; }
.foto-perfil-usuario {
position: absolute;
top: 50%;
transform: translateY(-50%); }
.width-max {
width: max-content; }
/*************************************************
RAIDO BUTTONS PAGO TARJETAS
**************************************************/
ul.listado-tarjetas {
padding-bottom: 80px; }
.selector input {
position: absolute;
z-index: 8000;
display: none; }
.selector label {
display: block;
position: relative;
font-weight: 300;
font-size: 1.35em;
padding: 0px 0px 15px 0px;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear; }
.selector .check {
display: block;
position: absolute;
border: 3px solid #D52B1E;
border-radius: 100%;
height: 25px;
width: 25px;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear; }
.selector:hover .check {
border: 2px solid #D52B1E; }
.selector .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 19px;
width: 19px;
top: 1px;
left: 1px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear; }
.selector input:checked ~ .check {
border: 2px solid #D52B1E; }
.selector input:checked ~ .check::before {
background: #D52B1E; }
/***************************************************
MENSAJES PAGA OK -KO
**************************************************/
.pago-resulados .caja-info {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: url(../assets/img/bg_pago_ok.png) left bottom no-repeat;
background-size: cover; }
.pago-resulados .caja-info .caja {
width: 90%; }
.pago-resulados .caja-info .info {
padding-top: 63px;
background: url(../assets/img/icono_pago_ok.png) top center no-repeat;
min-height: 100px; }
.pago-resulados .caja-info .configuracion-ko .info {
background: url(../assets/img/icono_pago_ko.png) top center no-repeat; }
@media (max-height: 570px) {
footer div[data-footer=conseguir] {
display: none; } }
/***************************************************
LOGIN
**************************************************/
.pass-txt {
font-family: "password"; }
/***************************************************
PARADAS
**************************************************/
.js-add-fav {
font-size: 25px;
z-index: 10000; }
/**********************************************
MENSAJES
***********************************************/
.mensaje_data > .area-icon {
flex: 1 1 5%;
order: 1; }
.mensaje_data > .area-mensaje {
flex: 1 1 87%;
order: 2; }
.mensaje_data > .flecha {
flex: 1 1 8%;
order: 3;
align-self: center; }
.icono-filtro {
/*background: url(../assets/img/filter.png) 100% 65% no-repeat;*/
cursor: pointer; }
.contador-pendientes {
line-height: 12px;
padding: 2.5px 5px;
border-radius: 12px; }
/*********************************************
LOGIN
**********************************************/
.dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 px;
border-radius: 10px; }
.dot.on {
background: #f7f7f9;
height: 8px;
width: 8px;
margin: 0 1px; }
.dot.on.darker {
background: #373a3c; }
.js-aceptar-legal {
height: 10px; }
#paradas_busqueda_res {
z-index: 10000;
-webkit-box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.75);
box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.75);
background-color: #F4F4F4;
max-height: 190px;
padding: 5px 10px 5px;
border-radius: 5px; }
#paradas_busqueda_res li {
border-bottom: 1px solid #ccc;
padding: 7px 0 3px 0; }
#paradas_busqueda_criteria {
z-index: 10000;
-webkit-box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.75);
box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.75);
background-color: #F4F4F4;
max-height: 300px;
padding: 5px 10px 5px;
border-radius: 5px; }
#paradas_busqueda_criteria li {
border-bottom: 1px solid #ccc;
padding: 7px 0 3px 0; }
.height-0100 {
height: 100%; }
.height-0100-uibottom {
height: calc(100% - 75px); }
/***************************************************
CONFIGURACIÓN DE COLORES
**************************************************/
.border-l1 {
border: 1px solid #37A3D9; }
.border-l2 {
border: 1px solid #562B73; }
.border-l4 {
border: 1px solid #174D38; }
.border-l6 {
border: 1px solid #CE1F7C; }
.border-l10 {
border: 1px solid #22387D; }
.border-l12 {
border: 1px solid #FDE80F; }
.border-l14 {
border: 1px solid #98C766; }
.border-l15 {
border: 1px solid #F3B229; }
.border-l16 {
border: 1px solid #431F0B; }
.border-l18 {
border: 1px solid #EA9BBA; }
.border-l20 {
border: 1px solid #9D1452; }
.border-l21 {
border: 1px solid #3BA756; }
.border-l24 {
border: 1px solid #7F801C; }
.border-l25 {
border: 1px solid #A55E21; }
.border-l26 {
border: 1px solid #B3ABC9; }
.border-l34 {
border: 1px solid #F26648; }
.border-l35 {
border: 1px solid #839187; }
.border-l36 {
border: 1px solid #C78C86; }
.border-l37 {
border: 1px solid #7695F9; }
.bg-color-l1-0100 {
background-color: #37A3D9; }
.bg-color-l2-0100 {
background-color: #562B73; }
.bg-color-l4-0100 {
background-color: #174D38; }
.bg-color-l6-0100 {
background-color: #CE1F7C; }
.bg-color-l10-0100 {
background-color: #22387D; }
.bg-color-l12-0100 {
background-color: #FDE80F; }
.bg-color-l14-0100 {
background-color: #98C766; }
.bg-color-l15-0100 {
background-color: #F3B229; }
.bg-color-l16-0100 {
background-color: #431F0B; }
.bg-color-l18-0100 {
background-color: #EA9BBA; }
.bg-color-l20-0100 {
background-color: #9D1452; }
.bg-color-l21-0100 {
background-color: #3BA756; }
.bg-color-l24-0100 {
background-color: #7F801C; }
.bg-color-l25-0100 {
background-color: #A55E21; }
.bg-color-l26-0100 {
background-color: #B3ABC9; }
.bg-color-l34-0100 {
background-color: #F26648; }
.bg-color-l35-0100 {
background-color: #839187; }
.bg-color-l36-0100 {
background-color: #C78C86; }
.bg-color-l37-0100 {
background-color: #7695F9; }
.color-l1 {
color: #37A3D9; }
.color-l2 {
color: #562B73; }
.color-l4 {
color: #174D38; }
.color-l6 {
color: #CE1F7C; }
.color-l10 {
color: #22387D; }
.color-l12 {
color: #FDE80F; }
.color-l14 {
color: #98C766; }
.color-l15 {
color: #F3B229; }
.color-l16 {
color: #431F0B; }
.color-l18 {
color: #EA9BBA; }
.color-l20 {
color: #9D1452; }
.color-l21 {
color: #3BA756; }
.color-l24 {
color: #7F801C; }
.color-l25 {
color: #A55E21; }
.color-l26 {
color: #B3ABC9; }
.color-l34 {
color: #F26648; }
.color-l35 {
color: #839187; }
.color-l36 {
color: #C78C86; }
.color-l37 {
color: #7695F9; }
.border-c-l1 {
border-color: #37A3D9; }
.border-c-l2 {
border-color: #562B73; }
.border-c-l4 {
border-color: #174D38; }
.border-c-l6 {
border-color: #CE1F7C; }
.border-c-l10 {
border-color: #22387D; }
.border-c-l12 {
border-color: #FDE80F; }
.border-c-l14 {
border-color: #98C766; }
.border-c-l15 {
border-color: #F3B229; }
.border-c-l16 {
border-color: #431F0B; }
.border-c-l18 {
border-color: #EA9BBA; }
.border-c-l20 {
border-color: #9D1452; }
.border-c-l21 {
border-color: #3BA756; }
.border-c-l24 {
border-color: #7F801C; }
.border-c-l25 {
border-color: #A55E21; }
.border-c-l26 {
border-color: #B3ABC9; }
.border-c-l34 {
border-color: #F26648; }
.border-c-l35 {
border-color: #839187; }
.border-c-l36 {
border-color: #C78C86; }
.border-c-l37 {
border-color: #7695F9; }
.icon-aside-space {
width: 36px;
min-width: 36px;
height: 36px; }
.ico-stop-space {
width: 32px;
min-width: 32px;
height: 32px; }
.ico-linea-space {
width: 28px;
min-width: 28px;
height: 28px; }
.icon-cover-dark {
background-color: #0D1D1E; }
.center-flex {
display: flex;
align-items: center;
justify-content: center; }
.bg-soft-gray {
background-color: #F5F5F5; }
.owl-carousel .owl-stage-outer {
padding: 20px;
margin: -20px;
position: relative;
z-index: 5; }
.owl-carousel .owl-item {
transition: all 0.3s;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
border-radius: 8px; }
.owl-carousel .owl-item.active {
box-shadow: 0 16px 20px rgba(0, 0, 0, 0.2); }
.owl-carousel .owl-dots {
margin-top: 10px;
display: flex;
align-items: center;
justify-content: center;
height: 32px;
flex-wrap: wrap;
position: relative;
z-index: 10; }
.owl-carousel .owl-dots .owl-dot {
outline: none;
appearance: none;
border: none;
width: 12px;
min-width: 12px;
height: 12px;
min-height: 12px;
border-radius: 20px;
background-color: #ccc;
margin: 0 6px;
padding: 0; }
.owl-carousel .owl-dots .owl-dot.active {
background-color: #D52B1E; }
.owl-carousel {
width: calc(100% - 50px); }
.owl-carousel .owl-stage-outer {
overflow: unset; }
.tarjeta-bg {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.tarjeta-bus {
background-image: url("../assets/img/tarjeta-bus.jpg"); }
.tarjeta-ciudadana {
background-image: url("../assets/img/tarjeta-ciudadana.jpg"); }
.bg-resumen-figure {
position: relative; }
.bg-resumen-figure:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 40%;
background-color: #D52B1E; }
.bg-resumen-figure:after {
content: '';
position: absolute;
top: 39%;
left: 0;
width: 100%;
height: 33px;
background-image: url("../assets/img/bg-figure-top.svg");
background-position: top center;
background-repeat: no-repeat;
background-size: cover; }
.bg-section-figure {
width: 100%;
height: 34px;
min-height: 34px;
position: relative;
top: -6px;
left: -4px;
background-image: url("../assets/img/bg-figure-top.svg");
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1; }
.tab-nav {
background-color: #E1E3E3;
border-radius: 4px; }
.tab-nav li {
display: flex; }
.tab-nav li a {
margin: 5px 5px;
padding: 2px 10px; }
.tab-nav li a.active {
border-radius: 4px;
background-color: #D52B1E;
color: #fff; }
.min-h-carousel {
min-height: 200px !important; }
.stop-shadow {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11); }
.stop-lineas-list ul li {
border-bottom: 1px solid rgba(18, 18, 18, 0.1); }
.stop-line-color {
width: 8px;
border-radius: 16px;
height: 30px; }
.text-separator p {
display: flex;
align-items: center; }
.text-separator p:before, .text-separator p:after {
content: "";
height: 2px;
background-color: rgba(18, 18, 18, 0.05);
flex-grow: 1; }
.text-separator p:before {
margin-right: 10px; }
.text-separator p:after {
margin-left: 10px; }
.cover-linea-color {
position: relative;
z-index: 5; }
.cover-linea-color:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
z-index: 1;
border-radius: 10px; }
.half-top-bg {
background-image: linear-gradient(bottom, rgba(18, 18, 18, 0.1) 50%, transparent 50%);
background-image: -o-linear-gradient(bottom, rgba(18, 18, 18, 0.1) 50%, transparent 50%);
background-image: -moz-linear-gradient(bottom, rgba(18, 18, 18, 0.1) 50%, transparent 50%);
background-image: -webkit-linear-gradient(bottom, rgba(18, 18, 18, 0.1) 50%, transparent 50%);
background-image: -ms-linear-gradient(bottom, rgba(18, 18, 18, 0.1) 50%, transparent 50%); }
.half-bottom-bg {
background-image: linear-gradient(bottom, transparent 50%, rgba(18, 18, 18, 0.1) 50%);
background-image: -o-linear-gradient(bottom, transparent 50%, rgba(18, 18, 18, 0.1) 50%);
background-image: -moz-linear-gradient(bottom, transparent 50%, rgba(18, 18, 18, 0.1) 50%);
background-image: -webkit-linear-gradient(bottom, transparent 50%, rgba(18, 18, 18, 0.1) 50%);
background-image: -ms-linear-gradient(bottom, transparent 50%, rgba(18, 18, 18, 0.1) 50%); }
.scale-first {
transform: -moz-scale(1.1); }
.flex-to-0100 {
flex-shrink: 0;
flex-grow: 1; }
/* Checkbox */
input[type='checkbox'].check-custom, input[type='radio'].radio-custom, input[type='radio'].radio-custom-tfinancieras {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden; }
input[type='checkbox'].check-custom ~ .switch-toggle {
width: 2.65rem;
height: 1.6rem;
position: relative;
display: inline-block;
vertical-align: middle;
border-radius: 25px;
cursor: pointer;
background-color: #ccc;
top: -1px; }
input[type='checkbox'].check-custom ~ .switch-toggle:before {
content: '';
width: 1.3rem;
height: 1.3rem;
border-radius: 25px;
position: absolute;
right: 1.2rem;
top: .15rem;
background-color: white;
transition: .2s; }
input[type='checkbox'].check-custom:checked ~ .switch-toggle {
background-color: #D52B1E; }
input[type='checkbox'].check-custom:checked ~ .switch-toggle:before {
right: .15rem; }
.test {
color: blue; }
input[type='radio'].radio-custom ~ .radio-button, input[type='radio'].radio-custom-tfinancieras ~ .radio-button {
width: 1.3rem;
height: 1.3rem;
display: inline-block;
vertical-align: middle;
border: 2px solid #D52B1E;
border-radius: 4px;
cursor: pointer;
border-radius: 50%; }
input[type='radio'].radio-custom:checked ~ .radio-button, input[type='radio'].radio-custom-tfinancieras:checked ~ .radio-button {
background-color: #D52B1E; }
input[type='radio'].radio-custom:checked ~ .radio-button:before, input[type='radio'].radio-custom-tfinancieras:checked ~ .radio-button:before {
right: .15rem; }
input[type="checkbox"].basic {
/* Add if not using autoprefixer */
-webkit-appearance: none;
/* Remove most all native input styles */
appearance: none;
/* For iOS < 15 */
background-color: white;
/* Not removed via appearance */
margin: 0;
cursor: pointer;
font: inherit;
color: currentColor;
width: 1.15rem;
height: 1.15rem;
border: 0.15rem solid currentColor;
border-radius: 0.15rem;
transform: translateY(-0.075rem);
display: grid;
place-content: center; }
input[type="checkbox"].basic::before {
content: "";
width: 0.75rem;
height: 0.75rem;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
transform: scale(0);
transform-origin: bottom left;
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em #D52B1E;
/* Windows High Contrast Mode */
background-color: #D52B1E; }
input[type="checkbox"].basic:checked::before {
transform: scale(1); }
/* botones */
.custom-btn-pass {
text-decoration: underline;
background-color: white;
border: none;
font-family: 'Roboto Condensed'; }
/* alertas */
.modal_alertas {
min-height: 220px; }
.scroll_alertas {
max-height: 450px;
overflow: auto; }
.bubble-alert-menu {
width: 24px;
height: 24px;
line-height: 24px !important;
border-radius: 50%; }
.btn-custom-login {
position: absolute;
top: -21px;
right: 0; }
.avatar-custom-login {
position: absolute;
top: -16px;
right: 0; }
.dropdown-menu-avatar {
position: absolute;
top: 40px;
z-index: 18;
background-color: white;
width: auto;
right: 20px; }
.btn-edit-password {
border: none;
border-radius: 8px;
height: 36px;
width: 36px;
padding-top: 7px; }
.reset-Button {
border: none;
margin: 0;
padding: 0;
width: auto;
overflow: visible;
outline: none;
text-align: inherit;
cursor: pointer;
background: transparent;
/* inherit font & color from ancestor */
color: inherit;
font: inherit;
/* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
line-height: normal;
/* Corrects font smoothing for webkit */
-webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: inherit;
/* Corrects inability to style clickable `input` types in iOS */
-webkit-appearance: none; }
.reset-Button:focus {
border: none;
padding: 0;
outline: 0; }
.icono-number-decrement {
color: #D52B1E;
font-size: 26px; }
.icono-number-increment {
color: #4CAF50;
font-size: 26px; }
.icono-number-disabled {
color: #cccc;
font-size: 26px; }
/* Chrome, Safari, Edge, Opera */
input[name=min-recarga]::-webkit-outer-spin-button,
input[name=min-recarga]::-webkit-inner-spin-button,
input[name=importe-recarga]::-webkit-outer-spin-button,
input[name=importe-recarga]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
/* Firefox */
input[type=number][name=min-recarga], input[type=number][name=importe-recarga] {
-moz-appearance: textfield; }
.flatpickr-calendar {
top: 20% !important; }
/* Mapa leaftlet */
#map {
height: calc(100vh - 100px );
width: 100%; }
.leaflet-container a.leaflet-popup-close-button {
right: 5px;
top: 3px; }
.leaflet-popup-content {
margin: 10px 16px 5px 10px; }
a.leaflet-popup-close-button span {
font-size: 1.3rem; }
.leaflet-popup-content, .leaflet-control-layers-list {
font-family: 'Roboto Condensed';
font-size: 0.9rem; }
.leaflet-top .leaflet-control {
margin-top: 50px; }
.map-position {
top: -34px;
z-index: 0; }
.leaflet-top.leaflet-right .leaflet-control-layers .leaflet-control-layers-toggle {
background-image: url(./../assets/img/icono_filtro_mapa.png);
width: 60px;
height: 60px;
background-size: 40px; }
/* .leaflet-retina .leaflet-control-layers-toggle {
background-size: 38px;
} */
a.leaflet-control-zoom-in,
a.leaflet-control-zoom-out {
color: #373a3c; }
.leaflet-control-attribution.leaflet-control {
display: none; }
/* */
.container {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px; }
.container::after {
content: "";
display: table;
clear: both; }
@media (min-width: 576px) {
.container {
width: 540px;
max-width: 100%; } }
@media (min-width: 768px) {
.container {
width: 720px;
max-width: 100%; } }
@media (min-width: 992px) {
.container {
width: 960px;
max-width: 100%; } }
@media (min-width: 1200px) {
.container {
width: 1140px;
max-width: 100%; } }
.container-fluid {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px; }
.container-fluid::after {
content: "";
display: table;
clear: both; }
.row {
margin-right: -15px;
margin-left: -15px; }
.row::after {
content: "";
display: table;
clear: both; }
@media (min-width: 576px) {
.row {
margin-right: -15px;
margin-left: -15px; } }
@media (min-width: 768px) {
.row {
margin-right: -15px;
margin-left: -15px; } }
@media (min-width: 992px) {
.row {
margin-right: -15px;
margin-left: -15px; } }
@media (min-width: 1200px) {
.row {
margin-right: -15px;
margin-left: -15px; } }
.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
@media (min-width: 576px) {
.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px; } }
@media (min-width: 768px) {
.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px; } }
@media (min-width: 992px) {
.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px; } }
@media (min-width: 1200px) {
.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
padding-right: 15px;
padding-left: 15px; } }
.col-xs-1 {
float: left;
width: 8.33333%; }
.col-xs-2 {
float: left;
width: 16.66667%; }
.col-xs-3 {
float: left;
width: 25%; }
.col-xs-4 {
float: left;
width: 33.33333%; }
.col-xs-5 {
float: left;
width: 41.66667%; }
.col-xs-6 {
float: left;
width: 50%; }
.col-xs-7 {
float: left;
width: 58.33333%; }
.col-xs-8 {
float: left;
width: 66.66667%; }
.col-xs-9 {
float: left;
width: 75%; }
.col-xs-10 {
float: left;
width: 83.33333%; }
.col-xs-11 {
float: left;
width: 91.66667%; }
.col-xs-12 {
float: left;
width: 100%; }
.pull-xs-0 {
right: auto; }
.pull-xs-1 {
right: 8.33333%; }
.pull-xs-2 {
right: 16.66667%; }
.pull-xs-3 {
right: 25%; }
.pull-xs-4 {
right: 33.33333%; }
.pull-xs-5 {
right: 41.66667%; }
.pull-xs-6 {
right: 50%; }
.pull-xs-7 {
right: 58.33333%; }
.pull-xs-8 {
right: 66.66667%; }
.pull-xs-9 {
right: 75%; }
.pull-xs-10 {
right: 83.33333%; }
.pull-xs-11 {
right: 91.66667%; }
.pull-xs-12 {
right: 100%; }
.push-xs-0 {
left: auto; }
.push-xs-1 {
left: 8.33333%; }
.push-xs-2 {
left: 16.66667%; }
.push-xs-3 {
left: 25%; }
.push-xs-4 {
left: 33.33333%; }
.push-xs-5 {
left: 41.66667%; }
.push-xs-6 {
left: 50%; }
.push-xs-7 {
left: 58.33333%; }
.push-xs-8 {
left: 66.66667%; }
.push-xs-9 {
left: 75%; }
.push-xs-10 {
left: 83.33333%; }
.push-xs-11 {
left: 91.66667%; }
.push-xs-12 {
left: 100%; }
.offset-xs-1 {
margin-left: 8.33333%; }
.offset-xs-2 {
margin-left: 16.66667%; }
.offset-xs-3 {
margin-left: 25%; }
.offset-xs-4 {
margin-left: 33.33333%; }
.offset-xs-5 {
margin-left: 41.66667%; }
.offset-xs-6 {
margin-left: 50%; }
.offset-xs-7 {
margin-left: 58.33333%; }
.offset-xs-8 {
margin-left: 66.66667%; }
.offset-xs-9 {
margin-left: 75%; }
.offset-xs-10 {
margin-left: 83.33333%; }
.offset-xs-11 {
margin-left: 91.66667%; }
@media (min-width: 576px) {
.col-sm-1 {
float: left;
width: 8.33333%; }
.col-sm-2 {
float: left;
width: 16.66667%; }
.col-sm-3 {
float: left;
width: 25%; }
.col-sm-4 {
float: left;
width: 33.33333%; }
.col-sm-5 {
float: left;
width: 41.66667%; }
.col-sm-6 {
float: left;
width: 50%; }
.col-sm-7 {
float: left;
width: 58.33333%; }
.col-sm-8 {
float: left;
width: 66.66667%; }
.col-sm-9 {
float: left;
width: 75%; }
.col-sm-10 {
float: left;
width: 83.33333%; }
.col-sm-11 {
float: left;
width: 91.66667%; }
.col-sm-12 {
float: left;
width: 100%; }
.pull-sm-0 {
right: auto; }
.pull-sm-1 {
right: 8.33333%; }
.pull-sm-2 {
right: 16.66667%; }
.pull-sm-3 {
right: 25%; }
.pull-sm-4 {
right: 33.33333%; }
.pull-sm-5 {
right: 41.66667%; }
.pull-sm-6 {
right: 50%; }
.pull-sm-7 {
right: 58.33333%; }
.pull-sm-8 {
right: 66.66667%; }
.pull-sm-9 {
right: 75%; }
.pull-sm-10 {
right: 83.33333%; }
.pull-sm-11 {
right: 91.66667%; }
.pull-sm-12 {
right: 100%; }
.push-sm-0 {
left: auto; }
.push-sm-1 {
left: 8.33333%; }
.push-sm-2 {
left: 16.66667%; }
.push-sm-3 {
left: 25%; }
.push-sm-4 {
left: 33.33333%; }
.push-sm-5 {
left: 41.66667%; }
.push-sm-6 {
left: 50%; }
.push-sm-7 {
left: 58.33333%; }
.push-sm-8 {
left: 66.66667%; }
.push-sm-9 {
left: 75%; }
.push-sm-10 {
left: 83.33333%; }
.push-sm-11 {
left: 91.66667%; }
.push-sm-12 {
left: 100%; }
.offset-sm-0 {
margin-left: 0%; }
.offset-sm-1 {
margin-left: 8.33333%; }
.offset-sm-2 {
margin-left: 16.66667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.33333%; }
.offset-sm-5 {
margin-left: 41.66667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.33333%; }
.offset-sm-8 {
margin-left: 66.66667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.33333%; }
.offset-sm-11 {
margin-left: 91.66667%; } }
@media (min-width: 768px) {
.col-md-1 {
float: left;
width: 8.33333%; }
.col-md-2 {
float: left;
width: 16.66667%; }
.col-md-3 {
float: left;
width: 25%; }
.col-md-4 {
float: left;
width: 33.33333%; }
.col-md-5 {
float: left;
width: 41.66667%; }
.col-md-6 {
float: left;
width: 50%; }
.col-md-7 {
float: left;
width: 58.33333%; }
.col-md-8 {
float: left;
width: 66.66667%; }
.col-md-9 {
float: left;
width: 75%; }
.col-md-10 {
float: left;
width: 83.33333%; }
.col-md-11 {
float: left;
width: 91.66667%; }
.col-md-12 {
float: left;
width: 100%; }
.pull-md-0 {
right: auto; }
.pull-md-1 {
right: 8.33333%; }
.pull-md-2 {
right: 16.66667%; }
.pull-md-3 {
right: 25%; }
.pull-md-4 {
right: 33.33333%; }
.pull-md-5 {
right: 41.66667%; }
.pull-md-6 {
right: 50%; }
.pull-md-7 {
right: 58.33333%; }
.pull-md-8 {
right: 66.66667%; }
.pull-md-9 {
right: 75%; }
.pull-md-10 {
right: 83.33333%; }
.pull-md-11 {
right: 91.66667%; }
.pull-md-12 {
right: 100%; }
.push-md-0 {
left: auto; }
.push-md-1 {
left: 8.33333%; }
.push-md-2 {
left: 16.66667%; }
.push-md-3 {
left: 25%; }
.push-md-4 {
left: 33.33333%; }
.push-md-5 {
left: 41.66667%; }
.push-md-6 {
left: 50%; }
.push-md-7 {
left: 58.33333%; }
.push-md-8 {
left: 66.66667%; }
.push-md-9 {
left: 75%; }
.push-md-10 {
left: 83.33333%; }
.push-md-11 {
left: 91.66667%; }
.push-md-12 {
left: 100%; }
.offset-md-0 {
margin-left: 0%; }
.offset-md-1 {
margin-left: 8.33333%; }
.offset-md-2 {
margin-left: 16.66667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.33333%; }
.offset-md-5 {
margin-left: 41.66667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.33333%; }
.offset-md-8 {
margin-left: 66.66667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.33333%; }
.offset-md-11 {
margin-left: 91.66667%; } }
@media (min-width: 992px) {
.col-lg-1 {
float: left;
width: 8.33333%; }
.col-lg-2 {
float: left;
width: 16.66667%; }
.col-lg-3 {
float: left;
width: 25%; }
.col-lg-4 {
float: left;
width: 33.33333%; }
.col-lg-5 {
float: left;
width: 41.66667%; }
.col-lg-6 {
float: left;
width: 50%; }
.col-lg-7 {
float: left;
width: 58.33333%; }
.col-lg-8 {
float: left;
width: 66.66667%; }
.col-lg-9 {
float: left;
width: 75%; }
.col-lg-10 {
float: left;
width: 83.33333%; }
.col-lg-11 {
float: left;
width: 91.66667%; }
.col-lg-12 {
float: left;
width: 100%; }
.pull-lg-0 {
right: auto; }
.pull-lg-1 {
right: 8.33333%; }
.pull-lg-2 {
right: 16.66667%; }
.pull-lg-3 {
right: 25%; }
.pull-lg-4 {
right: 33.33333%; }
.pull-lg-5 {
right: 41.66667%; }
.pull-lg-6 {
right: 50%; }
.pull-lg-7 {
right: 58.33333%; }
.pull-lg-8 {
right: 66.66667%; }
.pull-lg-9 {
right: 75%; }
.pull-lg-10 {
right: 83.33333%; }
.pull-lg-11 {
right: 91.66667%; }
.pull-lg-12 {
right: 100%; }
.push-lg-0 {
left: auto; }
.push-lg-1 {
left: 8.33333%; }
.push-lg-2 {
left: 16.66667%; }
.push-lg-3 {
left: 25%; }
.push-lg-4 {
left: 33.33333%; }
.push-lg-5 {
left: 41.66667%; }
.push-lg-6 {
left: 50%; }
.push-lg-7 {
left: 58.33333%; }
.push-lg-8 {
left: 66.66667%; }
.push-lg-9 {
left: 75%; }
.push-lg-10 {
left: 83.33333%; }
.push-lg-11 {
left: 91.66667%; }
.push-lg-12 {
left: 100%; }
.offset-lg-0 {
margin-left: 0%; }
.offset-lg-1 {
margin-left: 8.33333%; }
.offset-lg-2 {
margin-left: 16.66667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.33333%; }
.offset-lg-5 {
margin-left: 41.66667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.33333%; }
.offset-lg-8 {
margin-left: 66.66667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.33333%; }
.offset-lg-11 {
margin-left: 91.66667%; } }
@media (min-width: 1200px) {
.col-xl-1 {
float: left;
width: 8.33333%; }
.col-xl-2 {
float: left;
width: 16.66667%; }
.col-xl-3 {
float: left;
width: 25%; }
.col-xl-4 {
float: left;
width: 33.33333%; }
.col-xl-5 {
float: left;
width: 41.66667%; }
.col-xl-6 {
float: left;
width: 50%; }
.col-xl-7 {
float: left;
width: 58.33333%; }
.col-xl-8 {
float: left;
width: 66.66667%; }
.col-xl-9 {
float: left;
width: 75%; }
.col-xl-10 {
float: left;
width: 83.33333%; }
.col-xl-11 {
float: left;
width: 91.66667%; }
.col-xl-12 {
float: left;
width: 100%; }
.pull-xl-0 {
right: auto; }
.pull-xl-1 {
right: 8.33333%; }
.pull-xl-2 {
right: 16.66667%; }
.pull-xl-3 {
right: 25%; }
.pull-xl-4 {
right: 33.33333%; }
.pull-xl-5 {
right: 41.66667%; }
.pull-xl-6 {
right: 50%; }
.pull-xl-7 {
right: 58.33333%; }
.pull-xl-8 {
right: 66.66667%; }
.pull-xl-9 {
right: 75%; }
.pull-xl-10 {
right: 83.33333%; }
.pull-xl-11 {
right: 91.66667%; }
.pull-xl-12 {
right: 100%; }
.push-xl-0 {
left: auto; }
.push-xl-1 {
left: 8.33333%; }
.push-xl-2 {
left: 16.66667%; }
.push-xl-3 {
left: 25%; }
.push-xl-4 {
left: 33.33333%; }
.push-xl-5 {
left: 41.66667%; }
.push-xl-6 {
left: 50%; }
.push-xl-7 {
left: 58.33333%; }
.push-xl-8 {
left: 66.66667%; }
.push-xl-9 {
left: 75%; }
.push-xl-10 {
left: 83.33333%; }
.push-xl-11 {
left: 91.66667%; }
.push-xl-12 {
left: 100%; }
.offset-xl-0 {
margin-left: 0%; }
.offset-xl-1 {
margin-left: 8.33333%; }
.offset-xl-2 {
margin-left: 16.66667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.33333%; }
.offset-xl-5 {
margin-left: 41.66667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.33333%; }
.offset-xl-8 {
margin-left: 66.66667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.33333%; }
.offset-xl-11 {
margin-left: 91.66667%; } }
.invisible {
visibility: hidden !important; }
.hidden-xs-up {
display: none !important; }
@media (max-width: 575px) {
.hidden-xs-down {
display: none !important; } }
@media (min-width: 576px) {
.hidden-sm-up {
display: none !important; } }
@media (max-width: 767px) {
.hidden-sm-down {
display: none !important; } }
@media (min-width: 768px) {
.hidden-md-up {
display: none !important; } }
@media (max-width: 991px) {
.hidden-md-down {
display: none !important; } }
@media (min-width: 992px) {
.hidden-lg-up {
display: none !important; } }
@media (max-width: 1199px) {
.hidden-lg-down {
display: none !important; } }
@media (min-width: 1200px) {
.hidden-xl-up {
display: none !important; } }
.hidden-xl-down {
display: none !important; }
.visible-print-block {
display: none !important; }
@media print {
.visible-print-block {
display: block !important; } }
.visible-print-inline {
display: none !important; }
@media print {
.visible-print-inline {
display: inline !important; } }
.visible-print-inline-block {
display: none !important; }
@media print {
.visible-print-inline-block {
display: inline-block !important; } }
@media print {
.hidden-print {
display: none !important; } }
html {
box-sizing: border-box; }
*,
*::before,
*::after {
box-sizing: inherit; }
@-ms-viewport {
width: device-width; }
html {
font-size: 16px;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent; }
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #373a3c;
background-color: #fff; }
[tabindex="-1"]:focus {
outline: none !important; }
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: .5rem; }
p {
margin-top: 0;
margin-bottom: 1rem; }
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #818a91; }
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit; }
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem; }
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0; }
dt {
font-weight: bold; }
dd {
margin-bottom: .5rem;
margin-left: 0; }
blockquote {
margin: 0 0 1rem; }
a {
color: #D52B1E;
text-decoration: none; }
a:focus, a:hover {
color: #921d15;
text-decoration: none; }
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):focus {
outline: none; }
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto; }
figure {
margin: 0 0 1rem; }
img {
vertical-align: middle; }
[role="button"] {
cursor: pointer; }
a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
touch-action: manipulation; }
table {
border-collapse: collapse;
background-color: transparent; }
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #818a91;
text-align: left;
caption-side: bottom; }
th {
text-align: left; }
label {
display: inline-block;
margin-bottom: .5rem; }
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color; }
input,
button,
select,
textarea {
line-height: inherit; }
input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
cursor: not-allowed; }
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox; }
textarea {
resize: vertical; }
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0; }
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit; }
input[type="search"] {
-webkit-appearance: none; }
output {
display: inline-block; }
[hidden] {
display: none !important; }
/*reset bootstrap*/
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: inherit;
font-size: 100%;
vertical-align: baseline; }
html {
line-height: 1; }
ol, ul {
list-style: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
q, blockquote {
quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
a img {
border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("../fonts/roboto/roboto-v20-latin-regular.eot");
/* IE9 Compat Modes */
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-regular.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-regular.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-regular.ttf") format("truetype"), url("../fonts/roboto/roboto-v20-latin-regular.svg#Roboto") format("svg");
/* Legacy iOS */ }
/* roboto-500 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("../fonts/roboto/roboto-v20-latin-500.eot");
/* IE9 Compat Modes */
src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto/roboto-v20-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-500.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-500.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-500.ttf") format("truetype"), url("../fonts/roboto/roboto-v20-latin-500.svg#Roboto") format("svg");
/* Legacy iOS */ }
/* roboto-700 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("../fonts/roboto/roboto-v20-latin-700.eot");
/* IE9 Compat Modes */
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v20-latin-700.woff2") format("woff2"), url("../fonts/roboto/roboto-v20-latin-700.woff") format("woff"), url("../fonts/roboto/roboto-v20-latin-700.ttf") format("truetype"), url("../fonts/roboto/roboto-v20-latin-700.svg#Roboto") format("svg");
/* Legacy iOS */ }
/* roboto-condensed-regular - latin */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: url("../fonts/roboto/roboto-condensed-v18-latin-regular.eot");
/* IE9 Compat Modes */
src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url("../fonts/roboto/roboto-condensed-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-condensed-v18-latin-regular.woff2") format("woff2"), url("../fonts/roboto/roboto-condensed-v18-latin-regular.woff") format("woff"), url("../fonts/roboto/roboto-condensed-v18-latin-regular.ttf") format("truetype"), url("../fonts/roboto/roboto-condensed-v18-latin-regular.svg#RobotoCondensed") format("svg");
/* Legacy iOS */ }
/* roboto-condensed-700 - latin */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
src: url("../fonts/roboto/roboto-condensed-v18-latin-700.eot");
/* IE9 Compat Modes */
src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("../fonts/roboto/roboto-condensed-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-condensed-v18-latin-700.woff2") format("woff2"), url("../fonts/roboto/roboto-condensed-v18-latin-700.woff") format("woff"), url("../fonts/roboto/roboto-condensed-v18-latin-700.ttf") format("truetype"), url("../fonts/roboto/roboto-condensed-v18-latin-700.svg#RobotoCondensed") format("svg");
/* Legacy iOS */ }
html, body {
font-family: "Roboto Condensed", sans-serif;
height: 100%;
overflow: hidden !important;
position: relative; }
@media screen and (min-width: 0px) {
html, body {
font-size: 18px;
line-height: 25.2px; } }
@media screen and (min-width: 576px) {
html, body {
font-size: 18px;
line-height: 25.2px; } }
@media screen and (min-width: 768px) {
html, body {
font-size: 18px;
line-height: 25.2px; } }
@media screen and (min-width: 992px) {
html, body {
font-size: 18px;
line-height: 25.2px; } }
@media screen and (min-width: 1200px) {
html, body {
font-size: 18px;
line-height: 25.2px; } }
/* ************* MARGINS & POSITIONS PX *************** */
.margin-0-auto {
margin: 0 auto; }
.margin-l-auto {
margin-left: auto; }
.margin-r-auto {
margin-right: auto; }
.margin-t-auto {
margin-top: auto; }
.margin-b-auto {
margin-bottom: auto; }
.margin-t-15 {
margin-top: 15px; }
.margin-0 {
margin: 0px; }
.margin-1 {
margin: 1px; }
.margin-2 {
margin: 2px; }
.margin-3 {
margin: 3px; }
.margin-4 {
margin: 4px; }
.margin-5 {
margin: 5px; }
.margin-6 {
margin: 6px; }
.margin-7 {
margin: 7px; }
.margin-8 {
margin: 8px; }
.margin-9 {
margin: 9px; }
.margin-10 {
margin: 10px; }
.margin-t-0 {
margin-top: 0px; }
.margin-r-0 {
margin-right: 0px; }
.margin-b-0 {
margin-bottom: 0px; }
.margin-l-0 {
margin-left: 0px; }
.top-0 {
top: 0px; }
.bottom-0 {
bottom: 0px; }
.right-0 {
right: 0px; }
.left-0 {
left: 0px; }
.margin-t-1 {
margin-top: 1px; }
.margin-r-1 {
margin-right: 1px; }
.margin-b-1 {
margin-bottom: 1px; }
.margin-l-1 {
margin-left: 1px; }
.top-1 {
top: 1px; }
.bottom-1 {
bottom: 1px; }
.right-1 {
right: 1px; }
.left-1 {
left: 1px; }
.margin-t-2 {
margin-top: 2px; }
.margin-r-2 {
margin-right: 2px; }
.margin-b-2 {
margin-bottom: 2px; }
.margin-l-2 {
margin-left: 2px; }
.top-2 {
top: 2px; }
.bottom-2 {
bottom: 2px; }
.right-2 {
right: 2px; }
.left-2 {
left: 2px; }
.margin-t-3 {
margin-top: 3px; }
.margin-r-3 {
margin-right: 3px; }
.margin-b-3 {
margin-bottom: 3px; }
.margin-l-3 {
margin-left: 3px; }
.top-3 {
top: 3px; }
.bottom-3 {
bottom: 3px; }
.right-3 {
right: 3px; }
.left-3 {
left: 3px; }
.margin-t-4 {
margin-top: 4px; }
.margin-r-4 {
margin-right: 4px; }
.margin-b-4 {
margin-bottom: 4px; }
.margin-l-4 {
margin-left: 4px; }
.top-4 {
top: 4px; }
.bottom-4 {
bottom: 4px; }
.right-4 {
right: 4px; }
.left-4 {
left: 4px; }
.margin-t-5 {
margin-top: 5px; }
.margin-r-5 {
margin-right: 5px; }
.margin-b-5 {
margin-bottom: 5px; }
.margin-l-5 {
margin-left: 5px; }
.top-5 {
top: 5px; }
.bottom-5 {
bottom: 5px; }
.right-5 {
right: 5px; }
.left-5 {
left: 5px; }
.margin-t-6 {
margin-top: 6px; }
.margin-r-6 {
margin-right: 6px; }
.margin-b-6 {
margin-bottom: 6px; }
.margin-l-6 {
margin-left: 6px; }
.top-6 {
top: 6px; }
.bottom-6 {
bottom: 6px; }
.right-6 {
right: 6px; }
.left-6 {
left: 6px; }
.margin-t-7 {
margin-top: 7px; }
.margin-r-7 {
margin-right: 7px; }
.margin-b-7 {
margin-bottom: 7px; }
.margin-l-7 {
margin-left: 7px; }
.top-7 {
top: 7px; }
.bottom-7 {
bottom: 7px; }
.right-7 {
right: 7px; }
.left-7 {
left: 7px; }
.margin-t-8 {
margin-top: 8px; }
.margin-r-8 {
margin-right: 8px; }
.margin-b-8 {
margin-bottom: 8px; }
.margin-l-8 {
margin-left: 8px; }
.top-8 {
top: 8px; }
.bottom-8 {
bottom: 8px; }
.right-8 {
right: 8px; }
.left-8 {
left: 8px; }
.margin-t-9 {
margin-top: 9px; }
.margin-r-9 {
margin-right: 9px; }
.margin-b-9 {
margin-bottom: 9px; }
.margin-l-9 {
margin-left: 9px; }
.top-9 {
top: 9px; }
.bottom-9 {
bottom: 9px; }
.right-9 {
right: 9px; }
.left-9 {
left: 9px; }
.margin-t-10 {
margin-top: 10px; }
.margin-r-10 {
margin-right: 10px; }
.margin-b-10 {
margin-bottom: 10px; }
.margin-l-10 {
margin-left: 10px; }
.top-10 {
top: 10px; }
.bottom-10 {
bottom: 10px; }
.right-10 {
right: 10px; }
.left-10 {
left: 10px; }
.margin-12 {
margin: 12px; }
.margin-14 {
margin: 14px; }
.margin-16 {
margin: 16px; }
.margin-18 {
margin: 18px; }
.margin-20 {
margin: 20px; }
.margin-t-12 {
margin-top: 12px; }
.margin-r-12 {
margin-right: 12px; }
.margin-b-12 {
margin-bottom: 12px; }
.margin-l-12 {
margin-left: 12px; }
.top-12 {
top: 12px; }
.bottom-12 {
bottom: 12px; }
.right-12 {
right: 12px; }
.left-12 {
left: 12px; }
.margin-t-14 {
margin-top: 14px; }
.margin-r-14 {
margin-right: 14px; }
.margin-b-14 {
margin-bottom: 14px; }
.margin-l-14 {
margin-left: 14px; }
.top-14 {
top: 14px; }
.bottom-14 {
bottom: 14px; }
.right-14 {
right: 14px; }
.left-14 {
left: 14px; }
.margin-t-16 {
margin-top: 16px; }
.margin-r-16 {
margin-right: 16px; }
.margin-b-16 {
margin-bottom: 16px; }
.margin-l-16 {
margin-left: 16px; }
.top-16 {
top: 16px; }
.bottom-16 {
bottom: 16px; }
.right-16 {
right: 16px; }
.left-16 {
left: 16px; }
.margin-t-18 {
margin-top: 18px; }
.margin-r-18 {
margin-right: 18px; }
.margin-b-18 {
margin-bottom: 18px; }
.margin-l-18 {
margin-left: 18px; }
.top-18 {
top: 18px; }
.bottom-18 {
bottom: 18px; }
.right-18 {
right: 18px; }
.left-18 {
left: 18px; }
.margin-t-20 {
margin-top: 20px; }
.margin-r-20 {
margin-right: 20px; }
.margin-b-20 {
margin-bottom: 20px; }
.margin-l-20 {
margin-left: 20px; }
.top-20 {
top: 20px; }
.bottom-20 {
bottom: 20px; }
.right-20 {
right: 20px; }
.left-20 {
left: 20px; }
.margin-25 {
margin: 25px; }
.margin-30 {
margin: 30px; }
.margin-35 {
margin: 35px; }
.margin-40 {
margin: 40px; }
.margin-45 {
margin: 45px; }
.margin-50 {
margin: 50px; }
.margin-55 {
margin: 55px; }
.margin-60 {
margin: 60px; }
.margin-65 {
margin: 65px; }
.margin-70 {
margin: 70px; }
.margin-75 {
margin: 75px; }
.margin-80 {
margin: 80px; }
.margin-85 {
margin: 85px; }
.margin-90 {
margin: 90px; }
.margin-95 {
margin: 95px; }
.margin-100 {
margin: 100px; }
.margin-t-25 {
margin-top: 25px; }
.margin-r-25 {
margin-right: 25px; }
.margin-b-25 {
margin-bottom: 25px; }
.margin-l-25 {
margin-left: 25px; }
.top-25 {
top: 25px; }
.bottom-25 {
bottom: 25px; }
.right-25 {
right: 25px; }
.left-25 {
left: 25px; }
.margin-t-30 {
margin-top: 30px; }
.margin-r-30 {
margin-right: 30px; }
.margin-b-30 {
margin-bottom: 30px; }
.margin-l-30 {
margin-left: 30px; }
.top-30 {
top: 30px; }
.bottom-30 {
bottom: 30px; }
.right-30 {
right: 30px; }
.left-30 {
left: 30px; }
.margin-t-35 {
margin-top: 35px; }
.margin-r-35 {
margin-right: 35px; }
.margin-b-35 {
margin-bottom: 35px; }
.margin-l-35 {
margin-left: 35px; }
.top-35 {
top: 35px; }
.bottom-35 {
bottom: 35px; }
.right-35 {
right: 35px; }
.left-35 {
left: 35px; }
.margin-t-40 {
margin-top: 40px; }
.margin-r-40 {
margin-right: 40px; }
.margin-b-40 {
margin-bottom: 40px; }
.margin-l-40 {
margin-left: 40px; }
.top-40 {
top: 40px; }
.bottom-40 {
bottom: 40px; }
.right-40 {
right: 40px; }
.left-40 {
left: 40px; }
.margin-t-45 {
margin-top: 45px; }
.margin-r-45 {
margin-right: 45px; }
.margin-b-45 {
margin-bottom: 45px; }
.margin-l-45 {
margin-left: 45px; }
.top-45 {
top: 45px; }
.bottom-45 {
bottom: 45px; }
.right-45 {
right: 45px; }
.left-45 {
left: 45px; }
.margin-t-50 {
margin-top: 50px; }
.margin-r-50 {
margin-right: 50px; }
.margin-b-50 {
margin-bottom: 50px; }
.margin-l-50 {
margin-left: 50px; }
.top-50 {
top: 50px; }
.bottom-50 {
bottom: 50px; }
.right-50 {
right: 50px; }
.left-50 {
left: 50px; }
.margin-t-55 {
margin-top: 55px; }
.margin-r-55 {
margin-right: 55px; }
.margin-b-55 {
margin-bottom: 55px; }
.margin-l-55 {
margin-left: 55px; }
.top-55 {
top: 55px; }
.bottom-55 {
bottom: 55px; }
.right-55 {
right: 55px; }
.left-55 {
left: 55px; }
.margin-t-60 {
margin-top: 60px; }
.margin-r-60 {
margin-right: 60px; }
.margin-b-60 {
margin-bottom: 60px; }
.margin-l-60 {
margin-left: 60px; }
.top-60 {
top: 60px; }
.bottom-60 {
bottom: 60px; }
.right-60 {
right: 60px; }
.left-60 {
left: 60px; }
.margin-t-65 {
margin-top: 65px; }
.margin-r-65 {
margin-right: 65px; }
.margin-b-65 {
margin-bottom: 65px; }
.margin-l-65 {
margin-left: 65px; }
.top-65 {
top: 65px; }
.bottom-65 {
bottom: 65px; }
.right-65 {
right: 65px; }
.left-65 {
left: 65px; }
.margin-t-70 {
margin-top: 70px; }
.margin-r-70 {
margin-right: 70px; }
.margin-b-70 {
margin-bottom: 70px; }
.margin-l-70 {
margin-left: 70px; }
.top-70 {
top: 70px; }
.bottom-70 {
bottom: 70px; }
.right-70 {
right: 70px; }
.left-70 {
left: 70px; }
.margin-t-75 {
margin-top: 75px; }
.margin-r-75 {
margin-right: 75px; }
.margin-b-75 {
margin-bottom: 75px; }
.margin-l-75 {
margin-left: 75px; }
.top-75 {
top: 75px; }
.bottom-75 {
bottom: 75px; }
.right-75 {
right: 75px; }
.left-75 {
left: 75px; }
.margin-t-80 {
margin-top: 80px; }
.margin-r-80 {
margin-right: 80px; }
.margin-b-80 {
margin-bottom: 80px; }
.margin-l-80 {
margin-left: 80px; }
.top-80 {
top: 80px; }
.bottom-80 {
bottom: 80px; }
.right-80 {
right: 80px; }
.left-80 {
left: 80px; }
.margin-t-85 {
margin-top: 85px; }
.margin-r-85 {
margin-right: 85px; }
.margin-b-85 {
margin-bottom: 85px; }
.margin-l-85 {
margin-left: 85px; }
.top-85 {
top: 85px; }
.bottom-85 {
bottom: 85px; }
.right-85 {
right: 85px; }
.left-85 {
left: 85px; }
.margin-t-90 {
margin-top: 90px; }
.margin-r-90 {
margin-right: 90px; }
.margin-b-90 {
margin-bottom: 90px; }
.margin-l-90 {
margin-left: 90px; }
.top-90 {
top: 90px; }
.bottom-90 {
bottom: 90px; }
.right-90 {
right: 90px; }
.left-90 {
left: 90px; }
.margin-t-95 {
margin-top: 95px; }
.margin-r-95 {
margin-right: 95px; }
.margin-b-95 {
margin-bottom: 95px; }
.margin-l-95 {
margin-left: 95px; }
.top-95 {
top: 95px; }
.bottom-95 {
bottom: 95px; }
.right-95 {
right: 95px; }
.left-95 {
left: 95px; }
.margin-t-100 {
margin-top: 100px; }
.margin-r-100 {
margin-right: 100px; }
.margin-b-100 {
margin-bottom: 100px; }
.margin-l-100 {
margin-left: 100px; }
.top-100 {
top: 100px; }
.bottom-100 {
bottom: 100px; }
.right-100 {
right: 100px; }
.left-100 {
left: 100px; }
/*Valores negativos*/
.top--0 {
top: 0px; }
.bottom--0 {
bottom: 0px; }
.right--0 {
right: 0px; }
.left--0 {
left: 0px; }
.top--1 {
top: -1px; }
.bottom--1 {
bottom: -1px; }
.right--1 {
right: -1px; }
.left--1 {
left: -1px; }
.top--2 {
top: -2px; }
.bottom--2 {
bottom: -2px; }
.right--2 {
right: -2px; }
.left--2 {
left: -2px; }
.top--3 {
top: -3px; }
.bottom--3 {
bottom: -3px; }
.right--3 {
right: -3px; }
.left--3 {
left: -3px; }
.top--4 {
top: -4px; }
.bottom--4 {
bottom: -4px; }
.right--4 {
right: -4px; }
.left--4 {
left: -4px; }
.top--5 {
top: -5px; }
.bottom--5 {
bottom: -5px; }
.right--5 {
right: -5px; }
.left--5 {
left: -5px; }
.top--6 {
top: -6px; }
.bottom--6 {
bottom: -6px; }
.right--6 {
right: -6px; }
.left--6 {
left: -6px; }
.top--7 {
top: -7px; }
.bottom--7 {
bottom: -7px; }
.right--7 {
right: -7px; }
.left--7 {
left: -7px; }
.top--8 {
top: -8px; }
.bottom--8 {
bottom: -8px; }
.right--8 {
right: -8px; }
.left--8 {
left: -8px; }
.top--9 {
top: -9px; }
.bottom--9 {
bottom: -9px; }
.right--9 {
right: -9px; }
.left--9 {
left: -9px; }
.top--10 {
top: -10px; }
.bottom--10 {
bottom: -10px; }
.right--10 {
right: -10px; }
.left--10 {
left: -10px; }
.top--10 {
top: -10px; }
.bottom--10 {
bottom: -10px; }
.right--10 {
right: -10px; }
.left--10 {
left: -10px; }
.top--11 {
top: -12px; }
.bottom--11 {
bottom: -12px; }
.right--11 {
right: -12px; }
.left--11 {
left: -12px; }
.top--12 {
top: -14px; }
.bottom--12 {
bottom: -14px; }
.right--12 {
right: -14px; }
.left--12 {
left: -14px; }
.top--13 {
top: -16px; }
.bottom--13 {
bottom: -16px; }
.right--13 {
right: -16px; }
.left--13 {
left: -16px; }
.top--14 {
top: -18px; }
.bottom--14 {
bottom: -18px; }
.right--14 {
right: -18px; }
.left--14 {
left: -18px; }
.top--15 {
top: -20px; }
.bottom--15 {
bottom: -20px; }
.right--15 {
right: -20px; }
.left--15 {
left: -20px; }
.top--25 {
top: -25px; }
.bottom--25 {
bottom: -25px; }
.right--25 {
right: -25px; }
.left--25 {
left: -25px; }
.top--30 {
top: -30px; }
.bottom--30 {
bottom: -30px; }
.right--30 {
right: -30px; }
.left--30 {
left: -30px; }
.top--35 {
top: -35px; }
.bottom--35 {
bottom: -35px; }
.right--35 {
right: -35px; }
.left--35 {
left: -35px; }
.top--40 {
top: -40px; }
.bottom--40 {
bottom: -40px; }
.right--40 {
right: -40px; }
.left--40 {
left: -40px; }
.top--45 {
top: -45px; }
.bottom--45 {
bottom: -45px; }
.right--45 {
right: -45px; }
.left--45 {
left: -45px; }
.top--50 {
top: -50px; }
.bottom--50 {
bottom: -50px; }
.right--50 {
right: -50px; }
.left--50 {
left: -50px; }
.top--55 {
top: -55px; }
.bottom--55 {
bottom: -55px; }
.right--55 {
right: -55px; }
.left--55 {
left: -55px; }
.top--60 {
top: -60px; }
.bottom--60 {
bottom: -60px; }
.right--60 {
right: -60px; }
.left--60 {
left: -60px; }
.top--65 {
top: -65px; }
.bottom--65 {
bottom: -65px; }
.right--65 {
right: -65px; }
.left--65 {
left: -65px; }
.top--70 {
top: -70px; }
.bottom--70 {
bottom: -70px; }
.right--70 {
right: -70px; }
.left--70 {
left: -70px; }
.top--75 {
top: -75px; }
.bottom--75 {
bottom: -75px; }
.right--75 {
right: -75px; }
.left--75 {
left: -75px; }
.top--80 {
top: -80px; }
.bottom--80 {
bottom: -80px; }
.right--80 {
right: -80px; }
.left--80 {
left: -80px; }
.top--85 {
top: -85px; }
.bottom--85 {
bottom: -85px; }
.right--85 {
right: -85px; }
.left--85 {
left: -85px; }
.top--90 {
top: -90px; }
.bottom--90 {
bottom: -90px; }
.right--90 {
right: -90px; }
.left--90 {
left: -90px; }
.top--95 {
top: -95px; }
.bottom--95 {
bottom: -95px; }
.right--95 {
right: -95px; }
.left--95 {
left: -95px; }
.top--100 {
top: -100px; }
.bottom--100 {
bottom: -100px; }
.right--100 {
right: -100px; }
.left--100 {
left: -100px; }
/* ************* END MARGINS PX *************** */
/* ************* MARGINS % *************** */
.margin-00 {
margin: 0%; }
.margin-05 {
margin: 5%; }
.margin-010 {
margin: 10%; }
.margin-015 {
margin: 15%; }
.margin-020 {
margin: 20%; }
.margin-025 {
margin: 25%; }
.margin-030 {
margin: 30%; }
.margin-035 {
margin: 35%; }
.margin-040 {
margin: 40%; }
.margin-045 {
margin: 45%; }
.margin-050 {
margin: 50%; }
.margin-055 {
margin: 55%; }
.margin-060 {
margin: 60%; }
.margin-065 {
margin: 65%; }
.margin-070 {
margin: 70%; }
.margin-075 {
margin: 75%; }
.margin-080 {
margin: 80%; }
.margin-085 {
margin: 85%; }
.margin-090 {
margin: 90%; }
.margin-095 {
margin: 95%; }
.margin-0100 {
margin: 100%; }
.margin-t-00 {
margin-top: 0%; }
.margin-r-00 {
margin-right: 0%; }
.margin-b-00 {
margin-bottom: 0%; }
.margin-l-00 {
margin-left: 0%; }
.margin-t-05 {
margin-top: 5%; }
.margin-r-05 {
margin-right: 5%; }
.margin-b-05 {
margin-bottom: 5%; }
.margin-l-05 {
margin-left: 5%; }
.margin-t-010 {
margin-top: 10%; }
.margin-r-010 {
margin-right: 10%; }
.margin-b-010 {
margin-bottom: 10%; }
.margin-l-010 {
margin-left: 10%; }
.margin-t-015 {
margin-top: 15%; }
.margin-r-015 {
margin-right: 15%; }
.margin-b-015 {
margin-bottom: 15%; }
.margin-l-015 {
margin-left: 15%; }
.margin-t-020 {
margin-top: 20%; }
.margin-r-020 {
margin-right: 20%; }
.margin-b-020 {
margin-bottom: 20%; }
.margin-l-020 {
margin-left: 20%; }
.margin-t-025 {
margin-top: 25%; }
.margin-r-025 {
margin-right: 25%; }
.margin-b-025 {
margin-bottom: 25%; }
.margin-l-025 {
margin-left: 25%; }
.margin-t-030 {
margin-top: 30%; }
.margin-r-030 {
margin-right: 30%; }
.margin-b-030 {
margin-bottom: 30%; }
.margin-l-030 {
margin-left: 30%; }
.margin-t-035 {
margin-top: 35%; }
.margin-r-035 {
margin-right: 35%; }
.margin-b-035 {
margin-bottom: 35%; }
.margin-l-035 {
margin-left: 35%; }
.margin-t-040 {
margin-top: 40%; }
.margin-r-040 {
margin-right: 40%; }
.margin-b-040 {
margin-bottom: 40%; }
.margin-l-040 {
margin-left: 40%; }
.margin-t-045 {
margin-top: 45%; }
.margin-r-045 {
margin-right: 45%; }
.margin-b-045 {
margin-bottom: 45%; }
.margin-l-045 {
margin-left: 45%; }
.margin-t-050 {
margin-top: 50%; }
.margin-r-050 {
margin-right: 50%; }
.margin-b-050 {
margin-bottom: 50%; }
.margin-l-050 {
margin-left: 50%; }
.margin-t-055 {
margin-top: 55%; }
.margin-r-055 {
margin-right: 55%; }
.margin-b-055 {
margin-bottom: 55%; }
.margin-l-055 {
margin-left: 55%; }
.margin-t-060 {
margin-top: 60%; }
.margin-r-060 {
margin-right: 60%; }
.margin-b-060 {
margin-bottom: 60%; }
.margin-l-060 {
margin-left: 60%; }
.margin-t-065 {
margin-top: 65%; }
.margin-r-065 {
margin-right: 65%; }
.margin-b-065 {
margin-bottom: 65%; }
.margin-l-065 {
margin-left: 65%; }
.margin-t-070 {
margin-top: 70%; }
.margin-r-070 {
margin-right: 70%; }
.margin-b-070 {
margin-bottom: 70%; }
.margin-l-070 {
margin-left: 70%; }
.margin-t-075 {
margin-top: 75%; }
.margin-r-075 {
margin-right: 75%; }
.margin-b-075 {
margin-bottom: 75%; }
.margin-l-075 {
margin-left: 75%; }
.margin-t-080 {
margin-top: 80%; }
.margin-r-080 {
margin-right: 80%; }
.margin-b-080 {
margin-bottom: 80%; }
.margin-l-080 {
margin-left: 80%; }
.margin-t-085 {
margin-top: 85%; }
.margin-r-085 {
margin-right: 85%; }
.margin-b-085 {
margin-bottom: 85%; }
.margin-l-085 {
margin-left: 85%; }
.margin-t-090 {
margin-top: 90%; }
.margin-r-090 {
margin-right: 90%; }
.margin-b-090 {
margin-bottom: 90%; }
.margin-l-090 {
margin-left: 90%; }
.margin-t-095 {
margin-top: 95%; }
.margin-r-095 {
margin-right: 95%; }
.margin-b-095 {
margin-bottom: 95%; }
.margin-l-095 {
margin-left: 95%; }
.margin-t-0100 {
margin-top: 100%; }
.margin-r-0100 {
margin-right: 100%; }
.margin-b-0100 {
margin-bottom: 100%; }
.margin-l-0100 {
margin-left: 100%; }
/* ************* END MARGINS % *************** */
/* ************* PADDINGS PX *************** */
.padding-0 {
padding: 0px; }
.padding-1 {
padding: 1px; }
.padding-2 {
padding: 2px; }
.padding-3 {
padding: 3px; }
.padding-4 {
padding: 4px; }
.padding-5 {
padding: 5px; }
.padding-6 {
padding: 6px; }
.padding-7 {
padding: 7px; }
.padding-8 {
padding: 8px; }
.padding-9 {
padding: 9px; }
.padding-10 {
padding: 10px; }
.padding-t-0 {
padding-top: 0px; }
.padding-r-0 {
padding-right: 0px; }
.padding-b-0 {
padding-bottom: 0px; }
.padding-l-0 {
padding-left: 0px; }
.padding-x-0 {
padding-left: 0px;
padding-right: 0px; }
.padding-y-0 {
padding-top: 0px;
padding-bottom: 0px; }
.padding-t-1 {
padding-top: 1px; }
.padding-r-1 {
padding-right: 1px; }
.padding-b-1 {
padding-bottom: 1px; }
.padding-l-1 {
padding-left: 1px; }
.padding-x-1 {
padding-left: 1px;
padding-right: 1px; }
.padding-y-1 {
padding-top: 1px;
padding-bottom: 1px; }
.padding-t-2 {
padding-top: 2px; }
.padding-r-2 {
padding-right: 2px; }
.padding-b-2 {
padding-bottom: 2px; }
.padding-l-2 {
padding-left: 2px; }
.padding-x-2 {
padding-left: 2px;
padding-right: 2px; }
.padding-y-2 {
padding-top: 2px;
padding-bottom: 2px; }
.padding-t-3 {
padding-top: 3px; }
.padding-r-3 {
padding-right: 3px; }
.padding-b-3 {
padding-bottom: 3px; }
.padding-l-3 {
padding-left: 3px; }
.padding-x-3 {
padding-left: 3px;
padding-right: 3px; }
.padding-y-3 {
padding-top: 3px;
padding-bottom: 3px; }
.padding-t-4 {
padding-top: 4px; }
.padding-r-4 {
padding-right: 4px; }
.padding-b-4 {
padding-bottom: 4px; }
.padding-l-4 {
padding-left: 4px; }
.padding-x-4 {
padding-left: 4px;
padding-right: 4px; }
.padding-y-4 {
padding-top: 4px;
padding-bottom: 4px; }
.padding-t-5 {
padding-top: 5px; }
.padding-r-5 {
padding-right: 5px; }
.padding-b-5 {
padding-bottom: 5px; }
.padding-l-5 {
padding-left: 5px; }
.padding-x-5 {
padding-left: 5px;
padding-right: 5px; }
.padding-y-5 {
padding-top: 5px;
padding-bottom: 5px; }
.padding-t-6 {
padding-top: 6px; }
.padding-r-6 {
padding-right: 6px; }
.padding-b-6 {
padding-bottom: 6px; }
.padding-l-6 {
padding-left: 6px; }
.padding-x-6 {
padding-left: 6px;
padding-right: 6px; }
.padding-y-6 {
padding-top: 6px;
padding-bottom: 6px; }
.padding-t-7 {
padding-top: 7px; }
.padding-r-7 {
padding-right: 7px; }
.padding-b-7 {
padding-bottom: 7px; }
.padding-l-7 {
padding-left: 7px; }
.padding-x-7 {
padding-left: 7px;
padding-right: 7px; }
.padding-y-7 {
padding-top: 7px;
padding-bottom: 7px; }
.padding-t-8 {
padding-top: 8px; }
.padding-r-8 {
padding-right: 8px; }
.padding-b-8 {
padding-bottom: 8px; }
.padding-l-8 {
padding-left: 8px; }
.padding-x-8 {
padding-left: 8px;
padding-right: 8px; }
.padding-y-8 {
padding-top: 8px;
padding-bottom: 8px; }
.padding-t-9 {
padding-top: 9px; }
.padding-r-9 {
padding-right: 9px; }
.padding-b-9 {
padding-bottom: 9px; }
.padding-l-9 {
padding-left: 9px; }
.padding-x-9 {
padding-left: 9px;
padding-right: 9px; }
.padding-y-9 {
padding-top: 9px;
padding-bottom: 9px; }
.padding-t-10 {
padding-top: 10px; }
.padding-r-10 {
padding-right: 10px; }
.padding-b-10 {
padding-bottom: 10px; }
.padding-l-10 {
padding-left: 10px; }
.padding-x-10 {
padding-left: 10px;
padding-right: 10px; }
.padding-y-10 {
padding-top: 10px;
padding-bottom: 10px; }
.padding-12 {
padding: 12px; }
.padding-t-12 {
padding-top: 12px; }
.padding-r-12 {
padding-right: 12px; }
.padding-b-12 {
padding-bottom: 12px; }
.padding-l-12 {
padding-left: 12px; }
.padding-x-12 {
padding-left: 12px;
padding-right: 12px; }
.padding-y-12 {
padding-top: 12px;
padding-bottom: 12px; }
.padding-14 {
padding: 14px; }
.padding-t-14 {
padding-top: 14px; }
.padding-r-14 {
padding-right: 14px; }
.padding-b-14 {
padding-bottom: 14px; }
.padding-l-14 {
padding-left: 14px; }
.padding-x-14 {
padding-left: 14px;
padding-right: 14px; }
.padding-y-14 {
padding-top: 14px;
padding-bottom: 14px; }
.padding-16 {
padding: 16px; }
.padding-t-16 {
padding-top: 16px; }
.padding-r-16 {
padding-right: 16px; }
.padding-b-16 {
padding-bottom: 16px; }
.padding-l-16 {
padding-left: 16px; }
.padding-x-16 {
padding-left: 16px;
padding-right: 16px; }
.padding-y-16 {
padding-top: 16px;
padding-bottom: 16px; }
.padding-18 {
padding: 18px; }
.padding-t-18 {
padding-top: 18px; }
.padding-r-18 {
padding-right: 18px; }
.padding-b-18 {
padding-bottom: 18px; }
.padding-l-18 {
padding-left: 18px; }
.padding-x-18 {
padding-left: 18px;
padding-right: 18px; }
.padding-y-18 {
padding-top: 18px;
padding-bottom: 18px; }
.padding-20 {
padding: 20px; }
.padding-t-20 {
padding-top: 20px; }
.padding-r-20 {
padding-right: 20px; }
.padding-b-20 {
padding-bottom: 20px; }
.padding-l-20 {
padding-left: 20px; }
.padding-x-20 {
padding-left: 20px;
padding-right: 20px; }
.padding-y-20 {
padding-top: 20px;
padding-bottom: 20px; }
.padding-25 {
padding: 25px; }
.padding-30 {
padding: 30px; }
.padding-35 {
padding: 35px; }
.padding-40 {
padding: 40px; }
.padding-45 {
padding: 45px; }
.padding-50 {
padding: 50px; }
.padding-t-25 {
padding-top: 25px; }
.padding-r-25 {
padding-right: 25px; }
.padding-b-25 {
padding-bottom: 25px; }
.padding-l-25 {
padding-left: 25px; }
.padding-x-15 {
padding-left: 25px;
padding-right: 25px; }
.padding-y-15 {
padding-top: 25px;
padding-bottom: 25px; }
.padding-t-30 {
padding-top: 30px; }
.padding-r-30 {
padding-right: 30px; }
.padding-b-30 {
padding-bottom: 30px; }
.padding-l-30 {
padding-left: 30px; }
.padding-x-20 {
padding-left: 30px;
padding-right: 30px; }
.padding-y-20 {
padding-top: 30px;
padding-bottom: 30px; }
.padding-t-35 {
padding-top: 35px; }
.padding-r-35 {
padding-right: 35px; }
.padding-b-35 {
padding-bottom: 35px; }
.padding-l-35 {
padding-left: 35px; }
.padding-x-25 {
padding-left: 35px;
padding-right: 35px; }
.padding-y-25 {
padding-top: 35px;
padding-bottom: 35px; }
.padding-t-40 {
padding-top: 40px; }
.padding-r-40 {
padding-right: 40px; }
.padding-b-40 {
padding-bottom: 40px; }
.padding-l-40 {
padding-left: 40px; }
.padding-x-30 {
padding-left: 40px;
padding-right: 40px; }
.padding-y-30 {
padding-top: 40px;
padding-bottom: 40px; }
.padding-t-45 {
padding-top: 45px; }
.padding-r-45 {
padding-right: 45px; }
.padding-b-45 {
padding-bottom: 45px; }
.padding-l-45 {
padding-left: 45px; }
.padding-x-35 {
padding-left: 45px;
padding-right: 45px; }
.padding-y-35 {
padding-top: 45px;
padding-bottom: 45px; }
.padding-t-50 {
padding-top: 50px; }
.padding-r-50 {
padding-right: 50px; }
.padding-b-50 {
padding-bottom: 50px; }
.padding-l-50 {
padding-left: 50px; }
.padding-x-40 {
padding-left: 50px;
padding-right: 50px; }
.padding-y-40 {
padding-top: 50px;
padding-bottom: 50px; }
/* ************* END PADDINGS PX *************** */
/* ************* PADDINGS & POSITIONS % *************** */
.padding-00 {
padding: 0%; }
.padding-05 {
padding: 5%; }
.padding-010 {
padding: 10%; }
.padding-015 {
padding: 15%; }
.padding-020 {
padding: 20%; }
.padding-025 {
padding: 25%; }
.padding-030 {
padding: 30%; }
.padding-035 {
padding: 35%; }
.padding-040 {
padding: 40%; }
.padding-045 {
padding: 45%; }
.padding-050 {
padding: 50%; }
.padding-055 {
padding: 55%; }
.padding-060 {
padding: 60%; }
.padding-065 {
padding: 65%; }
.padding-070 {
padding: 70%; }
.padding-075 {
padding: 75%; }
.padding-080 {
padding: 80%; }
.padding-085 {
padding: 85%; }
.padding-090 {
padding: 90%; }
.padding-095 {
padding: 95%; }
.padding-0100 {
padding: 100%; }
.padding-t-00 {
padding-top: 0%; }
.padding-r-00 {
padding-right: 0%; }
.padding-b-00 {
padding-bottom: 0%; }
.padding-l-00 {
padding-left: 0%; }
.top-00 {
top: 0%; }
.bottom-00 {
bottom: 0%; }
.right-00 {
right: 0%; }
.left-00 {
left: 0%; }
.padding-t-05 {
padding-top: 5%; }
.padding-r-05 {
padding-right: 5%; }
.padding-b-05 {
padding-bottom: 5%; }
.padding-l-05 {
padding-left: 5%; }
.top-05 {
top: 5%; }
.bottom-05 {
bottom: 5%; }
.right-05 {
right: 5%; }
.left-05 {
left: 5%; }
.padding-t-010 {
padding-top: 10%; }
.padding-r-010 {
padding-right: 10%; }
.padding-b-010 {
padding-bottom: 10%; }
.padding-l-010 {
padding-left: 10%; }
.top-010 {
top: 10%; }
.bottom-010 {
bottom: 10%; }
.right-010 {
right: 10%; }
.left-010 {
left: 10%; }
.padding-t-015 {
padding-top: 15%; }
.padding-r-015 {
padding-right: 15%; }
.padding-b-015 {
padding-bottom: 15%; }
.padding-l-015 {
padding-left: 15%; }
.top-015 {
top: 15%; }
.bottom-015 {
bottom: 15%; }
.right-015 {
right: 15%; }
.left-015 {
left: 15%; }
.padding-t-020 {
padding-top: 20%; }
.padding-r-020 {
padding-right: 20%; }
.padding-b-020 {
padding-bottom: 20%; }
.padding-l-020 {
padding-left: 20%; }
.top-020 {
top: 20%; }
.bottom-020 {
bottom: 20%; }
.right-020 {
right: 20%; }
.left-020 {
left: 20%; }
.padding-t-025 {
padding-top: 25%; }
.padding-r-025 {
padding-right: 25%; }
.padding-b-025 {
padding-bottom: 25%; }
.padding-l-025 {
padding-left: 25%; }
.top-025 {
top: 25%; }
.bottom-025 {
bottom: 25%; }
.right-025 {
right: 25%; }
.left-025 {
left: 25%; }
.padding-t-030 {
padding-top: 30%; }
.padding-r-030 {
padding-right: 30%; }
.padding-b-030 {
padding-bottom: 30%; }
.padding-l-030 {
padding-left: 30%; }
.top-030 {
top: 30%; }
.bottom-030 {
bottom: 30%; }
.right-030 {
right: 30%; }
.left-030 {
left: 30%; }
.padding-t-035 {
padding-top: 35%; }
.padding-r-035 {
padding-right: 35%; }
.padding-b-035 {
padding-bottom: 35%; }
.padding-l-035 {
padding-left: 35%; }
.top-035 {
top: 35%; }
.bottom-035 {
bottom: 35%; }
.right-035 {
right: 35%; }
.left-035 {
left: 35%; }
.padding-t-040 {
padding-top: 40%; }
.padding-r-040 {
padding-right: 40%; }
.padding-b-040 {
padding-bottom: 40%; }
.padding-l-040 {
padding-left: 40%; }
.top-040 {
top: 40%; }
.bottom-040 {
bottom: 40%; }
.right-040 {
right: 40%; }
.left-040 {
left: 40%; }
.padding-t-045 {
padding-top: 45%; }
.padding-r-045 {
padding-right: 45%; }
.padding-b-045 {
padding-bottom: 45%; }
.padding-l-045 {
padding-left: 45%; }
.top-045 {
top: 45%; }
.bottom-045 {
bottom: 45%; }
.right-045 {
right: 45%; }
.left-045 {
left: 45%; }
.padding-t-050 {
padding-top: 50%; }
.padding-r-050 {
padding-right: 50%; }
.padding-b-050 {
padding-bottom: 50%; }
.padding-l-050 {
padding-left: 50%; }
.top-050 {
top: 50%; }
.bottom-050 {
bottom: 50%; }
.right-050 {
right: 50%; }
.left-050 {
left: 50%; }
.padding-t-055 {
padding-top: 55%; }
.padding-r-055 {
padding-right: 55%; }
.padding-b-055 {
padding-bottom: 55%; }
.padding-l-055 {
padding-left: 55%; }
.top-055 {
top: 55%; }
.bottom-055 {
bottom: 55%; }
.right-055 {
right: 55%; }
.left-055 {
left: 55%; }
.padding-t-060 {
padding-top: 60%; }
.padding-r-060 {
padding-right: 60%; }
.padding-b-060 {
padding-bottom: 60%; }
.padding-l-060 {
padding-left: 60%; }
.top-060 {
top: 60%; }
.bottom-060 {
bottom: 60%; }
.right-060 {
right: 60%; }
.left-060 {
left: 60%; }
.padding-t-065 {
padding-top: 65%; }
.padding-r-065 {
padding-right: 65%; }
.padding-b-065 {
padding-bottom: 65%; }
.padding-l-065 {
padding-left: 65%; }
.top-065 {
top: 65%; }
.bottom-065 {
bottom: 65%; }
.right-065 {
right: 65%; }
.left-065 {
left: 65%; }
.padding-t-070 {
padding-top: 70%; }
.padding-r-070 {
padding-right: 70%; }
.padding-b-070 {
padding-bottom: 70%; }
.padding-l-070 {
padding-left: 70%; }
.top-070 {
top: 70%; }
.bottom-070 {
bottom: 70%; }
.right-070 {
right: 70%; }
.left-070 {
left: 70%; }
.padding-t-075 {
padding-top: 75%; }
.padding-r-075 {
padding-right: 75%; }
.padding-b-075 {
padding-bottom: 75%; }
.padding-l-075 {
padding-left: 75%; }
.top-075 {
top: 75%; }
.bottom-075 {
bottom: 75%; }
.right-075 {
right: 75%; }
.left-075 {
left: 75%; }
.padding-t-080 {
padding-top: 80%; }
.padding-r-080 {
padding-right: 80%; }
.padding-b-080 {
padding-bottom: 80%; }
.padding-l-080 {
padding-left: 80%; }
.top-080 {
top: 80%; }
.bottom-080 {
bottom: 80%; }
.right-080 {
right: 80%; }
.left-080 {
left: 80%; }
.padding-t-085 {
padding-top: 85%; }
.padding-r-085 {
padding-right: 85%; }
.padding-b-085 {
padding-bottom: 85%; }
.padding-l-085 {
padding-left: 85%; }
.top-085 {
top: 85%; }
.bottom-085 {
bottom: 85%; }
.right-085 {
right: 85%; }
.left-085 {
left: 85%; }
.padding-t-090 {
padding-top: 90%; }
.padding-r-090 {
padding-right: 90%; }
.padding-b-090 {
padding-bottom: 90%; }
.padding-l-090 {
padding-left: 90%; }
.top-090 {
top: 90%; }
.bottom-090 {
bottom: 90%; }
.right-090 {
right: 90%; }
.left-090 {
left: 90%; }
.padding-t-095 {
padding-top: 95%; }
.padding-r-095 {
padding-right: 95%; }
.padding-b-095 {
padding-bottom: 95%; }
.padding-l-095 {
padding-left: 95%; }
.top-095 {
top: 95%; }
.bottom-095 {
bottom: 95%; }
.right-095 {
right: 95%; }
.left-095 {
left: 95%; }
.padding-t-0100 {
padding-top: 100%; }
.padding-r-0100 {
padding-right: 100%; }
.padding-b-0100 {
padding-bottom: 100%; }
.padding-l-0100 {
padding-left: 100%; }
.top-0100 {
top: 100%; }
.bottom-0100 {
bottom: 100%; }
.right-0100 {
right: 100%; }
.left-0100 {
left: 100%; }
/* ************* END PADDINGS % *************** */
/* ************* PROPERTIES BOX *************** */
.width-1 {
width: 1px; }
.height-1 {
height: 1px; }
.width-2 {
width: 2px; }
.height-2 {
height: 2px; }
.width-3 {
width: 3px; }
.height-3 {
height: 3px; }
.width-4 {
width: 4px; }
.height-4 {
height: 4px; }
.width-5 {
width: 5px; }
.height-5 {
height: 5px; }
.width-6 {
width: 6px; }
.height-6 {
height: 6px; }
.width-7 {
width: 7px; }
.height-7 {
height: 7px; }
.width-8 {
width: 8px; }
.height-8 {
height: 8px; }
.width-9 {
width: 9px; }
.height-9 {
height: 9px; }
.width-10 {
width: 10px; }
.height-10 {
height: 10px; }
.width-5 {
width: 5px; }
.height-5 {
height: 5px; }
.width-10 {
width: 10px; }
.height-10 {
height: 10px; }
.width-15 {
width: 15px; }
.height-15 {
height: 15px; }
.width-20 {
width: 20px; }
.height-20 {
height: 20px; }
.width-25 {
width: 25px; }
.height-25 {
height: 25px; }
.width-30 {
width: 30px; }
.height-30 {
height: 30px; }
.width-35 {
width: 35px; }
.height-35 {
height: 35px; }
.width-40 {
width: 40px; }
.height-40 {
height: 40px; }
.width-45 {
width: 45px; }
.height-45 {
height: 45px; }
.width-50 {
width: 50px; }
.height-50 {
height: 50px; }
.width-55 {
width: 55px; }
.height-55 {
height: 55px; }
.width-60 {
width: 60px; }
.height-60 {
height: 60px; }
.width-65 {
width: 65px; }
.height-65 {
height: 65px; }
.width-70 {
width: 70px; }
.height-70 {
height: 70px; }
.width-75 {
width: 75px; }
.height-75 {
height: 75px; }
.width-80 {
width: 80px; }
.height-80 {
height: 80px; }
.width-85 {
width: 85px; }
.height-85 {
height: 85px; }
.width-90 {
width: 90px; }
.height-90 {
height: 90px; }
.width-95 {
width: 95px; }
.height-95 {
height: 95px; }
.width-100 {
width: 100px; }
.height-100 {
height: 100px; }
.width-05 {
width: 5%; }
.height-05 {
height: 5%; }
.width-010 {
width: 10%; }
.height-010 {
height: 10%; }
.width-015 {
width: 15%; }
.height-015 {
height: 15%; }
.width-020 {
width: 20%; }
.height-020 {
height: 20%; }
.width-025 {
width: 25%; }
.height-025 {
height: 25%; }
.width-030 {
width: 30%; }
.height-030 {
height: 30%; }
.width-035 {
width: 35%; }
.height-035 {
height: 35%; }
.width-040 {
width: 40%; }
.height-040 {
height: 40%; }
.width-045 {
width: 45%; }
.height-045 {
height: 45%; }
.width-050 {
width: 50%; }
.height-050 {
height: 50%; }
.width-055 {
width: 55%; }
.height-055 {
height: 55%; }
.width-060 {
width: 60%; }
.height-060 {
height: 60%; }
.width-065 {
width: 65%; }
.height-065 {
height: 65%; }
.width-070 {
width: 70%; }
.height-070 {
height: 70%; }
.width-075 {
width: 75%; }
.height-075 {
height: 75%; }
.width-080 {
width: 80%; }
.height-080 {
height: 80%; }
.width-085 {
width: 85%; }
.height-085 {
height: 85%; }
.width-090 {
width: 90%; }
.height-090 {
height: 90%; }
.width-095 {
width: 95%; }
.height-095 {
height: 95%; }
.width-0100 {
width: 100%; }
.height-0100 {
height: 100%; }
.height-100vh {
height: 100vh; }
.display-b {
display: block; }
.display-ib {
display: inline-block; }
.display-f, .flex {
display: flex; }
.display-if, .flex-inline {
display: inline-flex; }
.display-n {
display: none; }
.display-i {
display: inline; }
.display-t {
display: table; }
.display-tc {
display: table-cell; }
.display-tr {
display: table-row; }
.display-it {
display: inline-table; }
.table-layout-f {
table-layout: fixed; }
.justify-content-c {
justify-content: center; }
.align-items-c, .items-center {
align-items: center; }
.items-start {
align-items: flex-start; }
.items-end s {
align-items: flex-end; }
.items-baseline {
align-items: baseline; }
.items-strech {
align-items: stretch; }
.visibility-v {
visibility: visible; }
.visibility-h {
visibility: hidden; }
.flex-direction-r, .flex-row {
flex-direction: row; }
.flex-direction-rr, .flex-row-reverse {
flex-direction: row-reverse; }
.flex-direction-c, .flex-col {
flex-direction: column; }
.flex-direction-cr {
flex-direction: column-reverse; }
.flex-wrap-n, .flex-no-wrap {
flex-wrap: nowrap; }
.flex-wrap-w, .flex-wrap {
flex-wrap: wrap; }
.flex-wrap-wr {
flex-wrap: wrap-reverse; }
.flex-flow-c {
flex-flow: column; }
.flex-flow-cr {
flex-flow: column-reverse; }
.flex-flow-n {
flex-flow: nowrap; }
.flex-flow-r {
flex-flow: row; }
.flex-flow-rr {
flex-flow: row-reverse; }
.flex-flow-w {
flex-flow: wrap; }
.flex-flow-wr {
flex-flow: wrap-reverse; }
.justify-content-c, .justify-center {
justify-content: center; }
.justify-content-fe, .justify-end {
justify-content: flex-end; }
.justify-content-fs, .justify-start {
justify-content: flex-start; }
.justify-content-sa, .justify-around {
justify-content: space-around; }
.justify-content-sb, .justify-between {
justify-content: space-between; }
.position-r, .relative {
position: relative; }
.position-a, .absolute {
position: absolute; }
.position-f, .fixed {
position: fixed; }
.position-s, .static {
position: static; }
.float-l {
float: left; }
.float-r {
float: right; }
.float-n {
float: none; }
.float-n-resp-sm {
float: left; }
@media screen and (min-width: 576px) {
.float-n-resp-sm {
float: none; } }
.float-n-resp-md {
float: left; }
@media screen and (min-width: 768px) {
.float-n-resp-md {
float: none; } }
.float-n-resp {
float: left; }
@media screen and (min-width: 992px) {
.float-n-resp {
float: none; } }
.clear-b {
clear: both; }
.clear-l {
clear: left; }
.clear-r {
clear: right; }
.clear-n {
clear: none; }
.overflow-h {
overflow: hidden; }
.overflow-s {
overflow: scroll; }
.overflow-a {
overflow: auto; }
.overflow-v {
overflow: visible; }
.ios-smooth-scroll-touch {
-webkit-overflow-scrolling: touch; }
.ios-smooth-scroll-auto {
-webkit-overflow-scrolling: auto; }
.vertical-align-bl {
vertical-align: baseline; }
.vertical-align-s {
vertical-align: sub; }
.vertical-align-sp {
vertical-align: super; }
.vertical-align-t {
vertical-align: top; }
.vertical-align-m {
vertical-align: middle; }
.vertical-align-b {
vertical-align: bottom; }
.vertical-align-tt {
vertical-align: text-top; }
.vertical-align-tb {
vertical-align: text-bottom; }
/* ************* END PROPERTIES BOX *************** */
/* BORDER's preguntar a sergio */
.border-1 {
border-width: 1px; }
.border-t-1 {
border-top-width: 1px; }
.border-r-1 {
border-right-width: 1px; }
.border-b-1 {
border-bottom-width: 1px; }
.border-l-1 {
border-left-width: 1px; }
.border-2 {
border-width: 2px; }
.border-t-2 {
border-top-width: 2px; }
.border-r-2 {
border-right-width: 2px; }
.border-b-2 {
border-bottom-width: 2px; }
.border-l-2 {
border-left-width: 2px; }
.border-3 {
border-width: 3px; }
.border-t-3 {
border-top-width: 3px; }
.border-r-3 {
border-right-width: 3px; }
.border-b-3 {
border-bottom-width: 3px; }
.border-l-3 {
border-left-width: 3px; }
.border-4 {
border-width: 4px; }
.border-t-4 {
border-top-width: 4px; }
.border-r-4 {
border-right-width: 4px; }
.border-b-4 {
border-bottom-width: 4px; }
.border-l-4 {
border-left-width: 4px; }
.border-5 {
border-width: 5px; }
.border-t-5 {
border-top-width: 5px; }
.border-r-5 {
border-right-width: 5px; }
.border-b-5 {
border-bottom-width: 5px; }
.border-l-5 {
border-left-width: 5px; }
.border-6 {
border-width: 6px; }
.border-t-6 {
border-top-width: 6px; }
.border-r-6 {
border-right-width: 6px; }
.border-b-6 {
border-bottom-width: 6px; }
.border-l-6 {
border-left-width: 6px; }
.border-7 {
border-width: 7px; }
.border-t-7 {
border-top-width: 7px; }
.border-r-7 {
border-right-width: 7px; }
.border-b-7 {
border-bottom-width: 7px; }
.border-l-7 {
border-left-width: 7px; }
.border-8 {
border-width: 8px; }
.border-t-8 {
border-top-width: 8px; }
.border-r-8 {
border-right-width: 8px; }
.border-b-8 {
border-bottom-width: 8px; }
.border-l-8 {
border-left-width: 8px; }
.border-9 {
border-width: 9px; }
.border-t-9 {
border-top-width: 9px; }
.border-r-9 {
border-right-width: 9px; }
.border-b-9 {
border-bottom-width: 9px; }
.border-l-9 {
border-left-width: 9px; }
.border-10 {
border-width: 10px; }
.border-t-10 {
border-top-width: 10px; }
.border-r-10 {
border-right-width: 10px; }
.border-b-10 {
border-bottom-width: 10px; }
.border-l-10 {
border-left-width: 10px; }
.border-color-b-00 {
border-color: transparent; }
.border-color-b-010 {
border-color: rgba(0, 0, 0, 0.1); }
.border-color-b-020 {
border-color: rgba(0, 0, 0, 0.2); }
.border-color-b-030 {
border-color: rgba(0, 0, 0, 0.3); }
.border-color-b-040 {
border-color: rgba(0, 0, 0, 0.4); }
.border-color-b-050 {
border-color: rgba(0, 0, 0, 0.5); }
.border-color-b-060 {
border-color: rgba(0, 0, 0, 0.6); }
.border-color-b-070 {
border-color: rgba(0, 0, 0, 0.7); }
.border-color-b-080 {
border-color: rgba(0, 0, 0, 0.8); }
.border-color-b-090 {
border-color: rgba(0, 0, 0, 0.9); }
.border-color-b-0100 {
border-color: rgba(0, 0, 0, 1.0); }
.border-color-w-00 {
border-color: rgba(255, 255, 255, 0); }
.border-color-w-010 {
border-color: rgba(255, 255, 255, 0.1); }
.border-color-w-020 {
border-color: rgba(255, 255, 255, 0.2); }
.border-color-w-030 {
border-color: rgba(255, 255, 255, 0.3); }
.border-color-w-040 {
border-color: rgba(255, 255, 255, 0.4); }
.border-color-w-050 {
border-color: rgba(255, 255, 255, 0.5); }
.border-color-w-060 {
border-color: rgba(255, 255, 255, 0.6); }
.border-color-w-070 {
border-color: rgba(255, 255, 255, 0.7); }
.border-color-w-080 {
border-color: rgba(255, 255, 255, 0.8); }
.border-color-w-090 {
border-color: rgba(255, 255, 255, 0.9); }
.border-color-w-0100 {
border-color: rgba(255, 255, 255, 1.0); }
.border-color-p-00 {
border-color: rgba(213, 43, 30, 0); }
.border-color-p-010 {
border-color: rgba(213, 43, 30, 0.1); }
.border-color-p-020 {
border-color: rgba(213, 43, 30, 0.2); }
.border-color-p-030 {
border-color: rgba(213, 43, 30, 0.3); }
.border-color-p-040 {
border-color: rgba(213, 43, 30, 0.4); }
.border-color-p-050 {
border-color: rgba(213, 43, 30, 0.5); }
.border-color-p-060 {
border-color: rgba(213, 43, 30, 0.6); }
.border-color-p-070 {
border-color: rgba(213, 43, 30, 0.7); }
.border-color-p-080 {
border-color: rgba(213, 43, 30, 0.8); }
.border-color-p-090 {
border-color: rgba(213, 43, 30, 0.9); }
.border-color-p-0100 {
border-color: rgba(213, 43, 30, 1.0); }
.border-c-primary {
border-color: #D52B1E; }
.border-none {
border: none; }
.border-solid {
border-style: solid; }
.border-dotted {
border-style: dotted; }
.border-dashed {
border-style: dashed; }
.border-radius-0 {
border-radius: 0px; }
.border-radius-tl-0 {
border-top-left-radius: 0px; }
.border-radius-tr-0 {
border-top-right-radius: 0px; }
.border-radius-bl-0 {
border-bottom-left-radius: 0px; }
.border-radius-br-0 {
border-bottom-right-radius: 0px; }
.border-radius-1 {
border-radius: 1px; }
.border-radius-tl-1 {
border-top-left-radius: 1px; }
.border-radius-tr-1 {
border-top-right-radius: 1px; }
.border-radius-bl-1 {
border-bottom-left-radius: 1px; }
.border-radius-br-1 {
border-bottom-right-radius: 1px; }
.border-radius-2 {
border-radius: 2px; }
.border-radius-tl-2 {
border-top-left-radius: 2px; }
.border-radius-tr-2 {
border-top-right-radius: 2px; }
.border-radius-bl-2 {
border-bottom-left-radius: 2px; }
.border-radius-br-2 {
border-bottom-right-radius: 2px; }
.border-radius-3 {
border-radius: 3px; }
.border-radius-tl-3 {
border-top-left-radius: 3px; }
.border-radius-tr-3 {
border-top-right-radius: 3px; }
.border-radius-bl-3 {
border-bottom-left-radius: 3px; }
.border-radius-br-3 {
border-bottom-right-radius: 3px; }
.border-radius-4 {
border-radius: 4px; }
.border-radius-tl-4 {
border-top-left-radius: 4px; }
.border-radius-tr-4 {
border-top-right-radius: 4px; }
.border-radius-bl-4 {
border-bottom-left-radius: 4px; }
.border-radius-br-4 {
border-bottom-right-radius: 4px; }
.border-radius-5 {
border-radius: 5px; }
.border-radius-tl-5 {
border-top-left-radius: 5px; }
.border-radius-tr-5 {
border-top-right-radius: 5px; }
.border-radius-bl-5 {
border-bottom-left-radius: 5px; }
.border-radius-br-5 {
border-bottom-right-radius: 5px; }
.border-radius-6 {
border-radius: 6px; }
.border-radius-tl-6 {
border-top-left-radius: 6px; }
.border-radius-tr-6 {
border-top-right-radius: 6px; }
.border-radius-bl-6 {
border-bottom-left-radius: 6px; }
.border-radius-br-6 {
border-bottom-right-radius: 6px; }
.border-radius-7 {
border-radius: 7px; }
.border-radius-tl-7 {
border-top-left-radius: 7px; }
.border-radius-tr-7 {
border-top-right-radius: 7px; }
.border-radius-bl-7 {
border-bottom-left-radius: 7px; }
.border-radius-br-7 {
border-bottom-right-radius: 7px; }
.border-radius-8 {
border-radius: 8px; }
.border-radius-tl-8 {
border-top-left-radius: 8px; }
.border-radius-tr-8 {
border-top-right-radius: 8px; }
.border-radius-bl-8 {
border-bottom-left-radius: 8px; }
.border-radius-br-8 {
border-bottom-right-radius: 8px; }
.border-radius-9 {
border-radius: 9px; }
.border-radius-tl-9 {
border-top-left-radius: 9px; }
.border-radius-tr-9 {
border-top-right-radius: 9px; }
.border-radius-bl-9 {
border-bottom-left-radius: 9px; }
.border-radius-br-9 {
border-bottom-right-radius: 9px; }
.border-radius-10 {
border-radius: 10px; }
.border-radius-tl-10 {
border-top-left-radius: 10px; }
.border-radius-tr-10 {
border-top-right-radius: 10px; }
.border-radius-bl-10 {
border-bottom-left-radius: 10px; }
.border-radius-br-10 {
border-bottom-right-radius: 10px; }
.border-radius-11 {
border-radius: 11px; }
.border-radius-tl-11 {
border-top-left-radius: 11px; }
.border-radius-tr-11 {
border-top-right-radius: 11px; }
.border-radius-bl-11 {
border-bottom-left-radius: 11px; }
.border-radius-br-11 {
border-bottom-right-radius: 11px; }
.border-radius-12 {
border-radius: 12px; }
.border-radius-tl-12 {
border-top-left-radius: 12px; }
.border-radius-tr-12 {
border-top-right-radius: 12px; }
.border-radius-bl-12 {
border-bottom-left-radius: 12px; }
.border-radius-br-12 {
border-bottom-right-radius: 12px; }
.border-radius-13 {
border-radius: 13px; }
.border-radius-tl-13 {
border-top-left-radius: 13px; }
.border-radius-tr-13 {
border-top-right-radius: 13px; }
.border-radius-bl-13 {
border-bottom-left-radius: 13px; }
.border-radius-br-13 {
border-bottom-right-radius: 13px; }
.border-radius-14 {
border-radius: 14px; }
.border-radius-tl-14 {
border-top-left-radius: 14px; }
.border-radius-tr-14 {
border-top-right-radius: 14px; }
.border-radius-bl-14 {
border-bottom-left-radius: 14px; }
.border-radius-br-14 {
border-bottom-right-radius: 14px; }
.border-radius-15 {
border-radius: 15px; }
.border-radius-tl-15 {
border-top-left-radius: 15px; }
.border-radius-tr-15 {
border-top-right-radius: 15px; }
.border-radius-bl-15 {
border-bottom-left-radius: 15px; }
.border-radius-br-15 {
border-bottom-right-radius: 15px; }
.border-radius-16 {
border-radius: 16px; }
.border-radius-tl-16 {
border-top-left-radius: 16px; }
.border-radius-tr-16 {
border-top-right-radius: 16px; }
.border-radius-bl-16 {
border-bottom-left-radius: 16px; }
.border-radius-br-16 {
border-bottom-right-radius: 16px; }
.border-radius-17 {
border-radius: 17px; }
.border-radius-tl-17 {
border-top-left-radius: 17px; }
.border-radius-tr-17 {
border-top-right-radius: 17px; }
.border-radius-bl-17 {
border-bottom-left-radius: 17px; }
.border-radius-br-17 {
border-bottom-right-radius: 17px; }
.border-radius-18 {
border-radius: 18px; }
.border-radius-tl-18 {
border-top-left-radius: 18px; }
.border-radius-tr-18 {
border-top-right-radius: 18px; }
.border-radius-bl-18 {
border-bottom-left-radius: 18px; }
.border-radius-br-18 {
border-bottom-right-radius: 18px; }
.border-radius-19 {
border-radius: 19px; }
.border-radius-tl-19 {
border-top-left-radius: 19px; }
.border-radius-tr-19 {
border-top-right-radius: 19px; }
.border-radius-bl-19 {
border-bottom-left-radius: 19px; }
.border-radius-br-19 {
border-bottom-right-radius: 19px; }
.border-radius-20 {
border-radius: 20px; }
.border-radius-tl-20 {
border-top-left-radius: 20px; }
.border-radius-tr-20 {
border-top-right-radius: 20px; }
.border-radius-bl-20 {
border-bottom-left-radius: 20px; }
.border-radius-br-20 {
border-bottom-right-radius: 20px; }
.border-radius-21 {
border-radius: 21px; }
.border-radius-tl-21 {
border-top-left-radius: 21px; }
.border-radius-tr-21 {
border-top-right-radius: 21px; }
.border-radius-bl-21 {
border-bottom-left-radius: 21px; }
.border-radius-br-21 {
border-bottom-right-radius: 21px; }
.border-radius-22 {
border-radius: 22px; }
.border-radius-tl-22 {
border-top-left-radius: 22px; }
.border-radius-tr-22 {
border-top-right-radius: 22px; }
.border-radius-bl-22 {
border-bottom-left-radius: 22px; }
.border-radius-br-22 {
border-bottom-right-radius: 22px; }
.border-radius-23 {
border-radius: 23px; }
.border-radius-tl-23 {
border-top-left-radius: 23px; }
.border-radius-tr-23 {
border-top-right-radius: 23px; }
.border-radius-bl-23 {
border-bottom-left-radius: 23px; }
.border-radius-br-23 {
border-bottom-right-radius: 23px; }
.border-radius-24 {
border-radius: 24px; }
.border-radius-tl-24 {
border-top-left-radius: 24px; }
.border-radius-tr-24 {
border-top-right-radius: 24px; }
.border-radius-bl-24 {
border-bottom-left-radius: 24px; }
.border-radius-br-24 {
border-bottom-right-radius: 24px; }
.border-radius-25 {
border-radius: 25px; }
.border-radius-tl-25 {
border-top-left-radius: 25px; }
.border-radius-tr-25 {
border-top-right-radius: 25px; }
.border-radius-bl-25 {
border-bottom-left-radius: 25px; }
.border-radius-br-25 {
border-bottom-right-radius: 25px; }
.border-radius-025 {
border-radius: 25%; }
.border-radius-tl-025 {
border-top-left-radius: 25%; }
.border-radius-tr-025 {
border-top-right-radius: 25%; }
.border-radius-bl-025 {
border-bottom-left-radius: 25%; }
.border-radius-br-025 {
border-bottom-right-radius: 25%; }
.border-radius-050 {
border-radius: 50%; }
.border-radius-tl-050 {
border-top-left-radius: 50%; }
.border-radius-tr-050 {
border-top-right-radius: 50%; }
.border-radius-bl-050 {
border-bottom-left-radius: 50%; }
.border-radius-br-050 {
border-bottom-right-radius: 50%; }
.border-radius-075 {
border-radius: 75%; }
.border-radius-tl-075 {
border-top-left-radius: 75%; }
.border-radius-tr-075 {
border-top-right-radius: 75%; }
.border-radius-bl-075 {
border-bottom-left-radius: 75%; }
.border-radius-br-075 {
border-bottom-right-radius: 75%; }
.border-radius-0100 {
border-radius: 100%; }
.border-radius-tl-0100 {
border-top-left-radius: 100%; }
.border-radius-tr-0100 {
border-top-right-radius: 100%; }
.border-radius-bl-0100 {
border-bottom-left-radius: 100%; }
.border-radius-br-0100 {
border-bottom-right-radius: 100%; }
/* ************* FONTS *************** */
.typo-1 {
font-family: "Roboto Condensed", sans-serif; }
.typo-2 {
font-family: "Roboto", sans-serif; }
/* incluir lineheights en sizes */
/* calculadora de rems: https://offroadcode.com/rem-calculator/ */
@media screen and (min-width: 0px) {
.font-size-xxl {
font-size: 50px;
line-height: 70px;
/* font-size: $factor*3.333rem;
line-height: $factor-lh*3.333rem;*/ } }
@media screen and (min-width: 576px) {
.font-size-xxl {
font-size: 50px;
line-height: 70px;
/* font-size: $factor*3.333rem;
line-height: $factor-lh*3.333rem;*/ } }
@media screen and (min-width: 768px) {
.font-size-xxl {
font-size: 50px;
line-height: 70px;
/* font-size: $factor*3.333rem;
line-height: $factor-lh*3.333rem;*/ } }
@media screen and (min-width: 992px) {
.font-size-xxl {
font-size: 50px;
line-height: 70px;
/* font-size: $factor*3.333rem;
line-height: $factor-lh*3.333rem;*/ } }
@media screen and (min-width: 1200px) {
.font-size-xxl {
font-size: 60px;
line-height: 84px;
/* font-size: $factor*3.333rem;
line-height: $factor-lh*3.333rem;*/ } }
@media screen and (min-width: 0px) {
.font-size-xl {
font-size: 32px;
line-height: 44.8px;
/* font-size: $factor*1.778rem;
line-height: $factor-lh*1.778rem;*/ } }
@media screen and (min-width: 576px) {
.font-size-xl {
font-size: 32px;
line-height: 44.8px;
/* font-size: $factor*1.778rem;
line-height: $factor-lh*1.778rem;*/ } }
@media screen and (min-width: 768px) {
.font-size-xl {
font-size: 32px;
line-height: 44.8px;
/* font-size: $factor*1.778rem;
line-height: $factor-lh*1.778rem;*/ } }
@media screen and (min-width: 992px) {
.font-size-xl {
font-size: 32px;
line-height: 44.8px;
/* font-size: $factor*1.778rem;
line-height: $factor-lh*1.778rem;*/ } }
@media screen and (min-width: 1200px) {
.font-size-xl {
font-size: 32px;
line-height: 44.8px;
/* font-size: $factor*1.222rem;
line-height: $factor-lh*1.778rem;*/ } }
@media screen and (min-width: 0px) {
.font-size-l {
font-size: 22px;
line-height: 30.8px;
/* font-size: $factor*1.222rem;
line-height: $factor-lh*1.222rem;*/ } }
@media screen and (min-width: 576px) {
.font-size-l {
font-size: 22px;
line-height: 30.8px;
/* font-size: $factor*1.222rem;*/
/* line-height: $factor-lh*1.222rem;*/ } }
@media screen and (min-width: 768px) {
.font-size-l {
font-size: 22px;
line-height: 30.8px;
/* font-size: $factor*1.222rem;*/
/* line-height: $factor-lh*1.222rem;*/ } }
@media screen and (min-width: 992px) {
.font-size-l {
font-size: 22px;
line-height: 30.8px;
/* font-size: $factor*1.222rem;*/
/* line-height: $factor-lh*1.222rem;*/ } }
@media screen and (min-width: 1200px) {
.font-size-l {
font-size: 22px;
line-height: 30.8px;
/* font-size: $factor*1.222rem;*/
/* line-height: $factor-lh*1.222rem;*/ } }
@media screen and (min-width: 0px) {
.font-size-m {
font-size: 16px;
line-height: 22.4px;
/* font-size: $factor*0.8889rem;*/
/* line-height: $factor-lh*0.8889rem;*/ } }
@media screen and (min-width: 576px) {
.font-size-m {
font-size: 16px;
line-height: 22.4px;
/* font-size: $factor*0.8889rem;*/
/* line-height: $factor-lh*0.8889rem;*/ } }
@media screen and (min-width: 768px) {
.font-size-m {
font-size: 16px;
line-height: 22.4px;
/* font-size: $factor*0.8889rem;*/
/* line-height: $factor-lh*0.8889rem;*/ } }
@media screen and (min-width: 992px) {
.font-size-m {
font-size: 16px;
line-height: 22.4px;
/* font-size: $factor*0.8889rem;*/
/* line-height: $factor-lh*0.8889rem;*/ } }
@media screen and (min-width: 1200px) {
.font-size-m {
font-size: 16px;
line-height: 22.4px;
/* font-size: $factor*0.8889rem;*/
/* line-height: $factor-lh*0.8889rem;*/ } }
@media screen and (min-width: 0px) {
.font-size-s {
font-size: 14px;
line-height: 19.6px;
/* font-size: $factor*0.7778rem;*/
/* line-height: $factor-lh*0.7778rem;*/ } }
@media screen and (min-width: 576px) {
.font-size-s {
font-size: 14px;
line-height: 19.6px;
/* font-size: $factor*0.7778rem;*/
/* line-height: $factor-lh*0.7778rem;*/ } }
@media screen and (min-width: 768px) {
.font-size-s {
font-size: 14px;
line-height: 19.6px;
/* font-size: $factor*0.7778rem;*/
/* line-height: $factor-lh*0.7778rem;*/ } }
@media screen and (min-width: 992px) {
.font-size-s {
font-size: 14px;
line-height: 19.6px;
/* font-size: $factor*0.7778rem;*/
/* line-height: $factor-lh*0.7778rem;*/ } }
@media screen and (min-width: 1200px) {
.font-size-s {
font-size: 14px;
line-height: 19.6px;
/* font-size: $factor*0.7778rem;*/
/* line-height: $factor-lh*0.7778rem;*/ } }
@media screen and (min-width: 0px) {
.font-size-xs {
font-size: 12px;
line-height: 16.8px;
/* font-size: $factor*0.6667rem;*/
/* line-height: $factor-lh*0.6667rem;*/ } }
@media screen and (min-width: 576px) {
.font-size-xs {
font-size: 12px;
line-height: 16.8px;
/* font-size: $factor*0.6667rem;*/
/* line-height: $factor-lh*0.6667rem;*/ } }
@media screen and (min-width: 768px) {
.font-size-xs {
font-size: 12px;
line-height: 16.8px;
/* font-size: $factor*0.6667rem;*/
/* line-height: $factor-lh*0.6667rem;*/ } }
@media screen and (min-width: 992px) {
.font-size-xs {
font-size: 12px;
line-height: 16.8px;
/* font-size: $factor*0.6667rem;*/
/* line-height: $factor-lh*0.6667rem;*/ } }
@media screen and (min-width: 1200px) {
.font-size-xs {
font-size: 12px;
line-height: 16.8px;
/* font-size: $factor*0.6667rem;*/
/* line-height: $factor-lh*0.6667rem;*/ } }
@media screen and (min-width: 0px) {
.font-size-xxs {
font-size: 10px;
line-height: 14px;
/* font-size: $factor*0.5556rem;
line-height: $factor-lh*0.5556rem;*/ } }
@media screen and (min-width: 576px) {
.font-size-xxs {
font-size: 10px;
line-height: 14px;
/* font-size: $factor*0.5556rem;*/
/* line-height: $factor-lh*0.5556rem;*/ } }
@media screen and (min-width: 768px) {
.font-size-xxs {
font-size: 10px;
line-height: 14px;
/* font-size: $factor*0.5556rem;*/
/* line-height: $factor-lh*0.5556rem;*/ } }
@media screen and (min-width: 992px) {
.font-size-xxs {
font-size: 10px;
line-height: 14px;
/* font-size: $factor*0.5556rem;*/
/* line-height: $factor-lh*0.5556rem;*/ } }
@media screen and (min-width: 1200px) {
.font-size-xxs {
font-size: 10px;
line-height: 14px;
/* font-size: $factor*0.5556rem;*/
/* line-height: $factor-lh*0.5556rem;*/ } }
.line-h-10 {
line-height: 10px; }
.line-h-11 {
line-height: 11px; }
.line-h-12 {
line-height: 12px; }
.line-h-13 {
line-height: 13px; }
.line-h-14 {
line-height: 14px; }
.line-h-15 {
line-height: 15px; }
.line-h-16 {
line-height: 16px; }
.line-h-17 {
line-height: 17px; }
.line-h-18 {
line-height: 18px; }
.line-h-19 {
line-height: 19px; }
.line-h-20 {
line-height: 20px; }
.line-h-21 {
line-height: 21px; }
.line-h-22 {
line-height: 22px; }
.line-h-23 {
line-height: 23px; }
.line-h-24 {
line-height: 24px; }
.line-h-25 {
line-height: 25px; }
.line-h-26 {
line-height: 26px; }
.line-h-27 {
line-height: 27px; }
.line-h-28 {
line-height: 28px; }
.line-h-29 {
line-height: 29px; }
.line-h-30 {
line-height: 30px; }
.line-h-31 {
line-height: 31px; }
.line-h-32 {
line-height: 32px; }
.line-h-33 {
line-height: 33px; }
.line-h-34 {
line-height: 34px; }
.line-h-35 {
line-height: 35px; }
.line-h-36 {
line-height: 36px; }
.line-h-37 {
line-height: 37px; }
.line-h-38 {
line-height: 38px; }
.line-h-39 {
line-height: 39px; }
.line-h-40 {
line-height: 40px; }
.line-h-41 {
line-height: 41px; }
.line-h-42 {
line-height: 42px; }
.line-h-43 {
line-height: 43px; }
.line-h-44 {
line-height: 44px; }
.line-h-45 {
line-height: 45px; }
.line-h-46 {
line-height: 46px; }
.line-h-47 {
line-height: 47px; }
.line-h-48 {
line-height: 48px; }
.line-h-49 {
line-height: 49px; }
.line-h-50 {
line-height: 50px; }
.line-h-51 {
line-height: 51px; }
.line-h-52 {
line-height: 52px; }
.line-h-53 {
line-height: 53px; }
.line-h-54 {
line-height: 54px; }
.line-h-55 {
line-height: 55px; }
.line-h-56 {
line-height: 56px; }
.line-h-57 {
line-height: 57px; }
.line-h-58 {
line-height: 58px; }
.line-h-59 {
line-height: 59px; }
.line-h-60 {
line-height: 60px; }
.line-h-61 {
line-height: 61px; }
.line-h-62 {
line-height: 62px; }
.line-h-63 {
line-height: 63px; }
.line-h-64 {
line-height: 64px; }
.line-h-65 {
line-height: 65px; }
.line-h-66 {
line-height: 66px; }
.line-h-67 {
line-height: 67px; }
.line-h-68 {
line-height: 68px; }
.line-h-69 {
line-height: 69px; }
.line-h-70 {
line-height: 70px; }
.line-h-71 {
line-height: 71px; }
.line-h-72 {
line-height: 72px; }
.line-h-73 {
line-height: 73px; }
.line-h-74 {
line-height: 74px; }
.line-h-75 {
line-height: 75px; }
.line-h-76 {
line-height: 76px; }
.line-h-77 {
line-height: 77px; }
.line-h-78 {
line-height: 78px; }
.line-h-79 {
line-height: 79px; }
.line-h-80 {
line-height: 80px; }
.line-h-0 {
line-height: 0; }
.font-style-n {
font-style: normal; }
.font-style-i {
font-style: italic; }
.font-weight-l {
font-weight: lighter; }
.font-weight-n {
font-weight: normal; }
.font-weight-b {
font-weight: bold; }
.text-align-l {
text-align: left; }
.text-align-c {
text-align: center; }
.text-align-r {
text-align: right; }
.text-align-j {
text-align: justify; }
.text-trans-l, .lowercase {
text-transform: lowercase; }
.text-trans-u, .uppercase {
text-transform: uppercase; }
.text-trans-c, .capitalize {
text-transform: capitalize; }
/* properties opentype pag:98 net magazine may 2014 */
/* ************* END FONTS *************** */
/* ************* COLORS *************** */
.bg-color-b-00 {
background-color: rgba(18, 18, 18, 0); }
.bg-color-b-010 {
background-color: rgba(18, 18, 18, 0.1); }
.bg-color-b-020 {
background-color: rgba(18, 18, 18, 0.2); }
.bg-color-b-030 {
background-color: rgba(18, 18, 18, 0.3); }
.bg-color-b-040 {
background-color: rgba(18, 18, 18, 0.4); }
.bg-color-b-050 {
background-color: rgba(18, 18, 18, 0.5); }
.bg-color-b-060 {
background-color: rgba(18, 18, 18, 0.6); }
.bg-color-b-070 {
background-color: rgba(18, 18, 18, 0.7); }
.bg-color-b-080 {
background-color: rgba(18, 18, 18, 0.8); }
.bg-color-b-090 {
background-color: rgba(18, 18, 18, 0.9); }
.bg-color-b-0100 {
background-color: rgba(18, 18, 18, 1.0); }
.bg-color-w-00 {
background-color: rgba(255, 255, 255, 0); }
.bg-color-w-010 {
background-color: rgba(255, 255, 255, 0.1); }
.bg-color-w-020 {
background-color: rgba(255, 255, 255, 0.2); }
.bg-color-w-030 {
background-color: rgba(255, 255, 255, 0.3); }
.bg-color-w-040 {
background-color: rgba(255, 255, 255, 0.4); }
.bg-color-w-050 {
background-color: rgba(255, 255, 255, 0.5); }
.bg-color-w-060 {
background-color: rgba(255, 255, 255, 0.6); }
.bg-color-w-070 {
background-color: rgba(255, 255, 255, 0.7); }
.bg-color-w-080 {
background-color: rgba(255, 255, 255, 0.8); }
.bg-color-w-090 {
background-color: rgba(255, 255, 255, 0.9); }
.bg-color-w-0100 {
background-color: rgba(255, 255, 255, 1.0); }
.bg-color-p-00 {
background-color: rgba(213, 43, 30, 0); }
.bg-color-p-010 {
background-color: rgba(213, 43, 30, 0.1); }
.bg-color-p-020 {
background-color: rgba(213, 43, 30, 0.2); }
.bg-color-p-030 {
background-color: rgba(213, 43, 30, 0.3); }
.bg-color-p-040 {
background-color: rgba(213, 43, 30, 0.4); }
.bg-color-p-050 {
background-color: rgba(213, 43, 30, 0.5); }
.bg-color-p-060 {
background-color: rgba(213, 43, 30, 0.6); }
.bg-color-p-070 {
background-color: rgba(213, 43, 30, 0.7); }
.bg-color-p-080 {
background-color: rgba(213, 43, 30, 0.8); }
.bg-color-p-090 {
background-color: rgba(213, 43, 30, 0.9); }
.bg-color-p-0100 {
background-color: rgba(213, 43, 30, 1.0); }
.bg-color-b-0 {
background-color: black; }
.bg-color-b-5 {
background-color: #0d0d0d; }
.bg-color-b-10 {
background-color: #1a1a1a; }
.bg-color-b-15 {
background-color: #262626; }
.bg-color-b-20 {
background-color: #333333; }
.bg-color-b-25 {
background-color: #404040; }
.bg-color-b-30 {
background-color: #4d4d4d; }
.bg-color-b-35 {
background-color: #595959; }
.bg-color-b-40 {
background-color: #666666; }
.bg-color-b-45 {
background-color: #737373; }
.bg-color-b-50 {
background-color: gray; }
.bg-c-secondary {
background-color: #1E1E1E; }
.bg-transparent {
background-color: transparent; }
.color-b-00 {
color: transparent; }
.color-b-010 {
color: rgba(0, 0, 0, 0.1); }
.color-b-020 {
color: rgba(0, 0, 0, 0.2); }
.color-b-030 {
color: rgba(0, 0, 0, 0.3); }
.color-b-040 {
color: rgba(0, 0, 0, 0.4); }
.color-b-050 {
color: rgba(0, 0, 0, 0.5); }
.color-b-060 {
color: rgba(0, 0, 0, 0.6); }
.color-b-070 {
color: rgba(0, 0, 0, 0.7); }
.color-b-080 {
color: rgba(0, 0, 0, 0.8); }
.color-b-090 {
color: rgba(0, 0, 0, 0.9); }
.color-b-0100 {
color: rgba(0, 0, 0, 1.0); }
.color-w-00 {
color: rgba(255, 255, 255, 0); }
.color-w-010 {
color: rgba(255, 255, 255, 0.1); }
.color-w-020 {
color: rgba(255, 255, 255, 0.2); }
.color-w-030 {
color: rgba(255, 255, 255, 0.3); }
.color-w-040 {
color: rgba(255, 255, 255, 0.4); }
.color-w-050 {
color: rgba(255, 255, 255, 0.5); }
.color-w-060 {
color: rgba(255, 255, 255, 0.6); }
.color-w-070 {
color: rgba(255, 255, 255, 0.7); }
.color-w-080 {
color: rgba(255, 255, 255, 0.8); }
.color-w-090 {
color: rgba(255, 255, 255, 0.9); }
.color-w-0100 {
color: rgba(255, 255, 255, 1.0); }
.color-p-00 {
color: rgba(213, 43, 30, 0); }
.color-p-010 {
color: rgba(213, 43, 30, 0.1); }
.color-p-020 {
color: rgba(213, 43, 30, 0.2); }
.color-p-030 {
color: rgba(213, 43, 30, 0.3); }
.color-p-040 {
color: rgba(213, 43, 30, 0.4); }
.color-p-050 {
color: rgba(213, 43, 30, 0.5); }
.color-p-060 {
color: rgba(213, 43, 30, 0.6); }
.color-p-070 {
color: rgba(213, 43, 30, 0.7); }
.color-p-080 {
color: rgba(213, 43, 30, 0.8); }
.color-p-090 {
color: rgba(213, 43, 30, 0.9); }
.color-p-0100 {
color: rgba(213, 43, 30, 1.0); }
.c-secondary {
color: #1E1E1E; }
.color-input-form {
color: #747677; }
/* ************* END COLORS *************** */
/* ************* EXTRAS *************** */
.zindex-0 {
z-index: 0; }
.zindex-5 {
z-index: 5; }
.zindex-10 {
z-index: 10; }
.zindex-15 {
z-index: 15; }
.zindex-20 {
z-index: 20; }
.zindex-25 {
z-index: 25; }
.zindex-30 {
z-index: 30; }
.zindex-35 {
z-index: 35; }
.zindex-40 {
z-index: 40; }
.zindex-45 {
z-index: 45; }
.zindex-50 {
z-index: 50; }
.zindex-55 {
z-index: 55; }
.zindex-60 {
z-index: 60; }
.zindex-65 {
z-index: 65; }
.zindex-70 {
z-index: 70; }
.zindex-75 {
z-index: 75; }
.zindex-80 {
z-index: 80; }
.zindex-85 {
z-index: 85; }
.zindex-90 {
z-index: 90; }
.zindex-95 {
z-index: 95; }
.zindex-100 {
z-index: 100; }
.opacity-00 {
opacity: 0; }
.opacity-010 {
opacity: 0.1; }
.opacity-020 {
opacity: 0.2; }
.opacity-030 {
opacity: 0.3; }
.opacity-040 {
opacity: 0.4; }
.opacity-050 {
opacity: 0.5; }
.opacity-060 {
opacity: 0.6; }
.opacity-070 {
opacity: 0.7; }
.opacity-080 {
opacity: 0.8; }
.opacity-090 {
opacity: 0.9; }
.opacity-0100 {
opacity: 1; }
.transition-0 {
-webkit-transition: all 0s;
-moz-transition: all 0s;
-ms-transition: all 0s;
-o-transition: all 0s;
transition: all 0s; }
.transition-1000 {
-webkit-transition: all 0.1s;
-moz-transition: all 0.1s;
-ms-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s; }
.transition-2000 {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s; }
.transition-3000 {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.transition-4000 {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.transition-5000 {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.transition-6000 {
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.transition-7000 {
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-ms-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s; }
.transition-8000 {
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s; }
.transition-9000 {
-webkit-transition: all 0.9s;
-moz-transition: all 0.9s;
-ms-transition: all 0.9s;
-o-transition: all 0.9s;
transition: all 0.9s; }
.transition-10000 {
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s; }
/* ************* UTILITIES *************** */
.cursor-p {
cursor: pointer; }
.ellipsis {
width: auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.ellipsis-nowidth {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.white-space-nw {
white-space: nowrap; }
.user-select-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.pointer-events-n {
pointer-events: none; }
.pointer-events-a {
pointer-events: auto; }
.pointer-events-i {
pointer-events: initial; }
.pointer-events-aie11 {
pointer-events: none;
position: relative; }
.transform-translate-050 {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.transform-translate-x-050 {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); }
.transform-translate-y-050 {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.transform-translate-x-0100 {
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); }
.transform-translate-x--0100 {
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%); }
.transform-translate-y-0100 {
-webkit-backface-visibility: hidden;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); }
.transform-translate-y--0100 {
-webkit-backface-visibility: hidden;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%); }
.top--0100 {
top: -100%; }
.top--050 {
top: -50%; }
.bottom--0100 {
bottom: -100%; }
.bottom--50 {
bottom: -50%; }
.left--0100 {
left: -100%; }
.left--050 {
left: -50%; }
.right--0100 {
left: -100%; }
.right--050 {
left: -50%; }
.width-auto {
width: auto; }
.hidden-text, .text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.clearfix:before,
.clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
.img-responsive {
display: block;
max-width: 100%;
height: auto; }
.center-block {
display: block;
margin-left: auto;
margin-right: auto; }
.sticky {
position: -webkit-sticky;
position: -moz-sticky;
position: -o-sticky;
position: -ms-sticky;
position: sticky;
top: 0;
left: 0;
right: 0;
display: block;
z-index: 1; }
@font-face {
font-family: 'password';
src: url("../fonts/pswrdd.ttf"); }
/* @import "icons";
@import "tctiposextend"; */
@font-face {
font-family: 'iconos-font';
src: url("../fonts/iconos-font.eot?qdadh3");
src: url("../fonts/iconos-font.eot?qdadh3#iefix") format("embedded-opentype"), url("../fonts/iconos-font.ttf?qdadh3") format("truetype"), url("../fonts/iconos-font.woff?qdadh3") format("woff"), url("../fonts/iconos-font.svg?qdadh3#iconos-font") format("svg");
font-weight: normal;
font-weight: normal;
font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'iconos-font' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-trash:before {
content: "\e923"; }
.icon-megafono:before {
content: "\e922"; }
.icon-aviso:before {
content: "\e91b";
color: #f3462b; }
.icon-desvios:before {
content: "\e91c";
color: #f3462b; }
.icon-horarios:before {
content: "\e91d";
color: #f3462b; }
.icon-informacion:before {
content: "\e91e";
color: #f3462b; }
.icon-info:before {
content: "\e924"; }
.icon-normalidad:before {
content: "\e91f";
color: #f3462b; }
.icon-paradas:before {
content: "\e920";
color: #f3462b; }
.icon-tarifas:before {
content: "\e921";
color: #f3462b; }
.icon-goleft:before {
content: "\e919"; }
.icon-goright:before {
content: "\e91a"; }
.icon-power:before {
content: "\e927"; }
.icon-close:before {
content: "\e926"; }
.icon-unlock:before {
content: "\e916"; }
.icon-home2:before {
content: "\e914"; }
.icon-message:before {
content: "\e900"; }
.icon-hamburguer:before {
content: "\e901"; }
.icon-arrowleft:before {
content: "\e902"; }
.icon-arrowright:before {
content: "\e915"; }
.icon-arrowdown:before {
content: "\e903"; }
.icon-bus:before {
content: "\e904"; }
.icon-search:before {
content: "\e906"; }
.icon-alarmclock:before {
content: "\e907"; }
.icon-location:before {
content: "\e90a"; }
.icon-pin:before {
content: "\e90b"; }
.icon-refresh:before {
content: "\e918"; }
.icon-change:before {
content: "\e925"; }
.icon-calendar:before {
content: "\e953"; }
.icon-home:before {
content: "\e90c"; }
.icon-notification:before {
content: "\e90d"; }
.icon-tciudadana:before {
content: "\e90e"; }
.icon-chrono:before {
content: "\e90f"; }
.icon-star:before {
content: "\e910"; }
.icon-clock:before {
content: "\e911"; }
.icon-coin:before {
content: "\e912"; }
.icon-stop:before {
content: "\e913"; }
.icon-envelop1:before {
content: "\e946"; }
.icon-eye:before {
content: "\e9ce"; }
.icon-eye-blocked:before {
content: "\e9d1"; }
.icon-info:before {
content: "\e924"; }
.icon-credit-card:before {
content: "\e93f"; }
.icon-resta:before {
content: "\e908"; }
.icon-suma:before {
content: "\e909"; }
.icon-pencil:before {
content: "\e905"; }
.icon-user:before {
content: "\e971"; }
.icon-checkbox-checked:before {
content: "\ea52"; }
.icon-checkbox-unchecked:before {
content: "\ea53"; }
.icon-radio-checked:before {
content: "\ea54"; }
.icon-radio-unchecked:before {
content: "\ea56"; }
.icon-qrcode:before {
content: "\e938"; }