@charset "utf-8";
body {  }
.animate { visibility:hidden; }
.animate {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@-moz-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
.animate.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
visibility: visible !important;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
0%, 100% {-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.animate.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
visibility: visible !important;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.animate.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
visibility: visible !important;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {transform: scale(1);}
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}
.animate.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
visibility: visible !important;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }
80% { -webkit-transform: rotate(-5deg); }
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes swing {
20% { -moz-transform: rotate(15deg); }
40% { -moz-transform: rotate(-10deg); }
60% { -moz-transform: rotate(5deg); }
80% { -moz-transform: rotate(-5deg); }
100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes swing {
20% { -o-transform: rotate(15deg); }
40% { -o-transform: rotate(-10deg); }
60% { -o-transform: rotate(5deg); }
80% { -o-transform: rotate(-5deg); }
100% { -o-transform: rotate(0deg); }
}
@keyframes swing {
20% { transform: rotate(15deg); }
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }
80% { transform: rotate(-5deg); }
100% { transform: rotate(0deg); }
}
.animate.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
visibility: visible !important;
} @-webkit-keyframes wobble {
0% { -webkit-transform: translateX(0%); }
15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
30% { -webkit-transform: translateX(20%) rotate(3deg); }
45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
60% { -webkit-transform: translateX(10%) rotate(2deg); }
75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
100% { -webkit-transform: translateX(0%); }
}
@-moz-keyframes wobble {
0% { -moz-transform: translateX(0%); }
15% { -moz-transform: translateX(-25%) rotate(-5deg); }
30% { -moz-transform: translateX(20%) rotate(3deg); }
45% { -moz-transform: translateX(-15%) rotate(-3deg); }
60% { -moz-transform: translateX(10%) rotate(2deg); }
75% { -moz-transform: translateX(-5%) rotate(-1deg); }
100% { -moz-transform: translateX(0%); }
}
@-o-keyframes wobble {
0% { -o-transform: translateX(0%); }
15% { -o-transform: translateX(-25%) rotate(-5deg); }
30% { -o-transform: translateX(20%) rotate(3deg); }
45% { -o-transform: translateX(-15%) rotate(-3deg); }
60% { -o-transform: translateX(10%) rotate(2deg); }
75% { -o-transform: translateX(-5%) rotate(-1deg); }
100% { -o-transform: translateX(0%); }
}
@keyframes wobble {
0% { transform: translateX(0%); }
15% { transform: translateX(-25%) rotate(-5deg); }
30% { transform: translateX(20%) rotate(3deg); }
45% { transform: translateX(-15%) rotate(-3deg); }
60% { transform: translateX(10%) rotate(2deg); }
75% { transform: translateX(-5%) rotate(-1deg); }
100% { transform: translateX(0%); }
}
.animate.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
visibility: visible !important;
} @-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); }
50% { -webkit-transform: scale(1.1); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
0% { -moz-transform: scale(1); }
50% { -moz-transform: scale(1.1); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
0% { -o-transform: scale(1); }
50% { -o-transform: scale(1.1); }
100% { -o-transform: scale(1); }
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.animate.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
visibility: visible !important;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
animation-timing-function: ease-in;
}
}
.animate.flip {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
visibility: visible !important;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.animate.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
visibility: visible !important;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.animate.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.animate.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.animate.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible !important;
-o-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY;
visibility: visible !important;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.animate.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
visibility: visible !important;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
visibility: visible !important;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
visibility: visible !important;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
visibility: visible !important;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
visibility: visible !important;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
visibility: visible !important;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
visibility: visible !important;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.animate.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
visibility: visible !important;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.animate.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
visibility: visible !important;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.animate.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
visibility: visible !important;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.animate.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
visibility: visible !important;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.animate.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
visibility: visible !important;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.animate.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
visibility: visible !important;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.animate.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
visibility: visible !important;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.animate.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
visibility: visible !important;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.animate.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
visibility: visible !important;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.animate.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
visibility: visible !important;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.animate.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
visibility: visible !important;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.animate.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
visibility: visible !important;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.animate.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
visibility: visible !important;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.animate.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
visibility: visible !important;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
}
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(.3);
}
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(.3);
}
}
.animate.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
visibility: visible !important;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.animate.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
visibility: visible !important;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.animate.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
visibility: visible !important;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.animate.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
visibility: visible !important;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.animate.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
visibility: visible !important;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.animate.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
visibility: visible !important;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.animate.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
visibility: visible !important;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.animate.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
visibility: visible !important;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.animate.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
visibility: visible !important;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.animate.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
visibility: visible !important;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.animate.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
visibility: visible !important;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.animate.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
visibility: visible !important;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.animate.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
visibility: visible !important;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.animate.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
visibility: visible !important;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.animate.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
visibility: visible !important;
}
@-webkit-keyframes hinge {
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
100% { -webkit-transform: translateY(700px); opacity: 0; }
}
@-moz-keyframes hinge {
0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
100% { -moz-transform: translateY(700px); opacity: 0; }
}
@-o-keyframes hinge {
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
100% { -o-transform: translateY(700px); opacity: 0; }
}
@keyframes hinge {
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
100% { transform: translateY(700px); opacity: 0; }
}
.animate.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
visibility: visible !important;
} @-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.animate.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
visibility: visible !important;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
.animate.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
visibility: visible !important;
} @-webkit-keyframes lightSpeedIn {
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-moz-keyframes lightSpeedIn {
0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-o-keyframes lightSpeedIn {
0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@keyframes lightSpeedIn {
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}
.animate.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
visibility: visible !important;
}
.animate.lightSpeedIn {
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
} @-webkit-keyframes lightSpeedOut {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-moz-keyframes lightSpeedOut {
0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-o-keyframes lightSpeedOut {
0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@keyframes lightSpeedOut {
0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
.animate.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
visibility: visible !important;
}
.animate.lightSpeedOut {
-webkit-animation-duration: 0.25s;
-moz-animation-duration: 0.25s;
-o-animation-duration: 0.25s;
animation-duration: 0.25s;
} .slideDown{
animation-name: slideDown;
-webkit-animation-name: slideDown;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes slideDown {
0% {
transform: translateY(-100%);
}
50%{
transform: translateY(8%);
}
65%{
transform: translateY(-4%);
}
80%{
transform: translateY(4%);
}
95%{
transform: translateY(-2%);
}			
100% {
transform: translateY(0%);
}		
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform: translateY(-100%);
}
50%{
-webkit-transform: translateY(8%);
}
65%{
-webkit-transform: translateY(-4%);
}
80%{
-webkit-transform: translateY(4%);
}
95%{
-webkit-transform: translateY(-2%);
}			
100% {
-webkit-transform: translateY(0%);
}	
} .slideUp{
animation-name: slideUp;
-webkit-animation-name: slideUp;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes slideUp {
0% {
transform: translateY(100%);
}
50%{
transform: translateY(-8%);
}
65%{
transform: translateY(4%);
}
80%{
transform: translateY(-4%);
}
95%{
transform: translateY(2%);
}			
100% {
transform: translateY(0%);
}	
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(100%);
}
50%{
-webkit-transform: translateY(-8%);
}
65%{
-webkit-transform: translateY(4%);
}
80%{
-webkit-transform: translateY(-4%);
}
95%{
-webkit-transform: translateY(2%);
}			
100% {
-webkit-transform: translateY(0%);
}	
} .slideLeft{
animation-name: slideLeft;
-webkit-animation-name: slideLeft;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;	
visibility: visible !important;
}
@keyframes slideLeft {
0% {
transform: translateX(150%);
}
50%{
ransform: translateX(-8%);
}
65%{
transform: translateX(4%);
}
80%{
transform: translateX(-4%);
}
95%{
transform: translateX(2%);
}			
100% {
transform: translateX(0%);
}
}
@-webkit-keyframes slideLeft {
0% {
-webkit-transform: translateX(150%);
}
50%{
-webkit-transform: translateX(-8%);
}
65%{
-webkit-transform: translateX(4%);
}
80%{
-webkit-transform: translateX(-4%);
}
95%{
-webkit-transform: translateX(2%);
}			
100% {
-webkit-transform: translateX(0%);
}
} .slideRight{
animation-name: slideRight;
-webkit-animation-name: slideRight;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;		
visibility: visible !important;
}
@keyframes slideRight {
0% {
transform: translateX(-150%);
}
50%{
transform: translateX(8%);
}
65%{
transform: translateX(-4%);
}
80%{
transform: translateX(4%);
}
95%{
transform: translateX(-2%);
}			
100% {
transform: translateX(0%);
}	
}
@-webkit-keyframes slideRight {
0% {
-webkit-transform: translateX(-150%);
}
50%{
-webkit-transform: translateX(8%);
}
65%{
-webkit-transform: translateX(-4%);
}
80%{
-webkit-transform: translateX(4%);
}
95%{
-webkit-transform: translateX(-2%);
}			
100% {
-webkit-transform: translateX(0%);
}
} .slideExpandUp{
animation-name: slideExpandUp;
-webkit-animation-name: slideExpandUp;	
animation-duration: 1.6s;	
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease -out;
visibility: visible !important;
}
@keyframes slideExpandUp {
0% {
transform: translateY(100%) scaleX(0.5);
}
30%{
transform: translateY(-8%) scaleX(0.5);
}	
40%{
transform: translateY(2%) scaleX(0.5);
}
50%{
transform: translateY(0%) scaleX(1.1);
}
60%{
transform: translateY(0%) scaleX(0.9);		
}
70% {
transform: translateY(0%) scaleX(1.05);
}			
80%{
transform: translateY(0%) scaleX(0.95);		
}
90% {
transform: translateY(0%) scaleX(1.02);
}	
100%{
transform: translateY(0%) scaleX(1);		
}
}
@-webkit-keyframes slideExpandUp {
0% {
-webkit-transform: translateY(100%) scaleX(0.5);
}
30%{
-webkit-transform: translateY(-8%) scaleX(0.5);
}	
40%{
-webkit-transform: translateY(2%) scaleX(0.5);
}
50%{
-webkit-transform: translateY(0%) scaleX(1.1);
}
60%{
-webkit-transform: translateY(0%) scaleX(0.9);		
}
70% {
-webkit-transform: translateY(0%) scaleX(1.05);
}			
80%{
-webkit-transform: translateY(0%) scaleX(0.95);		
}
90% {
-webkit-transform: translateY(0%) scaleX(1.02);
}	
100%{
-webkit-transform: translateY(0%) scaleX(1);		
}
} .expandUp{
animation-name: expandUp;
-webkit-animation-name: expandUp;	
animation-duration: 0.7s;	
-webkit-animation-duration: 0.7s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;	
visibility: visible !important;
}
@keyframes expandUp {
0% {
transform: translateY(100%) scale(0.6) scaleY(0.5);
}
60%{
transform: translateY(-7%) scaleY(1.12);
}
75%{
transform: translateY(3%);
}	
100% {
transform: translateY(0%) scale(1) scaleY(1);
}	
}
@-webkit-keyframes expandUp {
0% {
-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
}
60%{
-webkit-transform: translateY(-7%) scaleY(1.12);
}
75%{
-webkit-transform: translateY(3%);
}	
100% {
-webkit-transform: translateY(0%) scale(1) scaleY(1);
}	
} .expandOpen{
animation-name: expandOpen;
-webkit-animation-name: expandOpen;	
animation-duration: 1.2s;	
-webkit-animation-duration: 1.2s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;
visibility: visible !important;
}
@keyframes expandOpen {
0% {
transform: scale(1.8);		
}
50% {
transform: scale(0.95);
}	
80% {
transform: scale(1.05);
}
90% {
transform: scale(0.98);
}	
100% {
transform: scale(1);
}			
}
@-webkit-keyframes expandOpen {
0% {
-webkit-transform: scale(1.8);		
}
50% {
-webkit-transform: scale(0.95);
}	
80% {
-webkit-transform: scale(1.05);
}
90% {
-webkit-transform: scale(0.98);
}	
100% {
-webkit-transform: scale(1);
}					
} .bigEntrance{
animation-name: bigEntrance;
-webkit-animation-name: bigEntrance;	
animation-duration: 1.6s;	
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
visibility: visible !important;
}
@keyframes bigEntrance {
0% {
transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
opacity: 1;
}
45% {
transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
75% {
transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
100% {
transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}		
}
@-webkit-keyframes bigEntrance {
0% {
-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
opacity: 1;
}
45% {
-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
75% {
-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
100% {
-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}				
} .hatch{
animation-name: hatch;
-webkit-animation-name: hatch;	
animation-duration: 2s;	
-webkit-animation-duration: 2s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%; 
visibility: visible !important;
}
@keyframes hatch {
0% {
transform: rotate(0deg) scaleY(0.6);
}
20% {
transform: rotate(-2deg) scaleY(1.05);
}
35% {
transform: rotate(2deg) scaleY(1);
}
50% {
transform: rotate(-2deg);
}	
65% {
transform: rotate(1deg);
}	
80% {
transform: rotate(-1deg);
}		
100% {
transform: rotate(0deg);
}									
}
@-webkit-keyframes hatch {
0% {
-webkit-transform: rotate(0deg) scaleY(0.6);
}
20% {
-webkit-transform: rotate(-2deg) scaleY(1.05);
}
35% {
-webkit-transform: rotate(2deg) scaleY(1);
}
50% {
-webkit-transform: rotate(-2deg);
}	
65% {
-webkit-transform: rotate(1deg);
}	
80% {
-webkit-transform: rotate(-1deg);
}		
100% {
-webkit-transform: rotate(0deg);
}		
} .floating{
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible !important;
}
@keyframes floating {
0% {
transform: translateY(0%);	
}
50% {
transform: translateY(8%);	
}	
100% {
transform: translateY(0%);
}			
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translateY(0%);	
}
50% {
-webkit-transform: translateY(8%);	
}	
100% {
-webkit-transform: translateY(0%);
}			
} .tossing{
animation-name: tossing;
-webkit-animation-name: tossing;	
animation-duration: 2.5s;	
-webkit-animation-duration: 2.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible !important;
}
@keyframes tossing {
0% {
transform: rotate(-4deg);	
}
50% {
transform: rotate(4deg);
}
100% {
transform: rotate(-4deg);	
}						
}
@-webkit-keyframes tossing {
0% {
-webkit-transform: rotate(-4deg);	
}
50% {
-webkit-transform: rotate(4deg);
}
100% {
-webkit-transform: rotate(-4deg);	
}				
} .pullUp{
animation-name: pullUp;
-webkit-animation-name: pullUp;	
animation-duration: 1.1s;	
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%; 		
visibility: visible !important;
}
@keyframes pullUp {
0% {
transform: scaleY(0.1);
}
40% {
transform: scaleY(1.02);
}
60% {
transform: scaleY(0.98);
}
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(0.98);
}				
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(1);
}							
}
@-webkit-keyframes pullUp {
0% {
-webkit-transform: scaleY(0.1);
}
40% {
-webkit-transform: scaleY(1.02);
}
60% {
-webkit-transform: scaleY(0.98);
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(0.98);
}				
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}		
} .pullDown{
animation-name: pullDown;
-webkit-animation-name: pullDown;	
animation-duration: 1.1s;	
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%; 
visibility: visible !important;
}
@keyframes pullDown {
0% {
transform: scaleY(0.1);
}
40% {
transform: scaleY(1.02);
}
60% {
transform: scaleY(0.98);
}
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(0.98);
}				
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(1);
}							
}
@-webkit-keyframes pullDown {
0% {
-webkit-transform: scaleY(0.1);
}
40% {
-webkit-transform: scaleY(1.02);
}
60% {
-webkit-transform: scaleY(0.98);
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(0.98);
}				
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}		
} .stretchLeft{
animation-name: stretchLeft;
-webkit-animation-name: stretchLeft;	
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%; 
visibility: visible !important;
}
@keyframes stretchLeft {
0% {
transform: scaleX(0.3);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}				
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}							
}
@-webkit-keyframes stretchLeft {
0% {
-webkit-transform: scaleX(0.3);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}				
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}		
} .stretchRight{
animation-name: stretchRight;
-webkit-animation-name: stretchRight;	
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%; 	
visibility: visible !important;
}
@keyframes stretchRight {
0% {
transform: scaleX(0.3);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}				
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}							
}
@-webkit-keyframes stretchRight {
0% {
-webkit-transform: scaleX(0.3);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}				
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}		
}
  .dt-sc-hr { background:url(//palladiofm.com/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter.png) repeat-x; height:10px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; }
.dt-sc-hr-medium { background:url(//palladiofm.com/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter-medium.png) repeat-x; height:16px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; }
.dt-sc-hr-large { background:url(//palladiofm.com/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter-large.png) repeat-x; height:22px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; }	
.dt-sc-hr-border { background:url(//palladiofm.com/wp-content/plugins/designthemes-core-features/shortcodes/css/images/splitter2.png) repeat-x; height:1px; width:100%; clear:both; display:block; float:left; margin:30px 0px 40px; position:relative; z-index:1; }
.dt-sc-hr.top { width:96%; }
.dt-sc-hr.top { background-position:right center; text-align:right; }
.dt-sc-hr.top a { color:rgba(0, 0, 0, 0.5); background:transparent; font-size:11px; line-height:16px; padding-left:5px; position:absolute; right:-4%; top:-4px; }
.dt-sc-hr.top a:hover { color:#303030; }
.dt-sc-hr.top a span { margin-right:2px; }
.dt-sc-clear { float:none; clear:both; margin:0px; padding:0px; }
.dt-sc-hr-invisible { margin:60px 0px 0px 0px; float:left; width:100%; clear:both; display:block; }
.dt-sc-hr-invisible-small { margin:40px 0px 0px 0px; float:left; width:100%; clear:both; display:block; }
.dt-sc-margin10 { margin:10px 0px 0px 0px; float:left; width:100%; clear:both; display:block; }
.dt-sc-margin15 { margin:0px 0px 15px 0px; float:left; width:100%; clear:both; display:block; }
.dt-sc-margin20 { margin:20px 0px 0px 0px; float:left; width:100%; clear:both; display:block; }
.dt-sc-margin25 { margin:25px 0px 0px 0px; float:left; width:100%; clear:both; display:block; }
.dt-sc-margin30 { margin:30px 0px 0px 0px; float:left; width:100%; clear:both; display:block; }
.dt-sc-margin35 { margin:35px 0px 0px 0px; float:left; width:100%; clear:both; display:block; }
.dt-sc-margin40 { margin:40px 0px 0px 0px; float:left; width:100%; clear:both; display:block; }
.dt-sc-margin45 { margin:45px 0px 0px 0px; float:left; width:100%; clear:both; display:block; }
.dt-sc-margin50 { margin:50px 0px 0px 0px; float:left; width:100%; clear:both; display:block; }
.dt-sc-margin55 { margin:55px 0px 0px 0px; float:left; width:100%; clear:both; display:block; }
.dt-sc-margin60 { margin:60px 0px 0px 0px; float:left; width:100%; clear:both; display:block; }
.dt-sc-margin65 { margin:65px 0px 0px 0px; float:left; width:100%; clear:both; display:block; }
.dt-sc-margin70 { margin:70px 0px 0px 0px; float:left; width:100%; clear:both; display:block; } .column { margin:0px 0px 0px 2%; float:left; min-height:1px; position:relative; }
.column img { max-width:100%; height:auto; }	
.column.first { margin-left:0px; }		
.column.no-space { margin-left:0px; margin-right:0px; }
.dt-sc-one-column { width:100%; }
.dt-sc-one-fourth { width:23.19%;}
.dt-sc-one-fifth { width:18.3%; }
.dt-sc-one-half { width:48.9%;}
.dt-sc-one-third { width:31.9%;}
.dt-sc-one-sixth { width:13%;}
.dt-sc-two-third{width:64.8%;}
.dt-sc-two-sixth { width:27.5%; }
.dt-sc-three-fourth{width:74.5%;}
.dt-sc-three-fifth{width:59.2%;}
.dt-sc-three-sixth { width:45%;}
.dt-sc-four-sixth { width:60%; }
.dt-sc-four-fifth { width: 79.6%; }
.dt-sc-two-fifth { width:38.8%; }
.column.no-space.dt-sc-one-fourth { width:25%; }
.column.no-space.dt-sc-five-sixth { width:84.55%; }
.column.no-space.dt-sc-one-third { width:33.2%; }	
.column.no-space.dt-sc-three-fifth { width:60%; }
.column.no-space.dt-sc-one-half { width: 50%; } .dt-sc-button { font-weight:bold; margin-top:10px; font-size:16px; color:#ffffff; display:inline-block; line-height:normal; border-radius:5px; clear:both; -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; border:1px solid; margin-bottom:0; }
.dt-sc-button.aligncenter { margin-bottom:0; }
.dt-sc-button.small { padding:10px 35px; }
.dt-sc-button.medium { padding:15px 37px; font-size:17px; }
.dt-sc-button.large { padding:14px 48px; font-size:22px; }
.dt-sc-button.xlarge { padding: 21px 52px 20px; font-size:24px; }
.dt-sc-button:hover { background-color:#ffffff; }
.dt-sc-button .fa { font-size:18px; font-weight:normal; font-family:FontAwesome; padding:0px 12px; }
.dt-sc-button.blue { background-color:#478bca; border-color:#478bca; }
.dt-sc-button.blueiris { background-color:#595ca1; border-color:#595ca1; }
.dt-sc-button.blueturquoise { background-color:#08bbb7; border-color:#08bbb7; }
.dt-sc-button.brown { background-color:#8f5a28; border-color:#8f5a28; }
.dt-sc-button.burntsienna { background-color:#d36b5e; border-color:#d36b5e; }
.dt-sc-button.chillipepper { background-color:#b31f41; border-color:#b31f41; }
.dt-sc-button.eggplant { background-color:#614051; border-color:#614051; }
.dt-sc-button.graasgreen { background-color:#81c77f; border-color:#81c77f; }
.dt-sc-button.orange { background-color:#f67f45; border-color:#f67f45; }
.dt-sc-button.pink { background-color:#e472ae; border-color:#e472ae; }
.dt-sc-button.radiantorchid { background-color:#af71b0; border-color:#af71b0; }
.dt-sc-button.red { background-color:#ef3a43; border-color:#ef3a43; }
.dt-sc-button.skyblue { background-color:#0facce; border-color:#19a9e5; }
.dt-sc-button.yellow { background-color:#19a9e5; border-color:#eec005; }
.dt-sc-button.chillipepper { background-color:#b31f41; border-color:#b31f41; }
.dt-sc-button.blue:hover { background-color:transparent; color:#478bca; }
.dt-sc-button.blueiris:hover { background-color:transparent; color:#595ca1; }
.dt-sc-button.blueturquoise:hover { background-color:transparent; color:#08bbb7;}
.dt-sc-button.brown:hover { background-color:transparent; color:#8f5a28; }
.dt-sc-button.burntsienna:hover { background-color:transparent; color:#d36b5e; }
.dt-sc-button.chillipepper:hover { background-color:transparent; color:#b31f41; }
.dt-sc-button.eggplant:hover { background-color:transparent; color:#614051; }
.dt-sc-button.chocolate:hover { background-color:transparent; color:#cd671d; }
.dt-sc-button.graasgreen:hover { background-color:transparent; color:#81c77f; }
.dt-sc-button.orange:hover { background-color:transparent; color:#f67f45 }
.dt-sc-button.pink:hover { background-color:transparent; color:#e472ae; }
.dt-sc-button.radiantorchid:hover { background-color:transparent; color:#af71b0; }
.dt-sc-button.red:hover { background-color:transparent; color:#ef3a43; }
.dt-sc-button.skyblue:hover { background-color:transparent; color:#19a9e5; }
.dt-sc-button.yellow:hover { background-color:transparent; color:#eec005; } .dt-sc-icon-content{float:left; width:100%; text-align:center;}
.dt-sc-icon-content.type1 .hexagon2{width:103px; height:61px; left:0px;}
.dt-sc-icon-content.type1 .hexagon2 .corner1, .dt-sc-icon-content.type1 .hexagon2 .corner2{left:-2px;}
.dt-sc-icon-content.type1 .hexagon{width:106px; height:62px;}
.dt-sc-icon-content.type1 .hexagon2 .fa{-webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s;}
.dt-sc-icon-content.type1:hover .hexagon2 .fa{-webkit-transform:scale(1.2) rotateY(360deg); -moz-transform:scale(1.2) rotateY(360deg); -ms-transform:scale(1.2) rotateY(360deg); -o-transform:scale(1.2) rotateY(360deg); transform:scale(1.2) rotateY(360deg);}
.dt-sc-icon-content h4 { font-size:20px; line-height:22px; font-weight:600; text-transform:uppercase; }
.dt-sc-icon-content.type1 .hexagon2 .fa{font-size:32px; position:absolute; width:100%; font-family:FontAwesome; line-height:61px; display:block; color:#090909;}
.dt-sc-icon-content.type1 h4 a:hover { color:#181818; } .dt-sc-testimonial-content h4 { font-size:20px; line-height:22px; margin-bottom:0px; font-weight:600; }
.fullwidth-section .dt-sc-testimonial-content h4 { color:#ffffff; }
.dt-sc-testimonial-content p { font-weight:400; }
.dt-sc-testimonial-carousel-wrapper { float:left; clear:both; padding:0px; width:100%; position:relative; display:block; }
.fullwidth-section.dt-sc-parallax-section .dt-sc-testimonial-carousel-wrapper { width:745px; float:none; margin:0 auto; }
.page-with-both-sidebar .dt-sc-testimonial-wrapper .dt-sc-two-sixth { width: 37.5%; }
.dt-sc-star-icons { float:left; margin-left:10px; }
.dt-sc-star-icons .fa { font-size:20px; font-family:FontAwesome; font-weight:normal; }
.fullwidth-section .dt-sc-star-icons .fa:hover { color:#ffffff; }
.dt-sc-star-icons li { float:left; display:block; cursor:pointer; margin-right:5px; padding:0; } .dt-sc-icon-content.type2 h5 { font-weight:normal; }	
.dt-sc-icon-content.type2 .hexagon, .dt-sc-icon-content.type2 .hexagon2{opacity:0.5;}
.dt-sc-icon-content.type2 .hexagon2{width:100px; height:58.5px; left:1px; top:1px;}
.dt-sc-icon-content.type2 .hexagon{width:104px; height:61px;}
.dt-sc-icon-content.type2 .hexagon, .dt-sc-icon-content.type2 .hexagon .corner1, .dt-sc-icon-content.type2 .hexagon .corner2{background-color:#d9d9d9;}
.dt-sc-icon-content.type2 .hexagon2, .dt-sc-icon-content.type2 .hexagon2 .corner1, .dt-sc-icon-content.type2 .hexagon2 .corner2{background-color:#d9d9d9; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9;}
.dt-sc-icon-content.type2:hover .hexagon, .dt-sc-icon-content.type2:hover .hexagon .corner1, .dt-sc-icon-content.type2:hover .hexagon .corner2{opacity:1; -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s;} 
.dt-sc-icon-content.type2:hover .hexagon2, .dt-sc-icon-content.type2:hover .hexagon2 .corner1, .dt-sc-icon-content.type2:hover .hexagon2 .corner2{background-color:#ffffff; opacity:1; -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s;}
.dt-sc-icon-content.type2 .hexagon-shapes .fa{font-size:18px; font-family:FontAwesome; font-weight:normal;}
.dt-sc-icon-content.type2 h2{font-size:40px; font-weight:400; margin-bottom:0px;}
.dt-sc-icon-content.type2 .hexagon-icon{float:left; width:100%; position:absolute;}
.dt-sc-icon-content.type2 .hexagon-shapes{margin:30px auto 40px;}
.dt-sc-icon-content.type2 .hexagon-shapes .fa{-webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s;}
.dt-sc-icon-content.type2:hover .hexagon-shapes .fa{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);}
.dt-sc-icon-content.type2.with-count-text h2 { font-size: 35px; line-height: 35px; margin-bottom: 5px; }
.dt-sc-icon-content.type2.with-count-text .hexagon-icon h5 { display: inline-block; font-size: 16px; line-height: 20px; margin: 0; } .dt-sc-donutchart-medium, .dt-sc-donutchart-small, .dt-sc-donutchart-large { text-align:center; }
.dt-sc-donutchart { margin:0 auto 35px auto; font-weight:300; }
.dt-sc-donutchart-title { font-weight:400; font-size:18px; text-transform:uppercase; }
.dt-sc-donutchart-title, .dt-sc-donutchart-medium { font-family: 'Open Sans', sans-serif; } .dt-sc-team {display: flex; color:#000; font-weight:500; align-items: flex-end; width:100%; clear: both; margin-bottom:25px; }
.dt-sc-team figure {display:flex;background-color: #000;border: 1.5px solid #f2d46b;border-top-left-radius: 7px;border-top-right-radius: 7px;overflow: hidden;}
.dt-sc-team .bg-white{ background-color: #fff;padding: 10px;display: flex;flex-direction: column; border-top-right-radius: 7px;}
.dt-sc-team .team-thumb { display:table; position:relative; margin:55px auto 65px auto; }
.dt-sc-team .team-thumb .hexagon2 { width:183px; height:107px; left:-1px; top:0px; }
.dt-sc-team .team-thumb .hexagon { width:185px; height:107px; position:relative; }
.dt-sc-team h5 { margin-bottom:0px; font-weight:600; color: rgba(0,0,0,0.8) }
.dt-sc-social-icons { display:inline-block; margin:0px auto 15px auto; }
.dt-sc-team .dt-sc-social-icons li { display:inline-block; margin:0px 4px; padding:0; }
.dt-sc-social-icons .hexagon2 { width:25px; height:15px; position:relative; margin:10px 0px 5px 0px; }
.dt-sc-social-icons li:hover .hexagon2, .dt-sc-social-icons li:hover .hexagon2 .corner1, .dt-sc-social-icons li:hover .hexagon2 .corner2{-webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s;}
.dt-sc-social-icons li .fa-facebook { color:#3a589b; }
.dt-sc-social-icons li .fa-twitter { color:#598dca; }
.dt-sc-social-icons li .fa-dribbble { color:#f06c9f; }
.dt-sc-social-icons li .fa-linkedin { color:#1f418e; }
.dt-sc-social-icons li .fa-delicious { color:#d36b5e; }
.dt-sc-social-icons li .fa-deviantart { color:#08bbb7; }
.dt-sc-social-icons li .fa-digg { color:#cd671d; }
.dt-sc-social-icons li .fa-flickr { color:#f39d12; }
.dt-sc-social-icons li .fa-weibo { color:#3a589b; }
.dt-sc-social-icons li .fa-youtube { color:#e64d3d; }
.dt-sc-social-icons li .fa-google { color:#ff7f50; }
.dt-sc-social-icons li .fa-googleplus { color:#b31f41; }
.dt-sc-social-icons li .fa-pinterest { color:#614051; }
.dt-sc-social-icons li .fa-reddit { color:#34495e; }
.dt-sc-social-icons li .fa-yahoo { color:#af71b0; }
.dt-sc-social-icons li .fa-vimeosquare { color:#f1c40f; }
.dt-sc-social-icons li .fa-stumbleupon { color:#00cdcd; }
.dt-sc-social-icons li .fa-skype { color:#19a9e5; }
.dt-sc-social-icons li .fa-tumblr { color:#81c77f; }
.dt-sc-social-icons li .hexagon2 .fa { font-size:14px; font-family:FontAwesome; line-height:15px; width:100%; text-align:center; position:absolute; left:0; }
.dt-sc-social-icons li:hover .hexagon2 .fa{color:#ffffff; z-index:1;}
.dt-sc-team .dt-sc-button { margin:0 auto; }
.hexagon-container { float:left; width:100%; text-align:center; }
.hexagon-container .hexagon-shapes .hexagon { width:48px; height:27px; }
.hexagon-container .hexagon-shapes .hexagon2 { width:46px; height:27px; left:0px; }
.hexagon-container .hexagon-shapes .fa { font-size:24px; font-family:FontAwesome; font-weight:normal; position:absolute; width:100%; line-height:28px; text-align:center; left:0px; }
.hexagon-container .hexagon-shapes:before { right:73px; }
.hexagon-container .hexagon-shapes:after { left:73px; }
.hexagon-container .hexagon-shapes:before, .hexagon-container .hexagon-shapes:after { min-width:170px; top:15px; position:absolute; display:block; content:""; background-color:#ededed; height:1px; }
.hexagon-container .hexagon-shapes { margin:37px auto 50px; } blockquote.type2 { border-top:2px solid; border-left:0px; padding:30px; background:#f5f5f5; } 
blockquote.type2 q { border:none; padding:0px; margin:0px; }
blockquote.type2 cite { font-style:normal; font-size:16px; line-height:22px; font-weight:300; }
blockquote.type2 cite span { font-size:12px; }
blockquote.type3 { border:none; background:none; text-align:center; padding:0px; }
blockquote.type3 q { border:none; font-size:18px; font-style:italic; line-height:32px; color:#808080; }
blockquote.type3:before { background:none; border:none; }
blockquote.type3 cite { font-size:16px; line-height:22px; font-style:normal; }
blockquote.type3 cite span { font-size:12px; }
blockquote.type4 { background:#f5f5f5; padding:25px; border:none; border-left:2px solid; }
blockquote.type4 q { border:none; padding:0px; margin:0px; }
blockquote.type4 cite { font-style:normal; font-size:16px; line-height:22px; font-weight:300; }
blockquote.type4 cite span { font-size:12px; }
blockquote.type4.green, blockquote.type2.green { border-color:#77be32; }
blockquote.type4.blue, blockquote.type2.blue { border-color:#478bca; }
blockquote.type4.blueiris, blockquote.type2.blueiris { border-color:#595ca1; }
blockquote.type4.blueturquoise, blockquote.type2.blueturquoise { border-color:#08bbb7; }
blockquote.type4.chillipepper, blockquote.type2.chillipepper { border-color:#b31f41; }
blockquote.type4.burntsienna, blockquote.type2.burntsienna { border-color:#d36b5e; }
blockquote.type4.orange, blockquote.type2.orange { border-color:#f67f45; }
blockquote.type4.pink, blockquote.type2.pink { border-color:#e472ae; }
blockquote.type4.graasgreen, blockquote.type2.graasgreen { border-color:#81c77f; }
blockquote.type4.red, blockquote.type2.red { border-color:#ef3a43; }
blockquote.type4.radiantorchid, blockquote.type2.radiantorchid { border-color:#af71b0; }
blockquote.type4.skyblue, blockquote.type2.skyblue { border-color:#19a9e5; }
blockquote.type4.chocolate, blockquote.type2.chocolate { border-color:#cd671d; }
blockquote.type4.brown, blockquote.type2.brown { border-color:#8f5a28; }
blockquote.type4.yellow, blockquote.type2.yellow { border-color:#eec005; }
blockquote.type5 q { border-bottom: medium none; font-style: normal; margin-bottom: 0; padding-bottom: 0; } .dt-sc-pullquote1, .dt-sc-pullquote2, .dt-sc-pullquote3, .dt-sc-pullquote4, .dt-sc-pullquote5, .dt-sc-pullquote6 { color:#868689; display:inline-block; margin-bottom:20px; margin-right:4%; margin-top:20px; width:40%; }	
.dt-sc-pullquote1, .dt-sc-pullquote2, .dt-sc-pullquote3, .dt-sc-pullquote4, .dt-sc-pullquote5, .dt-sc-pullquote6 { font-family:'Source Sans Pro', sans-serif; font-size:16px; font-weight:300; line-height:30px; }	
.dt-sc-pullquote1 { border-left:3px solid #d6d6d6; background:#F5F5F5; letter-spacing:0; line-height:25px; padding:15px; width:36%; }	
.dt-sc-pullquote2 { background:#F5F5F5; border:1px solid #FFFFFF; box-shadow:0 0 5px #D0D0D0; padding:19px; }	
.dt-sc-pullquote3 { background:#F5F5F5; border-bottom:2px dotted #d6d6d6; border-top:2px dotted #d6d6d6; padding:19px; }	
.dt-sc-pullquote4 { border-bottom:4px double #d6d6d6; border-top:4px double #d6d6d6; margin-top:20px; padding:10px 0px; }	
.dt-sc-pullquote5 { letter-spacing:0; line-height:25px; padding:5px 5px 5px 15px; width:36%; }	
.dt-sc-pullquote6 { background:#F5F5F5; letter-spacing:0; line-height:25px; padding:15px; width:36%; }	
.dt-sc-pullquote1.aligncenter, .dt-sc-pullquote2.aligncenter, .dt-sc-pullquote3.aligncenter, .dt-sc-pullquote4.aligncenter, .dt-sc-pullquote5.aligncenter, .dt-sc-pullquote6.aligncenter { display:block; float:none; text-align:center; width:auto; }	
.dt-sc-pullquote1.alignleft, .dt-sc-pullquote1.aligncenter { margin-left:2px; }	
.dt-sc-pullquote1.alignright, .dt-sc-pullquote1.aligncenter { margin-right:2px; }
.dt-sc-pullquote5 { border-left:3px solid; }
.dt-sc-pullquote6 { border-top:3px solid; } .dt-sc-pricing-table { width:100%; margin:30px 0px 20px; padding:0px; float:left; }
.dt-sc-pr-tb-col { position:relative; border:1px solid #ECEEEB; background:#ffffff; width:100%; margin:0px; padding:0px; text-align:center; -webkit-transition:-webkit-box-shadow 0.2s ease-out; -moz-transition:-moz-box-shadow 0.2s ease-out; 	-o-transition:-o-box-shadow 0.2s ease-out; transition:box-shadow 0.2s ease-out; }
.dt-sc-tb-title h5 { padding:20px; font-weight:600; font-size:18px; line-height:normal; text-transform:uppercase; margin-bottom:0px; }
.dt-sc-tb-header .dt-sc-price { background:#f6f6f6; margin:0px; padding:25px 20px 25px 20px; display:block; font-size:48px; font-weight:300; color:#1c1c1c; }
.dt-sc-tb-header .dt-sc-price span { font-size:18px; }
.dt-sc-tb-content { list-style-type:none; margin:0px; }
.dt-sc-tb-content li { background:#ffffff; font-size:14px; color:#757575; border-bottom:1px solid #ECEEEB; padding:18px 10px; }
.dt-sc-pr-tb-col .dt-sc-buy-now { padding:20px; margin:0px; }
.dt-sc-pr-tb-col .dt-sc-buy-now .dt-sc-button { margin:0px auto; }
.dt-sc-pr-tb-col, .dt-sc-tb-header .dt-sc-price, .dt-sc-tb-title h5, .dt-sc-pr-tb-col .dt-sc-buy-now { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
.dt-sc-pr-tb-col.selected, .dt-sc-pr-tb-col:hover { z-index:10; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); margin-top:-25px; }
.dt-sc-pr-tb-col:hover { z-index:1; }
.dt-sc-pr-tb-col.selected .dt-sc-tb-title h5, .dt-sc-pr-tb-col:hover .dt-sc-tb-title h5, .dt-sc-pr-tb-col.selected .dt-sc-buy-now, .dt-sc-pr-tb-col:hover .dt-sc-buy-now { padding:25px 20px; }	
.dt-sc-pr-tb-col.selected .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col:hover .dt-sc-tb-header .dt-sc-price { padding:35px 20px; }
.dt-sc-pr-tb-col.selected .dt-sc-tb-header .dt-sc-price { color:#ffffff; }
.dt-sc-pricing-table.no-space .column { margin-left:0px; }
.dt-sc-pricing-table.no-space .dt-sc-one-fourth { width:25%; } 	
.dt-sc-pricing-table.no-space .dt-sc-one-third { width:33.3%; }	
.dt-sc-pricing-table.no-space .dt-sc-one-half { width:50%; }
.dt-sc-pricing-table.no-space .dt-sc-one-fifth { width:20%; }
.dt-sc-pricing-table.no-space .dt-sc-one-sixth { width:16.6%; }
.dt-sc-pricing-table.no-space .dt-sc-three-fourth { width:75%; }
.dt-sc-pricing-table.no-space .dt-sc-two-third { width:66.6%; }
.dt-sc-pricing-table.no-space .dt-sc-four-fifth { width:80%; }
.dt-sc-pricing-table.no-space .dt-sc-three-fifth { width:60%; }
.dt-sc-pricing-table.no-space .dt-sc-two-fifth { width:40%; }
.dt-sc-pricing-table.no-space .dt-sc-two-sixth { width:33.2%; }
.dt-sc-pricing-table.no-space .dt-sc-three-sixth { width:49.8%; }
.dt-sc-pricing-table.no-space .dt-sc-four-sixth { width:66.4%; }
.dt-sc-pricing-table.no-space .dt-sc-five-sixth { width:83%; } .dt-sc-callout-box { width:100%; margin:0px; padding:25px 3%; width:94%; float:left; }
.dt-sc-callout-box h4 { text-transform:uppercase; margin-bottom:8px; font-size:22px; font-weight:600; }
.dt-sc-callout-box h5 { font-size:18px; font-weight:300; color:#868686; margin-bottom:0px; }
.dt-sc-callout-box .dt-sc-button { padding:12px 20px; float:right; }
.dt-sc-callout-box .icon { width:65px; height:65px; float:left; margin:-5px 20px 0px 0px; text-align:center; line-height:65px; font-size:36px; border-radius:65px; }
.dt-sc-callout-box.with-icon { padding:25px 3% 25px 2%; width:95%; }
.dt-sc-callout-box.with-icon h4 { font-size:24px; font-weight:300; text-transform:none; }
.dt-sc-callout-box.type1 { border:1px solid #d6d6d6; }	
.dt-sc-callout-box.type2, .dt-sc-callout-box.type5 { background:#f6f6f6; }	
.dt-sc-callout-box.type3 { background:#f6f6f6; border-left:1px solid; }
.dt-sc-callout-box.type1 .icon, .dt-sc-callout-box.type5 .icon { color:#ffffff; border:1px solid; }
.dt-sc-callout-box.type2 .icon, .dt-sc-callout-box.type3 .icon { background:#ffffff; }
.dt-sc-callout-box.type4 .icon { background:#ffffff; border:1px solid #ffffff; }
.dt-sc-callout-box.type4 h4, .dt-sc-callout-box.type4 h5 { color:#ffffff; }
.dt-sc-callout-box.type4 .dt-sc-button { border-color:#ffffff; color:#ffffff; }
.dt-sc-callout-box.type4 .dt-sc-button:hover { color:#1c1c1c; background-color:#ffffff; }
.dt-sc-callout-box.type5:hover .icon { color:#ffffff; }
.dt-sc-callout-box.type5 .dt-sc-button:hover { background:#f6f6f6; }
.dt-sc-callout-box.type1 .dt-sc-button:hover { background-color:transparent; }
.dt-sc-callout-box.type1:hover .icon, .dt-sc-callout-box.type5:hover .icon { background:none; }
.dt-sc-callout-box.type2:hover .icon, .dt-sc-callout-box.type3:hover .icon { color:#ffffff; }
.dt-sc-callout-box.type4:hover .icon { background:none; color:#ffffff; }
.dt-sc-callout-box .icon { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; } .dt-sc-tabs-container { float:left; width:100%; margin:0px 0px 20px; padding:0px; clear:both; line-height:22px; }
ul.dt-sc-tabs-frame { float:left; margin:0px; padding:0px; width:100%; }
ul.dt-sc-tabs-frame li { float:left; display:inline; margin:0px -1px 0px 0px; padding:0px; }
ul.dt-sc-tabs-frame li a { border:1px solid #d6d6d6; border-bottom:0px; float:left; margin:0px; padding:0px 20px; font-size:14px; text-align:center; font-weight:600	; color:#181818; line-height:45px; }
ul.dt-sc-tabs-frame li a.current { background:#ffffff; border-bottom:0px; position:relative; z-index:1; border-top:2px solid; }
.dt-sc-tabs-frame-content { background:#ffffff; border:1px solid #d6d6d6; float:left; clear:both; width:92%; margin:-1px 0px 0px; padding:20px 4% 20px; color:#7c7c7c; } .dt-sc-tabs-vertical-container { float:left; width:100%; margin:0px 0px 20px; padding:0px; clear:both; line-height:22px; }
ul.dt-sc-tabs-vertical-frame { float:left; width:32%; margin:0px -1px 0px 0px; padding:0px; }
ul.dt-sc-tabs-vertical-frame li { float:left; display:block; margin:0px 0px -1px; padding:0px; width:100%; position:relative; }
ul.dt-sc-tabs-vertical-frame li a { display:block; border:1px solid #d6d6d6; margin:0px; padding:12px; font-weight:600; color:#181818; background:#ffffff; }
ul.dt-sc-tabs-vertical-frame li a.current { border-right-color:#ffffff; border-left:2px solid; }
.dt-sc-tabs-vertical-frame-content { background:#ffffff; border:1px solid #d6d6d6; float:left; width:58%; margin:0px; padding:20px 4% 20px; color:#7c7c7c; }		
.dt-sc-tabs-vertical-frame-content h4 { text-transform:none; } .dt-sc-boxed-tooltip { background:#ededed; color:#181818; display:inline-block; margin:10px 0px 0px; padding:15px 20px; text-align:center; }
.dt-sc-boxed-tooltip:hover { background:#181818; color:#ffffff; }
#tiptip_holder { display:none; position:absolute; top:0; left:0; z-index:99999; }		
#tiptip_holder.tip_top { padding-bottom:5px; }		 
#tiptip_holder.tip_bottom { padding-top:5px; }		 
#tiptip_holder.tip_right { padding-left:5px; }		 
#tiptip_holder.tip_left { padding-right:5px; }		
.tip_bottom #tiptip_content { box-shadow: inset 0px -1px 0px 0px #d6d6d6; -webkit-box-shadow:inset 0px -1px 0px 0px #d6d6d6; -moz-box-shadow:inset 0px -1px 0px 0px #d6d6d6; }
#tiptip_content { padding:8px 10px; color:#ffffff; font-size:12px; background:rgba(0, 0, 0, 0.8); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }		
#tiptip_arrow, #tiptip_arrow_inner { position:absolute; border-color:transparent; border-style:solid; border-width:6px; height:0; width:0; opacity:0.85; }		
#tiptip_holder.tip_top #tiptip_arrow { border-top-color:#fff; border-top-color:#000000;  }		
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color:#fff; border-bottom-color:#000000; }		
#tiptip_holder.tip_right #tiptip_arrow { border-right-color:#fff; border-right-color:#000000; }		 
#tiptip_holder.tip_left #tiptip_arrow { border-left-color:#fff; border-left-color:#000000; }		
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top:-7px; margin-left:-6px; }		
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top:-5px; margin-left:-6px; }		 
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top:-6px; margin-left:-5px;  }		
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top:-6px; margin-left:-7px;} .dt-sc-toggle-frame-set { float:left; width:100%; margin:0px; padding:0px; }
.dt-sc-toggle-frame { border:1px solid #d6d6d6; }
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .dt-sc-toggle-frame h5.dt-sc-toggle { clear:both; margin:0px; background:#ffffff; width:100%; }
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion a, .dt-sc-toggle-frame h5.dt-sc-toggle a { font-size:16px; color:#181818; display:block; padding:0px 15px 0px 60px; }
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a, .dt-sc-toggle-frame h5.dt-sc-toggle.active a { color:#181818; }	
.dt-sc-toggle-frame h5.dt-sc-toggle:before, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before { background-color:#ffffff; border-right:1px solid #d6d6d6; }
h5.dt-sc-toggle, h5.dt-sc-toggle-accordion { font-size:16px; font-weight:600; padding:13px 0px 13px 55px; clear:both; position:relative; margin-bottom:10px; color:#181818; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
h5.dt-sc-toggle:before, h5.dt-sc-toggle-accordion:before { width:40px; height:40px; text-align:center; position:absolute; top:0px; left:0px;  content: "\2b"; font-size:20px; line-height:40px; color:#181818; cursor:pointer; background-color:#f5f5f5; }
h5.dt-sc-toggle.active:before, h5.dt-sc-toggle-accordion.active:before { content: "\2212"; color:#ffffff; }
.dt-sc-toggle-frame h5.dt-sc-toggle:before, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before { height:100%; }
.dt-sc-toggle-frame h5.dt-sc-toggle a, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a { padding:10px 15px 10px 20px; border-left:40px solid; line-height:normal; }	
.dt-sc-toggle-frame h5.dt-sc-toggle, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion { padding:0px; }
.dt-sc-toggle-content { clear:both; padding:10px 0px 30px; line-height:24px; display:none; color:#7c7c7c; }
.dt-sc-toggle-frame { margin-bottom:10px; display:inline-block; width:100%; }
.dt-sc-toggle-frame .dt-sc-toggle-content { background:#ffffff; position:relative; margin:0px; width:100%; padding:0px; color:#7c7c7c; }
.dt-sc-toggle-frame .dt-sc-toggle-content .block { padding:10px 10px 25px 20px; margin:0px 0px 0px 40px; border-left:1px solid #d6d6d6; }
h5.dt-sc-toggle.active, h5.dt-sc-toggle-accordion.active { border-bottom:0px; }
.faq h5.dt-sc-toggle-accordion { padding:0px 0px 0px 42px; margin-bottom:13px; line-height:35px; }	
.faq h5.dt-sc-toggle-accordion:before { font-family:'Lato', sans-serif; content:'?'; background:#181818; width:27px; height:27px; text-align:center; line-height:27px; color:#ffffff; border:3px solid #d6d6d6; border-radius:27px; }
.faq h5.dt-sc-toggle-accordion.active:before { content:'?'; }
.faq .dt-sc-toggle-content { padding:0px 0px 10px; margin-left:42px; color:#7c7c7c; }
.ie9 .column .dt-sc-toggle-frame:last-child h5.dt-sc-toggle:before, .ie9 .column .dt-sc-toggle-frame:last-child h5.dt-sc-toggle-accordion:before { height:40px; } ul.dt-sc-fancy-list { list-style-type:none; list-style-position:outside; }
ul.dt-sc-fancy-list li { display:block; position:relative; padding-left:20px; line-height:normal; }
ul.dt-sc-fancy-list li ul { padding-left:0px; }
ul.dt-sc-fancy-list.arrow li { padding-left:15px; }
ul.dt-sc-fancy-list li a { color:#868686; }
ul.dt-sc-fancy-list li:before { font-family:FontAwesome; font-style:normal; color:#868686; font-weight:normal; text-decoration:inherit; font-size:14px; position:absolute; top:3px; left:0px; }
ul.dt-sc-fancy-list.arrow li:before { content:"\f105";  }
ul.dt-sc-fancy-list.rounded-arrow li:before { content:"\f0a9";  }
ul.dt-sc-fancy-list.double-arrow li:before { content:"\f101";  }	
ul.dt-sc-fancy-list.heart li:before { content:"\f004"; font-size:12px; }
ul.dt-sc-fancy-list.trash li:before { content:"\f014";  }
ul.dt-sc-fancy-list.star li:before { content:"\f005";  }
ul.dt-sc-fancy-list.tick li:before { content:"\f00c";  }
ul.dt-sc-fancy-list.rounded-tick li:before { content:"\f058";  }
ul.dt-sc-fancy-list.cross li:before { content:"\f00d";  }
ul.dt-sc-fancy-list.rounded-cross li:before { content:"\f057";  }
ul.dt-sc-fancy-list.rounded-question li:before { content:"\f059";  }
ul.dt-sc-fancy-list.rounded-info li:before { content:"\f05a";  }
ul.dt-sc-fancy-list.delete li:before { content:"\f05e";  }
ul.dt-sc-fancy-list.warning li:before { content:"\f071";  }
ul.dt-sc-fancy-list.comment li:before { content:"\f075";  }
ul.dt-sc-fancy-list.edit li:before { content:"\f044";  }
ul.dt-sc-fancy-list.share li:before { content:"\f064";  }
ul.dt-sc-fancy-list.plus li:before { content:"\f067";  }
ul.dt-sc-fancy-list.rounded-plus li:before { content:"\f055";  }
ul.dt-sc-fancy-list.minus li:before { content:"\f068";  }	
ul.dt-sc-fancy-list.rounded-minus li:before { content:"\f056";  }	
ul.dt-sc-fancy-list.asterisk li:before { content:"\f069";  }
ul.dt-sc-fancy-list.cart li:before { content:"\f07a";  }
ul.dt-sc-fancy-list.folder li:before { content:"\f07b";  }
ul.dt-sc-fancy-list.folder-open li:before { content:"\f07c";  }
ul.dt-sc-fancy-list.desktop li:before { content:"\f108";  }
ul.dt-sc-fancy-list.tablet li:before { content:"\f10a";  }
ul.dt-sc-fancy-list.mobile li:before { content:"\f10b";  }
ul.dt-sc-fancy-list.reply li:before { content:"\f112";  }
ul.dt-sc-fancy-list.quote li:before { content:"\f10d";  }
ul.dt-sc-fancy-list.mail li:before { content:"\f0e0";  }
ul.dt-sc-fancy-list.external-link li:before { content:"\f08e";  }	
ul.dt-sc-fancy-list.adjust li:before { content:"\f042";  }
ul.dt-sc-fancy-list.pencil li:before { content:"\f040";  }
ul.dt-sc-fancy-list.print li:before { content:"\f02f";  }
ul.dt-sc-fancy-list.tag li:before { content:"\f02b";  }	
ul.dt-sc-fancy-list.thumbs-up li:before { content:"\f088";  }
ul.dt-sc-fancy-list.thumbs-down li:before { content:"\f087";  }
ul.dt-sc-fancy-list.time li:before { content:"\f017";  }
ul.dt-sc-fancy-list.globe li:before { content:"\f0ac";  }	
ul.dt-sc-fancy-list.pushpin li:before { content:"\f08d";  }
ul.dt-sc-fancy-list.map-marker li:before { content:"\f041";  }
ul.dt-sc-fancy-list.link li:before { content:"\f0c1";  }
ul.dt-sc-fancy-list.paper-clip li:before { content:"\f0c6";  }	
ul.dt-sc-fancy-list.download li:before { content:"\f019";  }
ul.dt-sc-fancy-list.key li:before { content:"\f084";  }
ul.dt-sc-fancy-list.search li:before { content:"\f002";  }
ul.dt-sc-fancy-list.rss li:before { content:"\f09e";  }	
ul.dt-sc-fancy-list.twitter li:before { content:"\f099";  }
ul.dt-sc-fancy-list.facebook li:before { content:"\f09a";  }
ul.dt-sc-fancy-list.linkedin li:before { content:"\f0e1";  }
ul.dt-sc-fancy-list.google-plus li:before { content:"\f0d5";  }
ul.dt-sc-fancy-list.location-arrow li:before { content:"\f124";  }
ul.dt-sc-fancy-list.paper-plane li:before { content:"\f1d8";  }
ul.dt-sc-fancy-list.check li:before { content:"\f046";  }
ul.dt-sc-fancy-list.hand li:before { content:"\f0a4";  }
ul.dt-sc-fancy-list.cog li:before { content:"\f013";  }
ul.dt-sc-fancy-list.play li:before { content:"\f01d";  }
ul.dt-sc-fancy-list.blue li:before { color:#478bca; }
ul.dt-sc-fancy-list.blueiris li:before { color:#595ca1; }
ul.dt-sc-fancy-list.blueturquoise li:before { color:#08bbb7;}
ul.dt-sc-fancy-list.brown li:before { color:#8f5a28; }
ul.dt-sc-fancy-list.burntsienna li:before { color:#d36b5e; }
ul.dt-sc-fancy-list.chillipepper li:before { color:#b31f41; }
ul.dt-sc-fancy-list.eggplant li:before { color:#614051; }
ul.dt-sc-fancy-list.graasgreen li:before { color:#81c77f; }
ul.dt-sc-fancy-list.orange li:before { color:#f67f45 }
ul.dt-sc-fancy-list.palebrown li:before { color:#987654;}
ul.dt-sc-fancy-list.pink li:before { color:#e472ae; }
ul.dt-sc-fancy-list.radiantorchid li:before { color:#af71b0; }
ul.dt-sc-fancy-list.red li:before { color:#ef3a43; }
ul.dt-sc-fancy-list.skyblue li:before { color:#0facce; }
ul.dt-sc-fancy-list.yellow li:before { color:#eec005; }
ul.dt-sc-fancy-list.violet li:before { color:#9b59b6; }
ul.dt-sc-fancy-list.emerald li:before { color:#1abc9c; }
ul.dt-sc-fancy-list.wetasphalt li:before { color:#34495e; }
ul.dt-sc-fancy-list.green li:before { color:#77be32; }
ol.dt-sc-fancy-list li span { color:#1c1c1c; }
ol.decimal { list-style-type:decimal; }
ol.decimal-leading-zero { list-style-type:decimal-leading-zero; }
ol.lower-alpha { list-style-type:lower-alpha; }
ol.lower-roman { list-style-type:lower-roman; }
ol.upper-alpha { list-style-type:upper-alpha; }
ol.upper-roman { list-style-type:upper-roman; }	
ol.dt-sc-fancy-list.avocado li { color:#72723e; }	
ol.dt-sc-fancy-list.black li { color:#262626; }
ol.dt-sc-fancy-list.blue li { color:#478bca; }
ol.dt-sc-fancy-list.blueiris li { color:#595ca1; }
ol.dt-sc-fancy-list.blueturquoise li { color:#08bbb7;}
ol.dt-sc-fancy-list.brown li { color:#8f5a28; }
ol.dt-sc-fancy-list.burntsienna li { color:#d36b5e; }
ol.dt-sc-fancy-list.chillipepper li { color:#b31f41; }
ol.dt-sc-fancy-list.eggplant li { color:#614051; }
ol.dt-sc-fancy-list.electricblue li { color:#536878; }
ol.dt-sc-fancy-list.graasgreen li { color:#81c77f; }
ol.dt-sc-fancy-list.green li { color:#77be32; }
ol.dt-sc-fancy-list.orange li { color:#f67f45 }
ol.dt-sc-fancy-list.palebrown li { color:#987654;}
ol.dt-sc-fancy-list.pink li { color:#e472ae; }
ol.dt-sc-fancy-list.radiantorchid li { color:#af71b0; }
ol.dt-sc-fancy-list.red li { color:#ef3a43; }
ol.dt-sc-fancy-list.skyblue li { color:#0facce; }
ol.dt-sc-fancy-list.yellow li { color:#eec005; }
ol.dt-sc-fancy-list.violet li { color:#9b59b6; }
ol.dt-sc-fancy-list.emerald li { color:#1abc9c; }
ol.dt-sc-fancy-list.wetasphalt li { color:#34495e; } .dt-sc-progress { height:20px; margin-bottom:10px; clear:both; display:block; background-color: #ededed; overflow: hidden; }
.dt-sc-progress .dt-sc-bar { position:relative; }
.dt-sc-bar-text { font-size:14px; color:#2b2b2b; width:100%; margin-bottom:10px; }
.dt-sc-progress .dt-sc-bar-text > span { float:right; display:block; }
.dt-sc-progress .dt-sc-bar { width: 0%; height: 100%; color: #ffffff; float: left; font-size: 12px; text-align: center; background-repeat: repeat-x; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; }
.dt-sc-progress .dt-sc-bar + .dt-sc-bar { -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); }
.dt-sc-progress-striped .dt-sc-bar { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; }
.dt-sc-progress.active .dt-sc-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-moz-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-ms-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: 40px 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
} .dt-sc-titled-box { margin-bottom:20px; width:100%; clear:both; }
.dt-sc-titled-box h6.dt-sc-titled-box-title { font-size:16px; font-weight:600; text-transform:uppercase; padding:12px 15px; text-shadow:none; margin:0px; } 
.dt-sc-titled-box h6.dt-sc-titled-box-title span { font-size:16px; margin-right:5px; }
.dt-sc-titled-box-content { padding:20px; background:#f5f5f5; }				
.dt-sc-titled-box h6.dt-sc-titled-box-title { color:#ffffff; }
.dt-sc-titled-box.avocado h6.dt-sc-titled-box-title  { background:#72723e; }	
.dt-sc-titled-box.black h6.dt-sc-titled-box-title  { background:#262626; }
.dt-sc-titled-box.blue h6.dt-sc-titled-box-title  { background:#478bca; }
.dt-sc-titled-box.blueiris h6.dt-sc-titled-box-title  { background:#595ca1; }
.dt-sc-titled-box.blueturquoise h6.dt-sc-titled-box-title  { background:#08bbb7;}
.dt-sc-titled-box.brown h6.dt-sc-titled-box-title  { background:#8f5a28; }
.dt-sc-titled-box.burntsienna h6.dt-sc-titled-box-title  { background:#d36b5e; }
.dt-sc-titled-box.chillipepper h6.dt-sc-titled-box-title  { background:#b31f41; }
.dt-sc-titled-box.eggplant h6.dt-sc-titled-box-title  { background:#614051; }
.dt-sc-titled-box.electricblue h6.dt-sc-titled-box-title  { background:#536878; }
.dt-sc-titled-box.graasgreen h6.dt-sc-titled-box-title  { background:#81c77f; }
.dt-sc-titled-box.green h6.dt-sc-titled-box-title  { background:#77be32; }
.dt-sc-titled-box.orange h6.dt-sc-titled-box-title  { background:#f67f45 }
.dt-sc-titled-box.palebrown h6.dt-sc-titled-box-title  { background:#987654;}
.dt-sc-titled-box.pink h6.dt-sc-titled-box-title  { background:#e472ae; }
.dt-sc-titled-box.radiantorchid h6.dt-sc-titled-box-title  { background:#af71b0; }
.dt-sc-titled-box.red h6.dt-sc-titled-box-title  { background:#ef3a43; }
.dt-sc-titled-box.skyblue h6.dt-sc-titled-box-title  { background:#0facce; }
.dt-sc-titled-box.yellow h6.dt-sc-titled-box-title { background:#eec005; }
.dt-sc-titled-box.violet h6.dt-sc-titled-box-title { background:#9b59b6; }
.dt-sc-titled-box.emerald h6.dt-sc-titled-box-title { background:#1abc9c; }
.dt-sc-titled-box.wetasphalt h6.dt-sc-titled-box-title { background:#34495e; } .dt-sc-error-box, .dt-sc-warning-box, .dt-sc-success-box, .dt-sc-info-box { margin-bottom:20px; padding:15px 15px 15px 35px; clear:both; border-radius:5px; }
.dt-sc-error-box a, .dt-sc-warning-box a, .dt-sc-success-box a, .dt-sc-info-box a { text-decoration:underline; }
.dt-sc-error-box { background:#ffcccc; border:1px solid #ff9999; color:#d01313; position:relative; }
.dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top:15px; left:10px; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:20px; position:absolute; }		
.dt-sc-error-box:before { content:"\f057"; color:#C54228; }
.dt-sc-warning-box { background:#fdebae; border:1px solid #e6c555; color:#c79d13; position:relative; }
.dt-sc-warning-box:before { content:"\f06a"; color:#e2b828; }
.dt-sc-success-box { background:#eafac0; border:1px solid #b1cf67; color:#7ba411; position:relative; }
.dt-sc-success-box:before { content:"\f058"; color:#75b632; }
.dt-sc-info-box { background:#bfe4f9; border:1px solid #68a2cf; color:#2081b9; position:relative; }
.dt-sc-info-box:before { content:"\f05a"; color:#008bc1; }
.dt-sc-error-box a { color:#d01313; }
.dt-sc-warning-box a { color:#c79d13; }
.dt-sc-success-box a { color:#7ba411; }
.dt-sc-info-box a { color:#2081b9; } .dt-sc-colored-box { width:100%; float:left; margin:0px; padding:15px 5% 20px; width:90%; color:#ffffff; }		
.dt-sc-colored-box a, .dt-sc-colored-box h5 { color:#ffffff; }
.dt-sc-colored-box h5 { font-weight:300; margin-bottom:20px; }
.dt-sc-colored-box h5 span { font-size:30px; margin-right:10px; position:relative; top:3px; }
.dt-sc-colored-box .dt-sc-button { border-color:#ffffff; color:#ffffff; text-transform:uppercase; font-weight:normal; margin-top:15px; padding:7px 15px; background-color:transparent; }
.dt-sc-colored-box .dt-sc-button:hover { background:#ffffff; border-radius:5px; } .dt-sc-contact-info{float:left; padding:15px 25px 30px 30px; width:63%; margin-left:20px; background-color:rgba(0,0,0,0.8); border-radius:5px;}
.dt-sc-contact-info h5 { border-bottom:1px solid #4c4c4c; margin-bottom:15px; clear:both; }
.border-title { border-bottom:1px solid #ededed; margin-bottom:15px; clear:both; }
.dt-sc-contact-info .small-line, .border-title .small-line { width:20px; height:1px; display:block; margin:5px 0px -1px 0px; }
.dt-sc-contact-info p { font-size:14px; line-height:25px; font-weight:400; clear:both; margin-bottom:7px; color:#ffffff; }
.dt-sc-contact-info .fa { font-size:15px; font-family:FontAwesome; font-weight:normal; float:left; margin:5px 10px 10px 0px; }
.dt-sc-contact-info .note { font-size:12px; line-height:22px; clear:both; margin-left:23px; }
.dt-sc-contact-info .dt-sc-social-icons { float:left; display:block; margin-bottom:0px; }
.dt-sc-social-icons .hexagon { width:27px; height:16px; transform:none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; margin:10px 0px; }
.dt-sc-social-icons li:hover .hexagon, .dt-sc-social-icons li:hover .corner1, .dt-sc-social-icons li:hover .corner2{background-color:#ffffff; -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; }
.dt-sc-social-icons li { float:left; display:block; margin-right:10px; list-style:none; padding:0; }
.dt-sc-social-icons li .hexagon .fa { font:normal 16px FontAwesome; line-height:16px; width:100%; position:absolute; display:block; margin:0px; text-align:center; } 
.dt-sc-contact-info .dt-sc-social-icons li .fa { color:#000000; }
.dt-sc-contact-info .margin25 { margin-bottom:25px; }
.text-with-icon .icon, .text-with-icon .fa, .text-with-icon .fab { margin-right: 5px; } @media only screen and (-moz-min-device-pixel-ratio: 1.5), 
only screen and (-o-min-device-pixel-ratio: 3/2), 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-devicepixel-ratio: 1.5), 
only screen and (min-resolution: 1.5dppx) {	
}