@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);
}		
}.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}  .no-js .slides > li:first-child {display: block;} html { overflow-x:hidden; }
.flexslider { position: relative; zoom: 1; width:100%; overflow:hidden; }
.flex-viewport { max-height: 2000px; max-width:100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.flexslider .slides li { position: relative; padding:0px; }
.flexslider .slides li iframe, .flexslider .slides li img { background-image:url(//islamiclessonsmadeeasy.com.au/wp-content/plugins/designthemes-core-features/shortcodes/images/flexslider-shadow.png);  background-position:center bottom;  background-repeat:no-repeat; background-size:100% 30px; padding-bottom:30px; }
.carousel li { margin-right: 5px; } .flex-direction-nav {*height: 0;}
.flex-direction-nav li { padding:0px; }
.flex-direction-nav a  { display: block; width: 40px; height: 33px; padding:4px 0px 0px; margin:auto 0 ; position: absolute; top:0; bottom:0; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255, 255, 255, 0.8);  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.3; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.3; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity:1; color:#ffffff; }
.flex-direction-nav .flex-disabled { opacity: 0 !important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "FontAwesome"; font-size: 31px; display: inline-block; content: '\f137'; }
.flex-direction-nav a.flex-next:before  { content: '\f138'; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "FontAwesome"; font-size: 20px; display: inline-block; content: '\f04c'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f04b'; } .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
 .dt-sc-one-column{width:100%; margin:0px; padding:0px; float:left;}
.dt-sc-one-half{width:49%;}
.dt-sc-one-third{width:32%;}
.dt-sc-two-third{width:66%;}
.dt-sc-one-fourth{width:23.5%;}
.dt-sc-three-fourth{width:74.5%;}
.dt-sc-one-fifth{width:18.4%;}
.dt-sc-two-fifth{width:38.8%;}
.dt-sc-three-fifth{width:59.2%;}
.dt-sc-four-fifth{width:79.6%;}
.dt-sc-one-sixth{width:15%;}
.dt-sc-two-sixth{width:32%;}
.dt-sc-three-sixth{width:49%;}
.dt-sc-four-sixth{width:66%;}
.dt-sc-five-sixth{width:83%;}	
.column.no-space{margin-left:0px; margin-right:0px;}
.column.no-space.dt-sc-one-fourth{width:25%;} 	
.column.no-space.dt-sc-one-third{width:33.33%;}	
.column.no-space.dt-sc-one-half{width:50%;}
.column.no-space.dt-sc-one-fifth{width:20%;}
.column.no-space.dt-sc-one-sixth{width:16.66%;}
.column.no-space.dt-sc-three-fourth{width:75%;}
.column.no-space.dt-sc-two-third{width:66.6%;}		
.column.no-space.dt-sc-four-fifth{width:80%;}
.column.no-space.dt-sc-three-fifth{width:60%;}
.column.no-space.dt-sc-two-fifth{width:40%;}		
.column.no-space.dt-sc-two-sixth{width:33.2%;}
.column.no-space.dt-sc-three-sixth{width:49.8%;}
.column.no-space.dt-sc-four-sixth{width:66.4%;}
.column.no-space.dt-sc-five-sixth{width:83%;}
.column.first{clear:both;}
.column.dt-sc-full-width.aligncenter{float:none;}
.column img{max-width:100%; height:auto;}
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 li span{color:#5c5c5c;}
.column {float: left; margin: 0px 0px 0px 2%;}
.column.first {margin-left:0px;}
.dt-sc-clear{float:none; clear:both; margin:0px; padding:0px;} .dt-sc-hr{background:url(//islamiclessonsmadeeasy.com.au/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter.jpg) repeat-x; height:3px; clear:both; float:left; width:100%; margin:40px 0px; position:relative; z-index:1;}
.dt-sc-hr-medium{background:url(//islamiclessonsmadeeasy.com.au/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter-medium.jpg) repeat-x; height:6px; clear:both; float:left; width:100%; margin:40px 0px; position:relative; z-index:1;}
.dt-sc-hr-large{background:url(//islamiclessonsmadeeasy.com.au/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter-large.jpg) repeat-x; height:9px; clear:both; float:left; width:100%; margin:40px 0px; 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:10px; 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-hr-invisible{width:100%; float:left; clear:both; margin:30px 0px; padding:0px; display:block;}
.dt-sc-hr-invisible-very-small{ width:100%; float:left; clear:both; margin:10px 0px; padding:0px; display:block; }
.dt-sc-hr-invisible-small{width:100%; float:left; clear:both; margin:15px 0px; padding:0px; display:block;}
.dt-sc-hr-invisible-medium{width:100%; float:left; clear:both; margin:20px 0px; padding:0px; display:block;}
.dt-sc-hr-invisible-large{width:100%; float:left; clear:both; margin:40px 0px; padding:0px; display:block;} .dt-sc-title{text-align:center; width:100%; display:inline-block; padding:0px 0px 30px; margin:0px 0px 30px; line-height:inherit; position:relative; clear:both;}
.dt-sc-title:after{background-image:url(//islamiclessonsmadeeasy.com.au/wp-content/plugins/designthemes-core-features/shortcodes/images/title_bg.png); background-repeat:no-repeat; background-position:center bottom; content:""; width:125px; height:13px; position:absolute; bottom:0px; left:0px; right:0px; margin:0 auto; background-size:100% 100%;}
.dt-sc-title.white{text-align:center; width:100%; background:url(//islamiclessonsmadeeasy.com.au/wp-content/plugins/designthemes-core-features/shortcodes/images/title_bg_white.png) center bottom no-repeat; display:inline-block; padding:0px 0px 30px; margin:0px 0px 30px; line-height:inherit; position:static;}
#main .fullwidth-section.skin-color .dt-sc-title.white{color:#FFF;}
.dt-sc-title.white:after{background-image:none; content:""; display:none; position:static;} .dt-sc-button, .return-to-shop a{color:#FFFFFF; padding:10px 20px 10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin:10px 0px 0px; display:inline-block;}
.dt-sc-button:hover, .dt-sc-button.red:hover, .dt-sc-button.green:hover, .dt-sc-button.yellow:hover, .dt-sc-button.steelblue:hover, .dt-sc-button.blue:hover, .dt-sc-button.pink:hover, .dt-sc-button.purple:hover, .dt-sc-button.lavender:hover, .dt-sc-button.mustard:hover, .dt-sc-button.burnt_orange:hover, .dt-sc-button.turquoise:hover, .dt-sc-button.violet:hover, .dt-sc-button.chocolate:hover, .dt-sc-button.orange:hover, .dt-sc-button.aqua:hover, .dt-sc-button.teal:hover, .dt-sc-button.grey:hover, .dt-sc-button.ocean:hover, .dt-sc-button.pearl:hover, .dt-sc-button.ruby:hover, .dt-sc-callout-box.type4 .dt-sc-button:hover, .dt-sc-callout-box.type1 .dt-sc-button:hover, .dt-sc-callout-box.type5 .dt-sc-button:hover, .dt-sc-callout-box.type2 .dt-sc-button:hover, .add_to_wishlist:hover, .return-to-shop a:hover, .wishlist_table .add_to_cart:hover, #tribe-bar-form .tribe-bar-submit input[type=submit]:hover, #tribe-bar-form .tribe-bar-submit input[type="submit"]:hover, .tribe-events-sub-nav li a:hover, .tribe-events-read-more:hover, ul.products li .product-details .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:hover, ul.products li .product-details .yith-wcwl-wishlistaddedbrowse a:hover{background-color:#434343; color:#FFFFFF;}
.dt-sc-button span{margin-left:5px;}
.dt-sc-button.small{font-size:14px; padding:10px 14px;}
.dt-sc-button.medium{font-size:15px; padding:14px 18px;}
.dt-sc-button.large{font-size:20px; padding:16px 25px;}
.dt-sc-button.xlarge{font-size:22px; padding:20px 26px;}
.dt-sc-button.red{background:#f27c7e;}
.dt-sc-button.green{background:#acc158;}
.dt-sc-button.yellow{background:#edc003;}
.dt-sc-button.steelblue{background:#4c7296;}
.dt-sc-button.blue{background:#4cbcd4;}
.dt-sc-button.pink{background:#de81b8;}
.dt-sc-button.purple{background:#bc5393;}
.dt-sc-button.lavender{background:#9ba0dc;}
.dt-sc-button.mustard{background:#df9b00;}
.dt-sc-button.burnt_orange{background:#cf571b;}
.dt-sc-button.turquoise{background:#008c99;}
.dt-sc-button.violet{background:#9b59b6;}
.dt-sc-button.chocolate{background:#7b4b4b;}
.dt-sc-button.orange{background:#ea9d5f;}
.dt-sc-button.aqua{background:#4ecac2;}
.dt-sc-button.teal{background:#5f8789;}
.dt-sc-button.grey{background:#999999;}
.dt-sc-button.ocean{background:#1abc9c;}
.dt-sc-button.pearl{background:#ab998f;}
.dt-sc-button.ruby{background:#953d7d;} .dt-sc-button-outlined{border:2px solid #FFF; padding:11px 16px 11px 50px; margin:15px 0px 0px; font-size:16px; font-weight:bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:inline-block; position:relative;}
.dt-sc-button-outlined.small{padding:8px 12px 8px 40px; font-size:14px;}
.dt-sc-button-outlined.small span{width:20px; height:20px; line-height:20px; font-size:12px; margin-right:8px;}
.dt-sc-button-outlined.medium{padding:11px 16px 11px 50px;}
.dt-sc-button-outlined.large{min-width:220px; padding:11px 16px 11px 50px;}
.dt-sc-button-outlined.xlarge{min-width:266px; padding:11px 16px 11px 50px;}
.dt-sc-button-outlined span{width:26px; height:26px; color:#FFF; font-size:14px; font-weight:bold; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; display:inline-block; text-align:center; line-height:26px; position:absolute; top:10px; left:10px;}
.dt-sc-button-outlined.red, .dt-sc-button-outlined.red:hover{color:#f27c7e;}
.dt-sc-button-outlined.red span{background-color:#f27c7e;}
.dt-sc-button-outlined.red:hover{border-color:#f27c7e;}
.dt-sc-button-outlined.green, .dt-sc-button-outlined.green:hover{color:#acc158;}
.dt-sc-button-outlined.green span{background-color:#acc158;}
.dt-sc-button-outlined.green:hover{border-color:#acc158;}
.dt-sc-button-outlined.yellow, .dt-sc-button-outlined.yellow:hover{color:#edc003;}
.dt-sc-button-outlined.yellow span{background-color:#edc003;}
.dt-sc-button-outlined.yellow:hover{border-color:#edc003;}
.dt-sc-button-outlined.steelblue, .dt-sc-button-outlined.steelblue:hover{color:#4c7296;}
.dt-sc-button-outlined.steelblue span{background-color:#4c7296;}
.dt-sc-button-outlined.steelblue:hover{border-color:#4c7296;}
.dt-sc-button-outlined.blue, .dt-sc-button-outlined.blue:hover{color:#4cbcd4;}
.dt-sc-button-outlined.blue span{background-color:#4cbcd4;}
.dt-sc-button-outlined.blue:hover{border-color:#4cbcd4;}
.dt-sc-button-outlined.pink, .dt-sc-button-outlined.pink:hover{color:#de81b8;}
.dt-sc-button-outlined.pink span{background-color:#de81b8;}
.dt-sc-button-outlined.pink:hover{border-color:#de81b8;}
.dt-sc-button-outlined.purple, .dt-sc-button-outlined.purple:hover{color:#bc5393;}
.dt-sc-button-outlined.purple span{background-color:#bc5393;}
.dt-sc-button-outlined.purple:hover{border-color:#bc5393;}
.dt-sc-button-outlined.lavender, .dt-sc-button-outlined.lavender:hover{color:#9ba0dc;}
.dt-sc-button-outlined.lavender span{background-color:#9ba0dc;}
.dt-sc-button-outlined.lavender:hover{border-color:#9ba0dc;}
.dt-sc-button-outlined.mustard, .dt-sc-button-outlined.mustard:hover{color:#df9b00;}
.dt-sc-button-outlined.mustard span{background-color:#df9b00;}
.dt-sc-button-outlined.mustard:hover{border-color:#df9b00;}
.dt-sc-button-outlined.burnt_orange, .dt-sc-button-outlined.burnt_orange:hover{color:#cf571b;}
.dt-sc-button-outlined.burnt_orange span{background-color:#cf571b;}
.dt-sc-button-outlined.burnt_orange:hover{border-color:#cf571b;}
.dt-sc-button-outlined.turquoise, .dt-sc-button-outlined.turquoise:hover{color:#008c99;}
.dt-sc-button-outlined.turquoise span{background-color:#008c99;}
.dt-sc-button-outlined.turquoise:hover{border-color:#008c99;}
.dt-sc-button-outlined.violet, .dt-sc-button-outlined.violet:hover{color:#9b59b6;}
.dt-sc-button-outlined.violet span{background-color:#9b59b6;}
.dt-sc-button-outlined.violet:hover{border-color:#9b59b6;}
.dt-sc-button-outlined.chocolate, .dt-sc-button-outlined.chocolate:hover{color:#7b4b4b;}
.dt-sc-button-outlined.chocolate span{background-color:#7b4b4b;}
.dt-sc-button-outlined.chocolate:hover{border-color:#7b4b4b;}
.dt-sc-button-outlined.orange, .dt-sc-button-outlined.orange:hover{color:#ea9d5f;}
.dt-sc-button-outlined.orange span{background-color:#ea9d5f;}
.dt-sc-button-outlined.orange:hover{border-color:#ea9d5f;}
.dt-sc-button-outlined.aqua, .dt-sc-button-outlined.aqua:hover{color:#4ecac2;}
.dt-sc-button-outlined.aqua span{background-color:#4ecac2;}
.dt-sc-button-outlined.aqua:hover{border-color:#4ecac2;}
.dt-sc-button-outlined.teal, .dt-sc-button-outlined.teal:hover{color:#5f8789;}
.dt-sc-button-outlined.teal span{background-color:#5f8789;}
.dt-sc-button-outlined.teal:hover{border-color:#5f8789;}
.dt-sc-button-outlined.grey, .dt-sc-button-outlined.grey:hover{color:#999999;}
.dt-sc-button-outlined.grey span{background-color:#999999;}
.dt-sc-button-outlined.grey:hover{border-color:#999999;}
.dt-sc-button-outlined.ocean, .dt-sc-button-outlined.ocean:hover{color:#1abc9c;}
.dt-sc-button-outlined.ocean span{background-color:#1abc9c;}
.dt-sc-button-outlined.ocean:hover{border-color:#1abc9c;}
.dt-sc-button-outlined.pearl, .dt-sc-button-outlined.pearl:hover{color:#ab998f;}
.dt-sc-button-outlined.pearl span{background-color:#ab998f;}
.dt-sc-button-outlined.pearl:hover{border-color:#ab998f;}
.dt-sc-button-outlined.ruby, .dt-sc-button-outlined.ruby:hover{color:#953d7d;}
.dt-sc-button-outlined.ruby span{background-color:#953d7d;}
.dt-sc-button-outlined.ruby:hover{border-color:#953d7d;} .dt-sc-contact-info{clear:both; float:left; width:100%; display:block; margin:0px 0px 10px; padding:12px 0px 8px; border-bottom:1px dotted #CCCCCC;}
.dt-sc-contact-info span{font-size:25px; float:left; margin:0px 10px 0px 0px; padding-bottom:12px; width:40px; text-align:center;}
.dt-sc-contact-info.address{padding-bottom:20px;}
.dt-sc-contact-info a{text-transform:lowercase;} .dt-sc-class-hours h2{color:#FFFFFF; line-height:normal; margin:0px; padding:10px 15px; border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px;}
.dt-sc-class-hours p{font-size:15px; display:inline-block; width:100%; margin:0px 0px 15px;}
.dt-sc-class-hours-info{margin:0px; padding:0px; width:100%; background:#FFFFFF;}
.dt-sc-class-hours-info li{width:100%; display:block; padding:10px 10px 10px; margin:0px 0px 0px; border-bottom:1px solid #f0f0f0; font-size:16px; font-weight:bold; position:relative; float:none; position:relative;}
.dt-sc-class-hours-info li:last-child{border-bottom:none;}
.dt-sc-class-hours-info li span{font-style:italic; font-weight:normal; color:#cf571b; float:right;} .dt-sc-social-icons{margin:0px; padding:0px; line-height:0px; display:inline-block;}
.dt-sc-social-icons li a img{display:block; position:absolute; bottom:0px; left:0px; right:0px; top:0px; margin:auto;}
.dt-sc-social-icons li{display:inline-block; padding-bottom:0px; position:relative; margin:0px 8px 0px 0px;}
footer .dt-sc-social-icons li{margin-bottom:0px;}
.dt-sc-social-icons li:hover{opacity:0.8;}
.dt-sc-social-icons li:last-child{margin-right:0px;}
.dt-sc-social-icons li a{width:35px; height:35px; display:block; line-height:46px; text-align:center; padding:0px;}
.dt-sc-social-icons li.delicious a, footer .footer-links .dt-sc-social-icons li.delicious a:hover{background:#2648be;}
.dt-sc-social-icons li.deviantart a, footer .footer-links .dt-sc-social-icons li.deviantart a:hover{background:#54675a;}
.dt-sc-social-icons li.digg a, footer .footer-links .dt-sc-social-icons li.digg a:hover{background:#1a5891;}
.dt-sc-social-icons li.dribbble a, footer .footer-links .dt-sc-social-icons li.dribbble a:hover{background:#f974a4;}
.dt-sc-social-icons li.facebook a, footer .footer-links .dt-sc-social-icons li.facebook:hover a{background:#3c5b9b;}
.dt-sc-social-icons li.flickr a, footer .footer-links .dt-sc-social-icons li.flickr:hover a{background:#e30377;}
.dt-sc-social-icons li.google-plus a, footer .footer-links .dt-sc-social-icons li.google-plus:hover a{background:#ba3526;}
.dt-sc-social-icons li.gtalk a, footer .footer-links .dt-sc-social-icons li.gtalk:hover a{background:#23458f;}
.dt-sc-social-icons li.lastfm a, footer .footer-links .dt-sc-social-icons li.lastfm:hover a{background:#d12540;}
.dt-sc-social-icons li.linkedin a, footer .footer-links .dt-sc-social-icons li.linkedin:hover a{background:#0173b2;}
.dt-sc-social-icons li.envelope a, footer .footer-links .dt-sc-social-icons li.envelope:hover a{background:#edc719;}
.dt-sc-social-icons li.myspace a, footer .footer-links .dt-sc-social-icons li.myspace:hover a{background:#4f79c6;}
.dt-sc-social-icons li.picasa a, footer .footer-links .dt-sc-social-icons li.picasa:hover a{background:#8a66a3;}
.dt-sc-social-icons li.pinterest a, footer .footer-links .dt-sc-social-icons li.pinterest:hover a{background:#ca1325;}
.dt-sc-social-icons li.reddit a, footer .footer-links .dt-sc-social-icons li.reddit:hover a{background:#ff1a00;}
.dt-sc-social-icons li.rss a, footer .footer-links .dt-sc-social-icons li.rss:hover a{background:#ffb922;}
.dt-sc-social-icons li.skype a, footer .footer-links .dt-sc-social-icons li.skype:hover a{background:#00aaf1;}
.dt-sc-social-icons li.stumbleupon a, footer .footer-links .dt-sc-social-icons li.stumbleupon:hover a{background:#eb4924;}
.dt-sc-social-icons li.technorati a, footer .footer-links .dt-sc-social-icons li.technorati:hover a{background:#5bb834;}
.dt-sc-social-icons li.tumblr a, footer .footer-links .dt-sc-social-icons li.tumblr:hover a{background:#2a445f;}
.dt-sc-social-icons li.twitter a, footer .footer-links .dt-sc-social-icons li.twitter:hover a{background:#2caae1;}
.dt-sc-social-icons li.viadeo a, footer .footer-links .dt-sc-social-icons li.viadeo:hover a{background:#f4982b;}
.dt-sc-social-icons li.vimeo a, footer .footer-links .dt-sc-social-icons li.vimeo:hover a{background:#41b2dc;}
.dt-sc-social-icons li.yahoo a, footer .footer-links .dt-sc-social-icons li.yahoo:hover a{background:#7c1f70;}
.dt-sc-social-icons li.youtube a, footer .footer-links .dt-sc-social-icons li.youtube:hover a{background:#ff3431;} .dt-sc-ico-content{width:100%; margin:0px; padding:0px; clear:both; display:block;}
.dt-sc-ico-content.type1{text-align:center;}
.dt-sc-ico-content.type1 .icon{display:inline-block; width:118px; height:118px; margin-bottom:25px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; transition:background 0.2s ease-in-out; -moz-transition:background 0.2s ease-in-out; -webkit-transition:background 0.2s ease-in-out;}
.dt-sc-ico-content.type1 .icon img{border-radius:100%;}
.dt-sc-ico-content.type1 .icon > .icon-outer{border:3px solid #FFFFFF; box-shadow:0px 0px 0px 2px #FFFFFF; border-radius:100%; position:relative;}
.dt-sc-ico-content.type1 h4 a{text-shadow:none; font-size:24px;}
.dt-sc-ico-content.type1 .icon-outer{max-width:118px; max-height:118px; display:inline-block; background-repeat:no-repeat; margin-bottom:20px; transition:all 0.5s linear 0s; -moz-transition:all 0.5s linear 0s; -webkit-transition:all 0.5s linear 0s;}
.dt-sc-ico-content.type1:hover .icon .icon-outer{box-shadow:none; border:3px solid;}
.dt-sc-ico-content.type1:hover .icon span:before{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); opacity:1;}
.dt-sc-ico-content.type1 .dt-sc-icon-overlay{position:absolute; opacity:0; width:90px; height:90px; z-index:9; top:0px; bottom:0px; margin:auto; left:0px; right:0px; 
border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; transition:all 0.5s linear 0s; -moz-transition:all 0.5s linear 0s; -webkit-transition:all 0.5s linear 0s; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);}
.dt-sc-ico-content.type1:hover .dt-sc-icon-overlay{opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.dt-sc-ico-content.type1 .dt-sc-icon-overlay a{width:35px; height:35px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; line-height:35px; background:#FFFFFF; display:inline-block; margin:auto; text-align:center; position:absolute; top:0; bottom:0; left:0; right:0;}
.dt-sc-full-width-content{width:100%; float:left; clear:both; display:block; margin:0px; padding:0px;}
.dt-sc-ico-content.type2{padding:0px; position:relative; width:auto; display:inline-block;}
.dt-sc-ico-content.type2 .icon{width:50px; text-align:center; float:left; margin-right:15px;}
.fullwidth-section.skin-color .dt-sc-ico-content.type2 .icon span{border:3px solid #FFFFFF; background-color:#FFFFFF; color:#5c5c5c;}
.dt-sc-ico-content.type2 .icon span{width:46px; height:46px; text-align:center; font-size:18px; line-height:43px; border:3px solid; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; display:inline-block; color:#FFFFFF;}
.dt-sc-ico-content.type2 p{float:left; margin:5px 0px 0px 0px;}
.fullwidth-section.skin-color .dt-sc-ico-content.type2:hover .icon span, .dt-sc-ico-content.type2:hover .icon span{border:3px solid;}
.dt-sc-ico-content.type2 h4{margin-bottom:0px; line-height:40px;}
.dt-sc-ico-content.type3{background:#FFFFFF; padding:0px 5% 20px; width:100%; text-align:center;}
.dt-sc-ico-content.type3 .icon{display:inline-block; width:90px; height:90px; text-align:center; margin:-45px 0px 20px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.dt-sc-ico-content.type3:hover .icon{background:#2f2f2f;}
.dt-sc-ico-content.type3 .icon span{font-size:36px; line-height:90px; color:#FFFFFF;}
.dt-sc-ico-content.type3 h4{margin-bottom:15px;} .dt-sc-team{float:left; width:100%; margin:0px 0px 20px; padding:0px; text-align:center;}
.dt-sc-team .image{position:relative; float:left; overflow:hidden;}
.dt-sc-team .item-mask, .author-thumb .item-mask, .portfolio-thumb .item-mask, .comment-author .item-mask{left:0; position:absolute; top:0; transition:all 0.2s ease 0s; z-index:9; clear:both;}
.dt-sc-team .image img, .author-thumb .image img, .portfolio-thumb img{float:left; width:100%; clear:both;}
.dt-sc-team .image img{height:auto;}
.dt-sc-team .image{display:inline-block; width:100%; float:none; text-align:center; margin:0px 0px 15px; max-width:220px; max-height:192px;}
.dt-sc-one-fifth.column .dt-sc-team .image{max-width:215px; max-height:188px;}
.dt-sc-one-sixth.column .dt-sc-team .image{max-width:156px; max-height:136px;}
.dt-sc-team .team-details{text-align:center; clear:both; float:left; width:100%;}
.dt-sc-team h4{color:#252525; margin:0px 0px 10px;}
.dt-sc-team h6{color:#808080; font-style:italic; font-weight:normal; font-size:16px; margin-bottom:20px; font-family:'Lato', sans-serif;}
.dt-sc-team .dt-sc-social-icons{position:absolute; top:50%; bottom:0px; margin:-18px auto 0px; left:0px; right:0px; display:block; z-index:999;}
.dt-sc-team .dt-sc-social-icons img{width:25px;}
.dt-sc-team .dt-sc-social-icons li{margin:0px 12px 0px 12px;}
.dt-sc-team .dt-sc-social-icons li:first-child{margin-left:0px;}
.dt-sc-team .dt-sc-social-icons li:last-child{margin-right:0px;}
.dt-sc-team .dt-sc-social-icons li a{width:25px; height:36px;}
.dt-sc-team .dt-sc-social-icons li a:before{content:""; position:absolute; left:-10px; width:0px; height:0px; border-top:18px solid transparent; border-bottom:18px solid transparent; border-right:10px solid #FFFFFF;}
.dt-sc-team .dt-sc-social-icons li a:after{content:""; position:absolute; right:-10px; width:0px; height:0px; border-top:18px solid transparent; border-bottom:18px solid transparent; border-left:10px solid #FFFFFF;}
.dt-sc-team .dt-sc-social-icons li a{background:#FFFFFF;} .dt-sc-testimonial-carousel-wrapper .carousel-arrows{position:absolute; top:5px; right:0px; margin:0px; width:auto;}
.dt-sc-testimonial-carousel-wrapper .carousel-arrows a{margin:0px; width:25px; height:25px; display:inline-block; border:1px solid #afb0b0; text-align:center; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; font-size:18px; color:#5c5c5c;}
.dt-sc-testimonial-carousel-wrapper .carousel-arrows a:hover{color:#FFFFFF; border:1px solid;}
.dt-sc-testimonial-carousel-wrapper .carousel-arrows .testimonial-prev{margin-right:5px;}
.dt-sc-testimonial-carousel-wrapper .carousel-arrows .testimonial-prev .fa.fa-angle-left{margin-left:-1px;}
.dt-sc-testimonial-carousel-wrapper .carousel-arrows .testimonial-next .fa.fa-angle-right{margin-left:1px;} .dt-sc-toggle-frame-set{float:left; width:100%; margin:0px; padding:0px;}
.dt-sc-toggle-frame{padding-bottom:20px; display:block;}
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion{font-weight:normal; font-size:14px; position:relative; text-transform:uppercase; margin:0px 0px 0px; padding:0px 0px 0px 20px;}
.dt-sc-toggle-frame h5 a{display:block; text-transform:uppercase; font-size:14px; color:#5c5c5c;}
.dt-sc-toggle-frame h5 a:before, .dt-sc-toggle-frame h5 a:after{position:absolute; text-decoration:inherit; font-size:14px;}
.dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before, .dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle:before, .dt-sc-toggle-frame h5.dt-sc-toggle:before{content:"\f077"; top:-6px; left:0px; position:absolute; font-weight:normal; font-size:14px;}
.dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:after, .dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle:after, .dt-sc-toggle-frame h5.dt-sc-toggle:after{content:"\f078"; top:4px; left:0px; display:inline-block; float:left; position:absolute; font-size:14px;}
.dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.active:before, .dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.active:after, .dt-sc-toggle-frame-set h5.dt-sc-toggle.active:before{content:"";}
.dt-sc-toggle-frame .dt-sc-toggle-content{padding:5px 20px 20px 22px; margin:0px 0px 0px 0px; background:#FFFFFF;}
.dt-sc-toggle-frame .dt-sc-toggle-accordion.active, .dt-sc-toggle-frame .dt-sc-toggle.active{background:#FFFFFF; margin-bottom:0px; padding:20px 10px 5px 20px;}
.dt-sc-toggle-accordion.active a:before, .dt-sc-toggle-accordion.active a:after, .dt-sc-toggle-frame .dt-sc-toggle.active a:before, .dt-sc-toggle-frame .dt-sc-toggle.active a:after, .dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle.active:before{content:"";}
.dt-sc-toggle-frame-set h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle:before{content:"\f107";}
h5.dt-sc-toggle-accordion.active:before, .dt-sc-toggle-frame-set h5.dt-sc-toggle.active:before, h5.dt-sc-toggle.active:before{content:"\f106";}
.course h5.dt-sc-toggle-accordion:before{content:"?";}
.course h5.dt-sc-toggle-accordion.active:before{content:"?";}
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before{content:'';}
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion{line-height:inherit;}
h5.dt-sc-toggle-accordion, .dt-sc-toggle-frame h5.dt-sc-toggle, h5.dt-sc-toggle{padding:0px 0px 0px 42px; line-height:30px; position:relative; font-size:16px; margin-bottom:10px;}
.dt-sc-toggle-frame h5.dt-sc-toggle{padding:0px 0px 0px 20px; margin-bottom:0px;}
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion a, .dt-sc-toggle-frame h5.dt-sc-toggle a{font-weight:normal;}
.dt-sc-toggle-frame h5.dt-sc-toggle a{font-size:14px;}
h5.dt-sc-toggle-accordion a{color:#5c5c5c; font-weight:bold; display:block;}
h5.dt-sc-toggle a{color:#5c5c5c; font-size:16px; font-weight:bold; display:block;}
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion a{font-weight:normal;} 
h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle:before{background:#333334; display:inline-block; width:26px; height:25px; text-align:center; line-height:25px; color:#FFFFFF; border:3px solid #cdd0d0; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; position:absolute; top:0px; left:0px; z-index:1;}
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before, .dt-sc-toggle-frame h5.dt-sc-toggle:before{background:none; background-color:transparent; border:none; display:inherit; width:auto; height:auto; text-align:inherit; line-height:inherit; color:inherit; border:none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
h5.dt-sc-toggle-accordion.active:before, h5.dt-sc-toggle.active:before{border:3px solid; line-height:24px;}
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active:before, .dt-sc-toggle-frame h5.dt-sc-toggle.active:before{border:0px; background-color:transparent;}
.dt-sc-toggle-content{margin-left:42px; padding-bottom:20px; clear:both; display:none;}
.dt-sc-toggle-frame h5.dt-sc-toggle.active:before, .dt-sc-toggle-frame h5.dt-sc-toggle.active:after{content:""; display:none;} ul.dt-sc-tabs-frame, ul.dt-sc-tabs{margin:0px; padding:0px;}
ul.dt-sc-tabs-frame li{display:inline; float:left; margin:0px; padding:0px;}
.dt-sc-tabs-frame-content, .dt-sc-tabs-content{background:#FFFFFF; display:block; float:left; clear:both; width:100%; padding:20px 20px 20px; border-radius:0px 5px 5px 5px; -webkit-border-radius:0px 5px 5px 5px; -moz-border-radius:0px 5px 5px 5px; margin:0px 0px 0px 0px;}
.dt-sc-tabs-content ul{margin:10px 0px 0px;}
.dt-sc-tabs-content h2{font-size:26px; margin-bottom:15px;}
.dt-sc-tabs-frame-content h5, .dt-sc-tabs-content h5{font-size:18px; margin-bottom: 15px;}
ul.dt-sc-tabs-frame li{margin-right:1px; float:left; display:inline; padding-bottom:0px;}
ul.dt-sc-tabs-frame li a{padding:0px 20px; line-height:40px; display:inline-block; color:#FFFFFF; font-size:14px; font-weight:bold; position:relative; z-index:1; border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px;}
ul.dt-sc-tabs-frame li a{float:left; position:relative; z-index:1;}
ul.dt-sc-tabs-frame li a.current, .dt-sc-tabs-container ul.dt-sc-tabs-frame li a.current, .dt-sc-tabs-vertical-container ul.dt-sc-tabs-vertical-frame li a.current{color:#FFFFFF;}
.dt-sc-tabs-frame-content h5{margin:15px 0px 10px;}
.dt-sc-tabs-frame-content p{margin:0px 0px 10px 0px;} .dt-sc-tabs-vertical-container{float:left; width:100%; margin:0px 0px 20px; padding:0px; clear:both;}
ul.dt-sc-tabs-vertical-frame{float:left; width:30%; 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-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; margin:0px; padding:12px; font-weight:600; color:#FFFFFF;}
.dt-sc-tabs-vertical-frame-content{background:#ffffff; border-radius:0px 5px 5px 5px; -webkit-border-radius:0px 5px 5px 5px; -moz-border-radius:0px 5px 5px 5px; float:left; width:70%; margin:0px; padding:20px 4% 20px;} .dt-sc-testimonial-carousel-wrapper{float:left; clear:both; margin:0px 0px 0px; padding:0px; width:100%; position:relative; display:block;}
.dt-sc-testimonial-carousel{margin:0px; padding:0px; float:left; width:100%;}
.dt-sc-testimonial-carousel li{display:block; float:left;}
.dt-sc-testimonial{position:relative; float:left; display:block; width:100%;}
.dt-sc-testimonial blockquote{position:relative; color:#FFFFFF; padding:15px 56px 15px 56px; float:left; display:block; margin:0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0px 0px 25px 0px; line-height:inherit; border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.dt-sc-testimonial blockquote:before{content:""; border:none; top:0px; bottom:0px; right:0px; left:0px; position:absolute;}
.dt-sc-testimonial q{font-size:14px; line-height:inherit;}
.dt-sc-testimonial blockquote q:before, .dt-sc-testimonial blockquote q:after{font-size:78px; font-family:Georgia, serif; font-style:italic; position:absolute;} 
.dt-sc-testimonial blockquote q:after{bottom:-25px; right:-30px;}
.dt-sc-testimonial blockquote q:before{top:20px; left:-45px;}
.dt-sc-testimonial .author{float:left; margin:0px 10px 10px 3px; display:block; max-width:88px;}
.dt-sc-testimonial blockquote:after{content:""; border-width:15px 15px 0px 15px; border-style:solid; width:0; height:0; position:absolute; bottom:-15px; left:25px;}
.dt-sc-testimonial .author img{border:4px solid #FFFFFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0px 0px 2px 2px #dbddde; -moz-box-shadow:0px 0px 2px 2px #dbddde; -webkit-box-shadow:0px 0px 2px 2px #dbddde; float:left; display:inline-block; margin:0px 10px 0px 0px;}
.dt-sc-testimonial .author-meta p{font-weight:bold; font-size:18px; color:#000000;}
.dt-sc-testimonial .author-meta{margin:0px 0px 0px 0px; width:84%;}
.dt-sc-testimonial .author-meta span{display:inherit; margin-bottom:8px;} .dt-sc-sponsor-carousel-wrapper{float:left; clear:both; margin:0px; padding:0px; width:100%; position:relative; display:block;}
.dt-sc-sponsor-carousel li{display:inline-block; float:left; margin:0px 10px; text-align:center;}
.dt-sc-sponsor-carousel-wrapper .carousel-arrows{position:absolute; top:0px; right:0px;}
.dt-sc-sponsor-carousel-wrapper .carousel-arrows a{background:url(//islamiclessonsmadeeasy.com.au/wp-content/plugins/designthemes-core-features/shortcodes/images/sponsor-carousel-arrows.png) no-repeat; width:14px; height:28px; float:left; text-align:center; margin-left:15px; opacity:0.5; filter:alpha(opacity=50);}
.dt-sc-sponsor-carousel-wrapper .carousel-arrows a:hover{opacity:1; filter:alpha(opacity=100);}
.dt-sc-sponsor-carousel-wrapper .carousel-arrows a.sponsor-prev{ background-position:left top;}
.dt-sc-sponsor-carousel-wrapper .carousel-arrows a.sponsor-next { background-position:right top;} .dt-sc-boxed-tooltip{display:inline-block; margin:0px 0px 0px; padding:0px 20px; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#tiptip_holder{display:none; background:#e7e5e5; position:absolute; top:0px; left:0px; z-index:99999; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}		
.tip_bottom #tiptip_content{box-shadow:inset 0px -1px 1px 0px #d9d9d9; -webkit-box-shadow:inset 0px -1px 1px 0px #d9d9d9; -moz-box-shadow:inset 0px -1px 1px 0px #d9d9d9;}
.tip_top #tiptip_content{box-shadow:inset 0px 1px 1px 0px #d9d9d9; -webkit-box-shadow:inset 0px 1px 1px 0px #d9d9d9; -moz-box-shadow:inset 0px 1px 1px 0px #d9d9d9;}
#tiptip_content{padding:4px 10px; color:#333334; font-size:12px; 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;}		
#tiptip_holder.tip_top #tiptip_arrow{border-top-color:#fff; border-top-color:#e7e5e5;}		
#tiptip_holder.tip_bottom #tiptip_arrow{border-bottom-color:#fff; border-bottom-color:#e7e5e5;}		
#tiptip_holder.tip_right #tiptip_arrow{border-right-color:#fff; border-right-color:#e7e5e5;}		 
#tiptip_holder.tip_left #tiptip_arrow{border-left-color:#fff; border-left-color:#e7e5e5;}		
#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_right{left:5px;}	
#tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px; margin-left:-7px;}	
#tiptip_holder.tip_bottom{top:12px;}
.dt-sc-boxed-tooltip{background-color:#2f2f2f; color:#FFF; display:inline-block; margin:10px 0px 0px; padding:10px 20px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.dt-sc-boxed-tooltip:hover{color:#FFF; opacity:0.8;} .dt-sc-pullquote1{border-left:3px solid; background:#FFF; letter-spacing:0; line-height:25px; padding:15px; width:36%;}
.dt-sc-pullquote2{background:#FFFFFF; border:1px solid #FFFFFF; box-shadow:0 0 5px #D0D0D0; padding:19px;}	
.dt-sc-pullquote3{background:#FFFFFF; border-bottom:2px dotted #D9D9D9; border-top:2px dotted #D9D9D9; padding:19px;}	
.dt-sc-pullquote4{border-bottom:4px double #D9D9D9; border-top:4px double #D9D9D9; margin-top:20px; padding:10px 0px;}	
.dt-sc-pullquote5{letter-spacing:0px; line-height:25px; padding:5px 5px 5px 15px; width:36%;}	
.dt-sc-pullquote6{background:#FFFFFF; letter-spacing:0px; line-height:25px; padding:15px; width:36%;}	
.dt-sc-pullquote1.alignright{margin:20px 0px 20px 20px;}
.dt-sc-pullquote1.alignleft{margin:20px 20px 20px 0px;}
.dt-sc-pullquote1.aligncenter{margin:20px 0px 20px 0px; text-align:center; display:block; width:100%;}
.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, .dt-sc-pullquote2, .dt-sc-pullquote3, .dt-sc-pullquote4, .dt-sc-pullquote5, .dt-sc-pullquote6{display:inline-block; margin-bottom:20px; margin-right:2%; margin-top:20px; width:40%;}
.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;} ul.dt-sc-fancy-list li{display:block; position:relative; padding-left:25px; line-height:normal;}
ul.dt-sc-fancy-list li:before{color:#868686; text-decoration:inherit; font-size:14px; position:absolute; top:2px; 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:"\f087";}
ul.dt-sc-fancy-list.thumbs-down li:before{content:"\f088";}
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.book li:before{content:"\f02d";}
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.gift li:before{content:"\f06b";}
ul.dt-sc-fancy-list.tree li:before{content:"\f1bb";}
ul.dt-sc-fancy-list.star li:before{content:"\f005";}
ul.dt-sc-fancy-list.smile li:before{content:"\f118";}
ul.dt-sc-fancy-list.music li:before{content:"\f001";}
ul.dt-sc-fancy-list.moon li:before{content:"\f186";}
ul.dt-sc-fancy-list.car li:before{content:"\f1b9";}
ul.dt-sc-fancy-list.graduation-cap li:before{content:"\f19d";}
ul.dt-sc-fancy-list.reddit li:before{content:"\f1a1";}
ul.dt-sc-fancy-list.red li:before, ol.dt-sc-fancy-list.red li{color:#f27c7e;}
ul.dt-sc-fancy-list.green li:before, ol.dt-sc-fancy-list.green li{color:#7aa127;}
ul.dt-sc-fancy-list.yellow li:before, ol.dt-sc-fancy-list.yellow li{color:#fce485;}
ul.dt-sc-fancy-list.steelblue li:before, ol.dt-sc-fancy-list.steelblue li{color:#4c7296;}
ul.dt-sc-fancy-list.blue li:before, ol.dt-sc-fancy-list.blue li{color:#4cbcd4;}
ul.dt-sc-fancy-list.pink li:before, ol.dt-sc-fancy-list.pink li{color:#de81b8;}
ul.dt-sc-fancy-list.purple li:before, ol.dt-sc-fancy-list.purple li{color:#c768a2;}
ul.dt-sc-fancy-list.lavender li:before, ol.dt-sc-fancy-list.lavender li{color:#b0b6fb;}
ul.dt-sc-fancy-list.mustard li:before, ol.dt-sc-fancy-list.mustard li{color:#df9b00;}
ul.dt-sc-fancy-list.burnt_orange li:before, ol.dt-sc-fancy-list.burnt_orange li{color:#cf571b;}
ul.dt-sc-fancy-list.turquoise li:before, ol.dt-sc-fancy-list.turquoise li{color:#008c99;}
ul.dt-sc-fancy-list.violet li:before, ol.dt-sc-fancy-list.violet li{color:#9b59b6;}
ul.dt-sc-fancy-list.chocolate li:before, ol.dt-sc-fancy-list.chocolate li{color:#7b4b4b;}
ul.dt-sc-fancy-list.orange li:before, ol.dt-sc-fancy-list.orange li{color:#ea9d5f;}
ul.dt-sc-fancy-list.aqua li:before, ol.dt-sc-fancy-list.aqua li{color:#4ecac2;}
ul.dt-sc-fancy-list.teal li:before, ol.dt-sc-fancy-list.teal li{color:#5f8789;}
ul.dt-sc-fancy-list.grey li:before, ol.dt-sc-fancy-list.grey li{color:#818181;}
ul.dt-sc-fancy-list.ocean li:before, ol.dt-sc-fancy-list.ocean li{color:#1abc9c;}
ul.dt-sc-fancy-list.pearl li:before, ol.dt-sc-fancy-list.pearl li{color:#ab998f;}
ul.dt-sc-fancy-list.ruby li:before, ol.dt-sc-fancy-list.ruby li{color:#953d7d;} .dt-sc-error-box p, .dt-sc-warning-box p, .dt-sc-success-box p, .dt-sc-info-box p{margin-bottom:0; line-height:20px;}
.dt-sc-error-box, .dt-sc-warning-box, .dt-sc-success-box, .dt-sc-info-box{clear:both; margin-bottom:25px; padding:15px 15px 12px 42px;}
.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 a:hover, .dt-sc-warning-box a:hover, .dt-sc-success-box a:hover, .dt-sc-info-box a:hover{text-decoration:none;}
.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{font-size:25px; left:12px; position:absolute; text-decoration:inherit; top:15px;}
.dt-sc-error-box:before{color:#C54228; content:"\f057";}
.dt-sc-warning-box{background:#FDEBAE; border:1px solid #E6C555; color:#C79D13; position:relative;}
.dt-sc-warning-box:before{color:#E2B828; content:"\f06a";}
.dt-sc-success-box{background:#C0DF89; border:1px solid #A0CE4E; color:#466C00; position:relative; text-shadow:1px 1px 0 #E3F1CB;}
.dt-sc-success-box:before{color:#75B632; content:"\f058";}
.success-msg, .error-msg{display:block; margin-bottom:10px; clear:both;}
footer .success-msg{color:#5c5c5c;}
.error-msg{color:#FF0000;}
.dt-sc-info-box{background:#BFE4F9; border:1px solid #68A2CF; color:#2081B9; position:relative;}
.dt-sc-info-box:before{color:#008BC1; content:"\f05a";}
.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-progress{height:42px; margin-bottom:10px; clear:both; display:block;}
.dt-sc-progress .dt-sc-bar{position:relative;}
.dt-sc-bar-text{margin-bottom:5px;}
.dt-sc-progress .dt-sc-bar-text{font-size:14px; position:absolute; top:0; left:0; line-height:42px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:0px 20px; color:#FFFFFF; font-weight:bold; width:100%; text-align:left; display:none;}
.dt-sc-progress .dt-sc-bar-text > span{float:right; display:block;}
.dt-sc-progress{overflow:hidden; height:20px; background-color:#FFFFFF; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
.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: 20px 20px;
-moz-background-size: 20px 20px;
-o-background-size: 20px 20px;
background-size: 20px 20px;
}
.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-pricing-table.no-space .dt-sc-one-fourth{width:25%;}
.dt-sc-pricing-table.no-space .column{margin-left:0px;}
.dt-sc-pr-tb-col.selected{border-width:1px; border-style:solid;}
.dt-sc-pr-tb-col.red .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.red .dt-sc-buy-now .dt-sc-button{background:#d76062;}
.dt-sc-pr-tb-col.green .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.green .dt-sc-buy-now .dt-sc-button{background:#879b37;}
.dt-sc-pr-tb-col.yellow .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.yellow .dt-sc-buy-now .dt-sc-button{background:#dab103;}
.dt-sc-pr-tb-col.steelblue .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.steelblue .dt-sc-buy-now .dt-sc-button{background:#3a5b7b;}
.dt-sc-pr-tb-col.blue .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.blue .dt-sc-buy-now .dt-sc-button{background:#2ca0b9;}
.dt-sc-pr-tb-col.pink .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.pink .dt-sc-buy-now .dt-sc-button{background:#c95f9e;}
.dt-sc-pr-tb-col.purple .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.purple .dt-sc-buy-now .dt-sc-button{background:#a23a7a;}
.dt-sc-pr-tb-col.lavender .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.lavender .dt-sc-buy-now .dt-sc-button{background:#6d72b4;}
.dt-sc-pr-tb-col.mustard .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.mustard .dt-sc-buy-now .dt-sc-button{background:#e5b138;}
.dt-sc-pr-tb-col.burnt_orange .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.burnt_orange .dt-sc-buy-now .dt-sc-button{background:#ae4612;}
.dt-sc-pr-tb-col.turquoise .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.turquoise .dt-sc-buy-now .dt-sc-button{background:#015057;}
.dt-sc-pr-tb-col.violet .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.violet .dt-sc-buy-now .dt-sc-button{background:#7b4193;}
.dt-sc-pr-tb-col.chocolate .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.chocolate .dt-sc-buy-now .dt-sc-button{background:#5d3636;}
.dt-sc-pr-tb-col.orange .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.orange .dt-sc-buy-now .dt-sc-button{background:#d4762b;}
.dt-sc-pr-tb-col.aqua .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.aqua .dt-sc-buy-now .dt-sc-button{background:#33b1a9;}
.dt-sc-pr-tb-col.teal .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.teal .dt-sc-buy-now .dt-sc-button{background:#456c6e;}
.dt-sc-pr-tb-col.grey .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.grey .dt-sc-buy-now .dt-sc-button{background:#686666;}
.dt-sc-pr-tb-col.ocean .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.ocean .dt-sc-buy-now .dt-sc-button{background:#18a78b;}
.dt-sc-pr-tb-col.pearl .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.pearl .dt-sc-buy-now .dt-sc-button{background:#8b766a;}
.dt-sc-pr-tb-col.ruby .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.ruby .dt-sc-buy-now .dt-sc-button{background:#6e265a;}
.dt-sc-pr-tb-col.red .dt-sc-buy-now .dt-sc-button:hover{background:#c14c4e;}
.dt-sc-pr-tb-col.green .dt-sc-buy-now .dt-sc-button:hover{background:#718328;}
.dt-sc-pr-tb-col.yellow .dt-sc-buy-now .dt-sc-button:hover{background:#caa405;}
.dt-sc-pr-tb-col.steelblue .dt-sc-buy-now .dt-sc-button:hover{background:#2a4764;}
.dt-sc-pr-tb-col.blue .dt-sc-buy-now .dt-sc-button:hover{background:#1e879d;}
.dt-sc-pr-tb-col.pink .dt-sc-buy-now .dt-sc-button:hover{background:#ad4583;}
.dt-sc-pr-tb-col.purple .dt-sc-buy-now .dt-sc-button:hover{background:#8c2c67;}
.dt-sc-pr-tb-col.lavender .dt-sc-buy-now .dt-sc-button:hover{background:#4b4f8e;}
.dt-sc-pr-tb-col.mustard .dt-sc-buy-now .dt-sc-button:hover{background:#df9b00;}
.dt-sc-pr-tb-col.burnt_orange .dt-sc-buy-now .dt-sc-button:hover{background:#993f11;}
.dt-sc-pr-tb-col.turquoise .dt-sc-buy-now .dt-sc-button:hover{background:#013c41;}
.dt-sc-pr-tb-col.violet .dt-sc-buy-now .dt-sc-button:hover{background:#66337b;}
.dt-sc-pr-tb-col.chocolate .dt-sc-buy-now .dt-sc-button:hover{background:#492c2c;}
.dt-sc-pr-tb-col.orange .dt-sc-buy-now .dt-sc-button:hover{background:#be651e;}
.dt-sc-pr-tb-col.aqua .dt-sc-buy-now .dt-sc-button:hover{background:#31a39b;}
.dt-sc-pr-tb-col.teal .dt-sc-buy-now .dt-sc-button:hover{background:#335759;}
.dt-sc-pr-tb-col.grey .dt-sc-buy-now .dt-sc-button:hover{background:#545252;}
.dt-sc-pr-tb-col.ocean .dt-sc-buy-now .dt-sc-button:hover{background:#158f77;}
.dt-sc-pr-tb-col.pearl .dt-sc-buy-now .dt-sc-button:hover{background:#776357;}
.dt-sc-pr-tb-col.ruby .dt-sc-buy-now .dt-sc-button:hover{background:#5c1c4a;}
.dt-sc-pr-tb-col.red .dt-sc-tb-content li{border-color:#d76062;}
.dt-sc-pr-tb-col.green .dt-sc-tb-content li{border-color:#879b37;}
.dt-sc-pr-tb-col.yellow .dt-sc-tb-content li{border-color:#dab103;}
.dt-sc-pr-tb-col.steelblue .dt-sc-tb-content li{border-color:#3a5b7b;}
.dt-sc-pr-tb-col.blue .dt-sc-tb-content li{border-color:#2ca0b9;}
.dt-sc-pr-tb-col.pink .dt-sc-tb-content li{border-color:#c95f9e;}
.dt-sc-pr-tb-col.purple .dt-sc-tb-content li{border-color:#a23a7a;}
.dt-sc-pr-tb-col.lavender .dt-sc-tb-content li{border-color:#6d72b4;}
.dt-sc-pr-tb-col.mustard .dt-sc-tb-content li{border-color:#e5b138;}
.dt-sc-pr-tb-col.burnt_orange .dt-sc-tb-content li{border-color:#ae4612;}
.dt-sc-pr-tb-col.turquoise .dt-sc-tb-content li{border-color:#02747f;}
.dt-sc-pr-tb-col.violet .dt-sc-tb-content li{border-color:#7b4193;}
.dt-sc-pr-tb-col.chocolate .dt-sc-tb-content li{border-color:#5d3636;}
.dt-sc-pr-tb-col.orange .dt-sc-tb-content li{border-color:#cb8750;}
.dt-sc-pr-tb-col.aqua .dt-sc-tb-content li{border-color:#33b1a9;}
.dt-sc-pr-tb-col.teal .dt-sc-tb-content li{border-color:#456c6e;}
.dt-sc-pr-tb-col.grey .dt-sc-tb-content li{border-color:#686666;}
.dt-sc-pr-tb-col.ocean .dt-sc-tb-content li{border-color:#18a78b;}
.dt-sc-pr-tb-col.pearl .dt-sc-tb-content li{border-color:#8b766a;}
.dt-sc-pr-tb-col.ruby .dt-sc-tb-content li{border-color:#6e265a;}
.dt-sc-tb-header-img img{position:absolute; top:10px; right:0px; z-index:-10; display:inline-block;}
.dt-sc-pr-tb-col:hover .dt-sc-tb-header-img img{top:-20px; right:-15px; z-index:10;}
.dt-sc-tb-header .dt-sc-tb-thumb > img{float:left; position:relative; width:100%; z-index:9;}
.dt-sc-tb-header .dt-sc-tb-thumb .dt-sc-tb-title{bottom:0; display:inline-block; left:0; opacity:0.9; position:absolute; width:100%; padding:15px 0px; z-index:9;}
.dt-sc-tb-header .dt-sc-tb-thumb{display:inline-block; width:100%; position:relative; float:left;}
.dt-sc-pricing-table{width:100%; margin:30px 0px 20px; padding:0px; float:left;}
.dt-sc-pr-tb-col{position:relative; border:1px solid #ca8d02; 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; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.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-tb-thumb > img{border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px;}
.dt-sc-tb-header .dt-sc-price{background:#f2f2f2; margin:0px; padding:25px 20px 25px 20px; display:block; font-size:48px; font-weight:300; color:#181818;}
.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{font-size:14px; color:#333333; border-bottom:1px solid; 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; padding:10px 20px;}
.dt-sc-pr-tb-col .dt-sc-buy-now .dt-sc-button:after{background:#666667;}
.dt-sc-pr-tb-col .dt-sc-buy-now .dt-sc-button:hover, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:hover{color:#ffffff;}
.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:1; 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:-15px;}
.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-pr-tb-col.red .dt-sc-tb-title{background:#f27c7e;}
.dt-sc-pr-tb-col.green .dt-sc-tb-title{background:#acc158;}
.dt-sc-pr-tb-col.yellow .dt-sc-tb-title{background:#f3ca1d;}
.dt-sc-pr-tb-col.steelblue .dt-sc-tb-title{background:#4c7296;}
.dt-sc-pr-tb-col.blue .dt-sc-tb-title{background:#4cbcd4;}
.dt-sc-pr-tb-col.pink .dt-sc-tb-title{background:#de81b8;}
.dt-sc-pr-tb-col.purple .dt-sc-tb-title{background:#bc5393;}
.dt-sc-pr-tb-col.lavender .dt-sc-tb-title{background:#9ba0dc;}
.dt-sc-pr-tb-col.mustard .dt-sc-tb-title{background:#f7c44e;}
.dt-sc-pr-tb-col.burnt_orange .dt-sc-tb-title{background:#cf571b;}
.dt-sc-pr-tb-col.turquoise .dt-sc-tb-title{background:#008c99;}
.dt-sc-pr-tb-col.violet .dt-sc-tb-title{background:#9b59b6;}
.dt-sc-pr-tb-col.chocolate .dt-sc-tb-title{background:#7b4b4b;}
.dt-sc-pr-tb-col.orange .dt-sc-tb-title{background:#ea9d5f;}
.dt-sc-pr-tb-col.aqua .dt-sc-tb-title{background:#4ecac2;}
.dt-sc-pr-tb-col.teal .dt-sc-tb-title{background:#5f8789;}
.dt-sc-pr-tb-col.grey .dt-sc-tb-title{background:#999999;}
.dt-sc-pr-tb-col.ocean .dt-sc-tb-title{background:#1abc9c;}
.dt-sc-pr-tb-col.pearl .dt-sc-tb-title{background:#ab998f;}
.dt-sc-pr-tb-col.ruby .dt-sc-tb-title{background:#953d7d;}
.dt-sc-pr-tb-col .dt-sc-tb-title h3{margin-bottom:0px;}
.dt-sc-tb-header .dt-sc-price{padding:20px 0px; display:inline-block; font-size:46px; font-weight:bold; color:#FFFFFF; position:relative; width:100%;} .dt-sc-titled-box h4.dt-sc-titled-box-title{color:#ffffff;}
.dt-sc-titled-box h4.dt-sc-titled-box-title{padding:10px 15px; text-shadow:none; margin:0px;}
.dt-sc-titled-box h4.dt-sc-titled-box-title span{font-size:16px; margin-right:5px;}
.dt-sc-titled-box-content{padding:15px 15px 20px; background:#ffffff; border:1px solid #e2e2e2; border-top:0px;}
.dt-sc-titled-box.red h4.dt-sc-titled-box-title, blockquote.red{background:#f27c7e;}
.dt-sc-titled-box.green h4.dt-sc-titled-box-title, blockquote.green{background:#7aa127;}
.dt-sc-titled-box.yellow h4.dt-sc-titled-box-title, blockquote.yellow{background:#fce485; color:inherit;}
.dt-sc-titled-box.steelblue h4.dt-sc-titled-box-title, blockquote.steelblue{background:#4c7296;}
.dt-sc-titled-box.blue h4.dt-sc-titled-box-title, blockquote.blue{background:#4cbcd4;}
.dt-sc-titled-box.pink h4.dt-sc-titled-box-title, blockquote.pink{background:#de81b8;}
.dt-sc-titled-box.purple h4.dt-sc-titled-box-title, blockquote.purple{background:#c768a2;}
.dt-sc-titled-box.lavender h4.dt-sc-titled-box-title, blockquote.lavender{background:#b0b6fb;}
.dt-sc-titled-box.mustard h4.dt-sc-titled-box-title, blockquote.mustard{background:#df9b00;}
.dt-sc-titled-box.burnt_orange h4.dt-sc-titled-box-title, blockquote.burnt_orange{background:#cf571b;}
.dt-sc-titled-box.turquoise h4.dt-sc-titled-box-title, blockquote.turquoise{background:#008c99;}
.dt-sc-titled-box.violet h4.dt-sc-titled-box-title, blockquote.violet{background:#9b59b6;}
.dt-sc-titled-box.chocolate h4.dt-sc-titled-box-title, blockquote.chocolate{background:#7b4b4b;}
.dt-sc-titled-box.orange h4.dt-sc-titled-box-title, blockquote.orange{background:#ea9d5f;}
.dt-sc-titled-box.aqua h4.dt-sc-titled-box-title, blockquote.aqua{background:#4ecac2;}
.dt-sc-titled-box.teal h4.dt-sc-titled-box-title, blockquote.teal{background:#5f8789;}
.dt-sc-titled-box.grey h4.dt-sc-titled-box-title, blockquote.grey{background:#818181;}
.dt-sc-titled-box.ocean h4.dt-sc-titled-box-title, blockquote.ocean{background:#1abc9c;}
.dt-sc-titled-box.pearl h4.dt-sc-titled-box-title, blockquote.pearl{background:#ab998f;}
.dt-sc-titled-box.ruby h4.dt-sc-titled-box-title, blockquote.ruby{background:#953d7d;}
.widget.mailchimp p.error{border:1px solid red;} .dt-sc-colored-box{float:left; width:100%; padding:20px 0px 10px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border-top:5px solid;  border-bottom:5px solid; text-align:center;} 
.dt-sc-colored-box h5{font-size:20px;}
.dt-sc-colored-box p{padding:20px 20px; color:#2f2f2f;}
.dt-sc-colored-box.purple h5, .dt-sc-colored-box.purple p, .dt-sc-colored-box.steelblue h5, .dt-sc-colored-box.steelblue p, .dt-sc-colored-box.burnt_orange h5, .dt-sc-colored-box.burnt_orange p, .dt-sc-colored-box.turquoise h5, .dt-sc-colored-box.turquoise p, .dt-sc-colored-box.violet h5, .dt-sc-colored-box.violet p, .dt-sc-colored-box.chocolate h5, .dt-sc-colored-box.chocolate p, .dt-sc-colored-box.teal h5, .dt-sc-colored-box.teal p, .dt-sc-colored-box.ruby h5, .dt-sc-colored-box.ruby p, .dt-sc-pr-tb-col.steelblue .dt-sc-tb-title h5, .dt-sc-pr-tb-col.steelblue .dt-sc-tb-content li, .dt-sc-pr-tb-col.chocolate .dt-sc-tb-title h5, .dt-sc-pr-tb-col.chocolate .dt-sc-tb-content li, .dt-sc-pr-tb-col.ruby .dt-sc-tb-title h5, .dt-sc-pr-tb-col.ruby .dt-sc-tb-content li{color:#FFFFFF;}
.dt-sc-colored-box.grey p, .dt-sc-button.yellow{color:#2f2f2f;}
.dt-sc-colored-box img{display:block; margin-bottom:15px;}
.dt-sc-colored-box.red, .dt-sc-pr-tb-col.red{background:#f27c7e; border-color:#d76062;}
.dt-sc-colored-box.green, .dt-sc-pr-tb-col.green{background:#acc158; border-color:#879b37;}
.dt-sc-colored-box.yellow, .dt-sc-pr-tb-col.yellow{background:#f3ca1d; border-color:#dab103;}
.dt-sc-colored-box.steelblue, .dt-sc-pr-tb-col.steelblue{background:#4c7296; border-color:#3a5b7b;}
.dt-sc-colored-box.blue, .dt-sc-pr-tb-col.blue{background:#4cbcd4; border-color:#2ca0b9;}
.dt-sc-colored-box.pink, .dt-sc-pr-tb-col.pink{background:#de81b8; border-color:#c95f9e;}
.dt-sc-colored-box.purple, .dt-sc-pr-tb-col.purple{background:#bc5393; border-color:#a23a7a;}
.dt-sc-colored-box.lavender, .dt-sc-pr-tb-col.lavender{background:#9ba0dc; border-color:#6d72b4;}
.dt-sc-colored-box.mustard, .dt-sc-pr-tb-col.mustard{background:#f7c44e; border-color:#e5b138;}
.dt-sc-colored-box.burnt_orange, .dt-sc-pr-tb-col.burnt_orange{background:#cf571b; border-color:#ae4612;}
.dt-sc-colored-box.turquoise, .dt-sc-pr-tb-col.turquoise{background:#008c99; border-color:#02747f;}
.dt-sc-colored-box.violet, .dt-sc-pr-tb-col.violet{background:#9b59b6; border-color:#7b4193;}
.dt-sc-colored-box.chocolate, .dt-sc-pr-tb-col.chocolate{background:#7b4b4b; border-color:#5d3636;}
.dt-sc-colored-box.orange, .dt-sc-pr-tb-col.orange{background:#ea9d5f; border-color:#cb8750;}
.dt-sc-colored-box.aqua, .dt-sc-pr-tb-col.aqua{background:#4ecac2; border-color:#33b1a9;}
.dt-sc-colored-box.teal, .dt-sc-pr-tb-col.teal{background:#5f8789; border-color:#456c6e;}
.dt-sc-colored-box.grey, .dt-sc-pr-tb-col.grey{background:#999999; border-color:#686666;}
.dt-sc-colored-box.ocean, .dt-sc-pr-tb-col.ocean{background:#1abc9c; border-color:#18a78b;}
.dt-sc-colored-box.pearl, .dt-sc-pr-tb-col.pearl{background:#ab998f; border-color:#8b766a;}
.dt-sc-colored-box.ruby, .dt-sc-pr-tb-col.ruby{background:#953d7d; border-color:#6e265a;} .dt-sc-callout-box{width:100%; margin:0px; padding:25px 3%; width:100%; float:left;} 
.dt-sc-callout-box h4{margin-bottom:15px; font-size:22px; text-transform:none;}
.dt-sc-callout-box h5{color:#808080; margin-bottom:0px;}
.dt-sc-callout-box .dt-sc-button{float:right; margin:5px 0px 0px;}
.dt-sc-callout-box .icon{width:65px; height:65px; float:left; margin:-5px 20px 0px 0px; text-align:center; line-height:60px; font-size:36px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.dt-sc-callout-box .icon span.fa-reddit{font-size:28px;}
.dt-sc-callout-box.with-icon{padding:25px 3% 25px 2%; width:100%;}
.dt-sc-callout-box.type1, .dt-sc-callout-box.type5{border:1px solid #e2e2e2;}	
.dt-sc-callout-box.type2, .dt-sc-callout-box.type5{background:#FFFFFF;}	
.dt-sc-callout-box.type3{background:#FFFFFF; border-left:1px solid;}
.dt-sc-callout-box.type1 .icon, .dt-sc-callout-box.type5 .icon, .dt-sc-callout-box.with-icon.type2:hover .icon, .dt-sc-callout-box.type3 .icon{color:#FFFFFF; border:1px solid;}
.dt-sc-callout-box.type4 .icon{background:#FFFFFF; border:1px solid #FFFFFF;}
.dt-sc-callout-box.type4 h4, .dt-sc-callout-box.type4 h5, .dt-sc-callout-box.with-icon.type2:hover .icon span{color:#FFFFFF;}
.dt-sc-callout-box.type4 .dt-sc-button{background:#FFFFFF; color:inherit;}
.dt-sc-callout-box.type1 .dt-sc-button, .dt-sc-callout-box.type5 .dt-sc-button{color:#FFFFFF;}
.dt-sc-callout-box.with-icon.type2 .icon, .dt-sc-callout-box.type3:hover .icon{border:1px solid;}
.dt-sc-callout-box.type1:hover .icon, .dt-sc-callout-box.type5:hover .icon, .dt-sc-callout-box.type3:hover .icon{background:transparent;}
.dt-sc-callout-box.type2:hover .icon, .dt-sc-callout-box.type3:hover .icon, .dt-sc-callout-box.type3 .icon span, .dt-sc-callout-box.type4:hover .icon span{color:#FFFFFF;}
.dt-sc-callout-box.type4:hover .icon{background:none; color:#FFFFFF;} .dt-sc-fullwidth-video-section{float:left; clear:both; width:100%; margin:0px; padding:0px; position:relative; overflow:hidden;}
.dt-sc-video-container{position:absolute; left:0px; top:0px; width:100%;}
.dt-sc-fullwidth-video-section .container{position:relative; z-index:100;}
.dt-sc-video.dt-sc-fillWidth{width:100%;}
.dt-sc-video-content-wrapper{position: relative; background: rgba(0,0,0,0.3); float:left; width:100%; padding:0px; color:#FFFFFF;}
.dt-sc-video-content-wrapper h1, .dt-sc-video-content-wrapper h2, .dt-sc-video-content-wrapper h3, .dt-sc-video-content-wrapper h4, .dt-sc-video-content-wrapper h5, .dt-sc-video-content-wrapper h6, .dt-sc-video-content-wrapper h1 a, .dt-sc-video-content-wrapper h2 a, .dt-sc-video-content-wrapper h3 a, .dt-sc-video-content-wrapper h4 a, .dt-sc-video-content-wrapper h5 a, .dt-sc-video-content-wrapper h6 a{color:#FFFFFF;} .dt-sc-donutchart{text-align:center; margin:0px 0px 20px;}
h5.dt-sc-donutchart-title{text-align:center; width:100%; font-size:24px; margin-bottom:0px; font-weight:300;}
.dt-sc-donutchart-small{width:100px; margin:0px auto;}
.dt-sc-donutchart-medium{width:200px; margin:0px auto;}
.dt-sc-donutchart-large{width:300px; margin:0px auto;}
.donutchart-text{font-weight:300 !important;}		
.dt-sc-donutchart-small .donutchart-text{font-size:24px !important;}	
.dt-sc-donutchart-medium .donutchart-text{font-size:40px !important;}	
.dt-sc-donutchart-large .donutchart-text{font-size:50px !important;}	
.dark-bg .donutchart-text, .dark-bg h5.dt-sc-donutchart-title{color:#FFF;} .dt-sc-dropcap{font-size:24px; float:left; margin:5px 0px 10px 0px; text-align:center; color:#FFF; line-height:35px;}
.dt-sc-dropcap.dt-sc-dropcap-default{font-size:48px; width:58px;}
.dt-sc-dropcap.dt-sc-dropcap-circle{width:40px; height:40px; line-height:38px; margin:5px 10px 0px 0px; padding:0px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}
.dt-sc-dropcap.dt-sc-dropcap-bordered-circle{width:38px; height:38px; line-height:36px; margin:5px 10px 0 0; padding:0px; text-align:center; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}
.dt-sc-dropcap.dt-sc-dropcap-square{width:40px; height:40px; line-height:38px; text-align:center; margin:5px 10px 0px 0px; padding:0px;}		
.dt-sc-dropcap.dt-sc-dropcap-bordered-square{width:38px; height:38px; text-align:center; margin:5px 10px 0px 0px; padding:0px; line-height:36px;}
.dt-sc-dropcap.dt-sc-dropcap-default{color:#2f2f2f;}
.dt-sc-dropcap.dt-sc-dropcap-circle{background:#2f2f2f;}
.dt-sc-dropcap.dt-sc-dropcap-bordered-circle{border:1px solid #2f2f2f; color:#2f2f2f;}
.dt-sc-dropcap.dt-sc-dropcap-square{background:#2f2f2f;}
.dt-sc-dropcap.dt-sc-dropcap-bordered-square{color:#2f2f2f; border:1px solid #2f2f2f;}	
.dt-sc-dropcap.dt-sc-dropcap-default.red{color:#f27c7e;}	
.dt-sc-dropcap.dt-sc-dropcap-default.green{color:#acc158;}
.dt-sc-dropcap.dt-sc-dropcap-default.yellow{color:#fce485;}
.dt-sc-dropcap.dt-sc-dropcap-default.steelblue{color:#4c7296;}
.dt-sc-dropcap.dt-sc-dropcap-default.blue{color:#4cbcd4;}
.dt-sc-dropcap.dt-sc-dropcap-default.pink{color:#de81b8;}
.dt-sc-dropcap.dt-sc-dropcap-default.purple{color:#bc5393;}
.dt-sc-dropcap.dt-sc-dropcap-default.lavender{color:#b0b6fb;}
.dt-sc-dropcap.dt-sc-dropcap-default.mustard{color:#f7c44e;}
.dt-sc-dropcap.dt-sc-dropcap-default.burnt_orange{color:#cf571b;}
.dt-sc-dropcap.dt-sc-dropcap-default.turquoise{color:#008c99;}
.dt-sc-dropcap.dt-sc-dropcap-default.violet{color:#9b59b6;}
.dt-sc-dropcap.dt-sc-dropcap-default.chocolate{color:#7b4b4b;}
.dt-sc-dropcap.dt-sc-dropcap-default.orange{color:#ea9d5f;}
.dt-sc-dropcap.dt-sc-dropcap-default.aqua{color:#4ecac2;}
.dt-sc-dropcap.dt-sc-dropcap-default.teal{color:#5f8789;}
.dt-sc-dropcap.dt-sc-dropcap-default.grey{color:#999999;}
.dt-sc-dropcap.dt-sc-dropcap-default.ocean{color:#1abc9c;}
.dt-sc-dropcap.dt-sc-dropcap-default.pearl{color:#ab998f;}
.dt-sc-dropcap.dt-sc-dropcap-default.ruby{color:#953d7d;}
.dt-sc-dropcap-circle.red, .dt-sc-dropcap-square.red{background:#f27c7e;}	
.dt-sc-dropcap-circle.green, .dt-sc-dropcap-square.green{background:#acc158;}
.dt-sc-dropcap-circle.yellow, .dt-sc-dropcap-square.yellow{background:#fce485;}
.dt-sc-dropcap-circle.steelblue, .dt-sc-dropcap-square.steelblue{background:#4c7296;}
.dt-sc-dropcap-circle.blue, .dt-sc-dropcap-square.blue{background:#4cbcd4;}
.dt-sc-dropcap-circle.pink, .dt-sc-dropcap-square.pink{background:#de81b8;}
.dt-sc-dropcap-circle.purple, .dt-sc-dropcap-square.purple{background:#bc5393;}
.dt-sc-dropcap-circle.lavender, .dt-sc-dropcap-square.lavender{background:#b0b6fb;}
.dt-sc-dropcap-circle.mustard, .dt-sc-dropcap-square.mustard{background:#f7c44e;}
.dt-sc-dropcap-circle.burnt_orange, .dt-sc-dropcap-square.burnt_orange{background:#cf571b;}
.dt-sc-dropcap-circle.turquoise, .dt-sc-dropcap-square.turquoise{background:#008c99;}
.dt-sc-dropcap-circle.violet, .dt-sc-dropcap-square.violet{background:#9b59b6;}
.dt-sc-dropcap-circle.chocolate, .dt-sc-dropcap-square.chocolate{background:#7b4b4b;}
.dt-sc-dropcap-circle.orange, .dt-sc-dropcap-square.orange{background:#ea9d5f;}
.dt-sc-dropcap-circle.aqua, .dt-sc-dropcap-square.aqua{background:#4ecac2;}
.dt-sc-dropcap-circle.teal, .dt-sc-dropcap-square.teal{background:#5f8789;}
.dt-sc-dropcap-circle.grey, .dt-sc-dropcap-square.grey{background:#999999;}
.dt-sc-dropcap-circle.ocean, .dt-sc-dropcap-square.ocean{background:#1abc9c;}
.dt-sc-dropcap-circle.pearl, .dt-sc-dropcap-square.pearl{background:#ab998f;}
.dt-sc-dropcap-circle.ruby, .dt-sc-dropcap-square.ruby{background:#953d7d;}
.dt-sc-dropcap-bordered-circle.red, .dt-sc-dropcap-bordered-square.red{border-color:#f27c7e; color:#f27c7e;}	
.dt-sc-dropcap-bordered-circle.green, .dt-sc-dropcap-bordered-square.green{border-color:#acc158; color:#acc158;}
.dt-sc-dropcap-bordered-circle.yellow, .dt-sc-dropcap-bordered-square.yellow{border-color:#fce485; color:#fce485;}
.dt-sc-dropcap-bordered-circle.steelblue, .dt-sc-dropcap-bordered-square.steelblue{border-color:#4c7296; color:#4c7296;}
.dt-sc-dropcap-bordered-circle.blue, .dt-sc-dropcap-bordered-square.blue{border-color:#4cbcd4; color:#4cbcd4;}
.dt-sc-dropcap-bordered-circle.pink, .dt-sc-dropcap-bordered-square.pink{border-color:#de81b8; color:#de81b8;}
.dt-sc-dropcap-bordered-circle.purple, .dt-sc-dropcap-bordered-square.purple{border-color:#bc5393; color:#bc5393;}
.dt-sc-dropcap-bordered-circle.lavender, .dt-sc-dropcap-bordered-square.lavender{border-color:#b0b6fb; color:#b0b6fb;}
.dt-sc-dropcap-bordered-circle.mustard, .dt-sc-dropcap-bordered-square.mustard{border-color:#f7c44e; color:#f7c44e;}
.dt-sc-dropcap-bordered-circle.burnt_orange, .dt-sc-dropcap-bordered-square.burnt_orange{border-color:#cf571b; color:#cf571b;}
.dt-sc-dropcap-bordered-circle.turquoise, .dt-sc-dropcap-bordered-square.turquoise{border-color:#008c99; color:#008c99;}
.dt-sc-dropcap-bordered-circle.violet, .dt-sc-dropcap-bordered-square.violet{border-color:#9b59b6; color:#9b59b6;}
.dt-sc-dropcap-bordered-circle.chocolate, .dt-sc-dropcap-bordered-square.chocolate{border-color:#7b4b4b; color:#7b4b4b;}
.dt-sc-dropcap-bordered-circle.orange, .dt-sc-dropcap-bordered-square.orange{border-color:#ea9d5f; color:#ea9d5f;}
.dt-sc-dropcap-bordered-circle.aqua, .dt-sc-dropcap-bordered-square.aqua{border-color:#4ecac2; color:#4ecac2;}
.dt-sc-dropcap-bordered-circle.teal, .dt-sc-dropcap-bordered-square.teal{border-color:#5f8789; color:#5f8789;}
.dt-sc-dropcap-bordered-circle.grey, .dt-sc-dropcap-bordered-square.grey{border-color:#999999; color:#999999;}
.dt-sc-dropcap-bordered-circle.ocean, .dt-sc-dropcap-bordered-square.ocean{border-color:#1abc9c; color:#1abc9c;}
.dt-sc-dropcap-bordered-circle.pearl, .dt-sc-dropcap-bordered-square.pearl{border-color:#ab998f; color:#ab998f;}
.dt-sc-dropcap-bordered-circle.ruby, .dt-sc-dropcap-bordered-square.ruby{border-color:#953d7d; color:#953d7d;} .dt-sc-infographic-bar{padding:0px 0px 0px 120px; display:block; margin:0px; position:relative; min-height:140px; clear:both;}
.dt-sc-infographic-bar .fa{font-size:140px; position:absolute; left:0; top:0; right:0; width:120px;}
.dt-sc-infographic-bar .dt-sc-bar-percentage{font-size:20px; font-weight:bold; color:#303030; position:relative; border-bottom:1px solid #303030; display:block; height:20px; margin-bottom:20px;}
.dt-sc-infographic-bar .dt-sc-bar-percentage span{position:relative; top:8px; left:0px; background:#f0f3f3; display:inline-block; padding-right:5px;} .dt-sc-events-carousel-wrapper{float:left; clear:both; margin:20px 0px 0px; padding:0px; width:100%; position:relative; display:block;}
.dt-sc-events-carousel li{display:block; float:left; margin:0px 0px 0px 10px; padding:0px 0px 0px 8px; width:100%;}
.dt-sc-events-carousel-wrapper{margin-left:-10px; width:-webkit-calc(100% + 10px); width:-moz-calc(100% + 10px); width:calc(100% + 10px);}
.dt-sc-event-container{width:100%; margin:0px 0px 30px; padding:0px 0px 15px; clear:both; float:left; display:block; border-bottom:1px solid rgba(0,0,0,0.1);}
.dt-sc-event-container:last-child{border-bottom:none;}	
.dt-sc-event-container .dt-sc-event-thumb{width:25%; margin:0px 3% 20px 0px; float:left; position:relative; line-height:0px;}
.dt-sc-event-container .dt-sc-event-thumb img{display:block; line-height:0; height:auto;}
.dt-sc-event-container .dt-sc-event-details{width:72%; float:left; margin:0px; padding:0px;}
.dt-sc-event-container .dt-sc-event-details h2{font-size:16px; line-height:inherit; font-weight:500; margin-bottom:10px; position:relative; top:0px;}
.dt-sc-event-container .dt-sc-event-excerpt{margin:15px 0px 0px;}
.dt-sc-events-list{width:100%; float:left; margin:0px; padding:0px;}
.dt-sc-events-list li{float:left; padding:0px; margin-bottom:30px; display:inline;}
.dt-sc-event-meta{margin:0px; float:left; clear:both; width:100%; display:block;}
.dt-sc-event-meta p{float:left; margin:0px 0px 10px;}
.dt-sc-event-meta p i{margin-right:4px; color:#303030; position:relative; top:-1px;}
.dt-sc-event-location-meta p i{margin-right:4px; color:#303030; position:relative; top:-1px;}
.dt-sc-event-container .dt-sc-event-thumb .event-price{position:absolute; left:-8px; bottom:7px; padding:5px 10px; font-size:14px; line-height:normal; color:#FFF; float:left;}
.dt-sc-event-container .dt-sc-event-thumb .event-price:before{content:""; width:0; height:0; position:absolute; bottom:-7px; left:1px; border-top:7px solid; border-left:7px solid transparent;} @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) {
.dt-sc-hr{background:url(//islamiclessonsmadeeasy.com.au/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter@2x.jpg) repeat-x;}
.dt-sc-hr-medium{background:url(//islamiclessonsmadeeasy.com.au/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter-medium@2x.jpg) repeat-x;}
.dt-sc-hr-large{background:url(//islamiclessonsmadeeasy.com.au/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter-large@2x.jpg) repeat-x;}
.dt-sc-title:after{background-image:url(//islamiclessonsmadeeasy.com.au/wp-content/plugins/designthemes-core-features/shortcodes/images/title_bg@2x.png); background-size:100% 100%;}
.dt-sc-title.white{background:url(//islamiclessonsmadeeasy.com.au/wp-content/plugins/designthemes-core-features/shortcodes/images/title_bg_white@2x.png) center bottom no-repeat; background-size:125px 13px;}
.dt-sc-sponsor-carousel-wrapper .carousel-arrows a{background:url(//islamiclessonsmadeeasy.com.au/wp-content/plugins/designthemes-core-features/shortcodes/images/sponsor-carousel-arrows@2x.png) no-repeat; background-size:28px 28px;}
}.sgr-main {
transform: scale(0.895);
transform-origin: 0 0;
clear: both;
padding: 10px 0 5px 0;
}
p.sgr-infotext {
padding-bottom: 15px;
font-size: 85%;
}
.grecaptcha-badge {
visibility: visible;
}