@charset "utf-8";
body {  }
.animate { visibility:hidden; }
.animate {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@-moz-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
.animate.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
visibility: visible !important;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
0%, 100% {-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.animate.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
visibility: visible !important;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.animate.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
visibility: visible !important;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {transform: scale(1);}
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}
.animate.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
visibility: visible !important;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }
80% { -webkit-transform: rotate(-5deg); }
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes swing {
20% { -moz-transform: rotate(15deg); }
40% { -moz-transform: rotate(-10deg); }
60% { -moz-transform: rotate(5deg); }
80% { -moz-transform: rotate(-5deg); }
100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes swing {
20% { -o-transform: rotate(15deg); }
40% { -o-transform: rotate(-10deg); }
60% { -o-transform: rotate(5deg); }
80% { -o-transform: rotate(-5deg); }
100% { -o-transform: rotate(0deg); }
}
@keyframes swing {
20% { transform: rotate(15deg); }
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }
80% { transform: rotate(-5deg); }
100% { transform: rotate(0deg); }
}
.animate.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
visibility: visible !important;
} @-webkit-keyframes wobble {
0% { -webkit-transform: translateX(0%); }
15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
30% { -webkit-transform: translateX(20%) rotate(3deg); }
45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
60% { -webkit-transform: translateX(10%) rotate(2deg); }
75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
100% { -webkit-transform: translateX(0%); }
}
@-moz-keyframes wobble {
0% { -moz-transform: translateX(0%); }
15% { -moz-transform: translateX(-25%) rotate(-5deg); }
30% { -moz-transform: translateX(20%) rotate(3deg); }
45% { -moz-transform: translateX(-15%) rotate(-3deg); }
60% { -moz-transform: translateX(10%) rotate(2deg); }
75% { -moz-transform: translateX(-5%) rotate(-1deg); }
100% { -moz-transform: translateX(0%); }
}
@-o-keyframes wobble {
0% { -o-transform: translateX(0%); }
15% { -o-transform: translateX(-25%) rotate(-5deg); }
30% { -o-transform: translateX(20%) rotate(3deg); }
45% { -o-transform: translateX(-15%) rotate(-3deg); }
60% { -o-transform: translateX(10%) rotate(2deg); }
75% { -o-transform: translateX(-5%) rotate(-1deg); }
100% { -o-transform: translateX(0%); }
}
@keyframes wobble {
0% { transform: translateX(0%); }
15% { transform: translateX(-25%) rotate(-5deg); }
30% { transform: translateX(20%) rotate(3deg); }
45% { transform: translateX(-15%) rotate(-3deg); }
60% { transform: translateX(10%) rotate(2deg); }
75% { transform: translateX(-5%) rotate(-1deg); }
100% { transform: translateX(0%); }
}
.animate.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
visibility: visible !important;
} @-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); }
50% { -webkit-transform: scale(1.1); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
0% { -moz-transform: scale(1); }
50% { -moz-transform: scale(1.1); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
0% { -o-transform: scale(1); }
50% { -o-transform: scale(1.1); }
100% { -o-transform: scale(1); }
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.animate.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
visibility: visible !important;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
animation-timing-function: ease-in;
}
}
.animate.flip {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
visibility: visible !important;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.animate.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
visibility: visible !important;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.animate.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.animate.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.animate.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible !important;
-o-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY;
visibility: visible !important;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.animate.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
visibility: visible !important;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
visibility: visible !important;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
visibility: visible !important;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
visibility: visible !important;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
visibility: visible !important;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
visibility: visible !important;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
visibility: visible !important;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.animate.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
visibility: visible !important;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.animate.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
visibility: visible !important;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.animate.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
visibility: visible !important;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.animate.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
visibility: visible !important;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.animate.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
visibility: visible !important;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.animate.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
visibility: visible !important;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.animate.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
visibility: visible !important;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.animate.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
visibility: visible !important;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.animate.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
visibility: visible !important;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.animate.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
visibility: visible !important;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.animate.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
visibility: visible !important;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.animate.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
visibility: visible !important;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.animate.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
visibility: visible !important;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.animate.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
visibility: visible !important;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
}
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(.3);
}
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(.3);
}
}
.animate.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
visibility: visible !important;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.animate.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
visibility: visible !important;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.animate.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
visibility: visible !important;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.animate.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
visibility: visible !important;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.animate.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
visibility: visible !important;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.animate.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
visibility: visible !important;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.animate.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
visibility: visible !important;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.animate.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
visibility: visible !important;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.animate.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
visibility: visible !important;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.animate.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
visibility: visible !important;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.animate.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
visibility: visible !important;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.animate.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
visibility: visible !important;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.animate.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
visibility: visible !important;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.animate.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
visibility: visible !important;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.animate.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
visibility: visible !important;
}
@-webkit-keyframes hinge {
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
100% { -webkit-transform: translateY(700px); opacity: 0; }
}
@-moz-keyframes hinge {
0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
100% { -moz-transform: translateY(700px); opacity: 0; }
}
@-o-keyframes hinge {
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
100% { -o-transform: translateY(700px); opacity: 0; }
}
@keyframes hinge {
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
100% { transform: translateY(700px); opacity: 0; }
}
.animate.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
visibility: visible !important;
} @-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.animate.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
visibility: visible !important;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
.animate.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
visibility: visible !important;
} @-webkit-keyframes lightSpeedIn {
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-moz-keyframes lightSpeedIn {
0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-o-keyframes lightSpeedIn {
0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@keyframes lightSpeedIn {
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}
.animate.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
visibility: visible !important;
}
.animate.lightSpeedIn {
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
} @-webkit-keyframes lightSpeedOut {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-moz-keyframes lightSpeedOut {
0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-o-keyframes lightSpeedOut {
0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@keyframes lightSpeedOut {
0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
.animate.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
visibility: visible !important;
}
.animate.lightSpeedOut {
-webkit-animation-duration: 0.25s;
-moz-animation-duration: 0.25s;
-o-animation-duration: 0.25s;
animation-duration: 0.25s;
} .slideDown{
animation-name: slideDown;
-webkit-animation-name: slideDown;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes slideDown {
0% {
transform: translateY(-100%);
}
50%{
transform: translateY(8%);
}
65%{
transform: translateY(-4%);
}
80%{
transform: translateY(4%);
}
95%{
transform: translateY(-2%);
}			
100% {
transform: translateY(0%);
}		
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform: translateY(-100%);
}
50%{
-webkit-transform: translateY(8%);
}
65%{
-webkit-transform: translateY(-4%);
}
80%{
-webkit-transform: translateY(4%);
}
95%{
-webkit-transform: translateY(-2%);
}			
100% {
-webkit-transform: translateY(0%);
}	
} .slideUp{
animation-name: slideUp;
-webkit-animation-name: slideUp;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes slideUp {
0% {
transform: translateY(100%);
}
50%{
transform: translateY(-8%);
}
65%{
transform: translateY(4%);
}
80%{
transform: translateY(-4%);
}
95%{
transform: translateY(2%);
}			
100% {
transform: translateY(0%);
}	
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(100%);
}
50%{
-webkit-transform: translateY(-8%);
}
65%{
-webkit-transform: translateY(4%);
}
80%{
-webkit-transform: translateY(-4%);
}
95%{
-webkit-transform: translateY(2%);
}			
100% {
-webkit-transform: translateY(0%);
}	
} .slideLeft{
animation-name: slideLeft;
-webkit-animation-name: slideLeft;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;	
visibility: visible !important;
}
@keyframes slideLeft {
0% {
transform: translateX(150%);
}
50%{
ransform: translateX(-8%);
}
65%{
transform: translateX(4%);
}
80%{
transform: translateX(-4%);
}
95%{
transform: translateX(2%);
}			
100% {
transform: translateX(0%);
}
}
@-webkit-keyframes slideLeft {
0% {
-webkit-transform: translateX(150%);
}
50%{
-webkit-transform: translateX(-8%);
}
65%{
-webkit-transform: translateX(4%);
}
80%{
-webkit-transform: translateX(-4%);
}
95%{
-webkit-transform: translateX(2%);
}			
100% {
-webkit-transform: translateX(0%);
}
} .slideRight{
animation-name: slideRight;
-webkit-animation-name: slideRight;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;		
visibility: visible !important;
}
@keyframes slideRight {
0% {
transform: translateX(-150%);
}
50%{
transform: translateX(8%);
}
65%{
transform: translateX(-4%);
}
80%{
transform: translateX(4%);
}
95%{
transform: translateX(-2%);
}			
100% {
transform: translateX(0%);
}	
}
@-webkit-keyframes slideRight {
0% {
-webkit-transform: translateX(-150%);
}
50%{
-webkit-transform: translateX(8%);
}
65%{
-webkit-transform: translateX(-4%);
}
80%{
-webkit-transform: translateX(4%);
}
95%{
-webkit-transform: translateX(-2%);
}			
100% {
-webkit-transform: translateX(0%);
}
} .slideExpandUp{
animation-name: slideExpandUp;
-webkit-animation-name: slideExpandUp;	
animation-duration: 1.6s;	
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease -out;
visibility: visible !important;
}
@keyframes slideExpandUp {
0% {
transform: translateY(100%) scaleX(0.5);
}
30%{
transform: translateY(-8%) scaleX(0.5);
}	
40%{
transform: translateY(2%) scaleX(0.5);
}
50%{
transform: translateY(0%) scaleX(1.1);
}
60%{
transform: translateY(0%) scaleX(0.9);		
}
70% {
transform: translateY(0%) scaleX(1.05);
}			
80%{
transform: translateY(0%) scaleX(0.95);		
}
90% {
transform: translateY(0%) scaleX(1.02);
}	
100%{
transform: translateY(0%) scaleX(1);		
}
}
@-webkit-keyframes slideExpandUp {
0% {
-webkit-transform: translateY(100%) scaleX(0.5);
}
30%{
-webkit-transform: translateY(-8%) scaleX(0.5);
}	
40%{
-webkit-transform: translateY(2%) scaleX(0.5);
}
50%{
-webkit-transform: translateY(0%) scaleX(1.1);
}
60%{
-webkit-transform: translateY(0%) scaleX(0.9);		
}
70% {
-webkit-transform: translateY(0%) scaleX(1.05);
}			
80%{
-webkit-transform: translateY(0%) scaleX(0.95);		
}
90% {
-webkit-transform: translateY(0%) scaleX(1.02);
}	
100%{
-webkit-transform: translateY(0%) scaleX(1);		
}
} .expandUp{
animation-name: expandUp;
-webkit-animation-name: expandUp;	
animation-duration: 0.7s;	
-webkit-animation-duration: 0.7s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;	
visibility: visible !important;
}
@keyframes expandUp {
0% {
transform: translateY(100%) scale(0.6) scaleY(0.5);
}
60%{
transform: translateY(-7%) scaleY(1.12);
}
75%{
transform: translateY(3%);
}	
100% {
transform: translateY(0%) scale(1) scaleY(1);
}	
}
@-webkit-keyframes expandUp {
0% {
-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
}
60%{
-webkit-transform: translateY(-7%) scaleY(1.12);
}
75%{
-webkit-transform: translateY(3%);
}	
100% {
-webkit-transform: translateY(0%) scale(1) scaleY(1);
}	
} .expandOpen{
animation-name: expandOpen;
-webkit-animation-name: expandOpen;	
animation-duration: 1.2s;	
-webkit-animation-duration: 1.2s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;
visibility: visible !important;
}
@keyframes expandOpen {
0% {
transform: scale(1.8);		
}
50% {
transform: scale(0.95);
}	
80% {
transform: scale(1.05);
}
90% {
transform: scale(0.98);
}	
100% {
transform: scale(1);
}			
}
@-webkit-keyframes expandOpen {
0% {
-webkit-transform: scale(1.8);		
}
50% {
-webkit-transform: scale(0.95);
}	
80% {
-webkit-transform: scale(1.05);
}
90% {
-webkit-transform: scale(0.98);
}	
100% {
-webkit-transform: scale(1);
}					
} .bigEntrance{
animation-name: bigEntrance;
-webkit-animation-name: bigEntrance;	
animation-duration: 1.6s;	
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
visibility: visible !important;
}
@keyframes bigEntrance {
0% {
transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
opacity: 1;
}
45% {
transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
75% {
transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
100% {
transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}		
}
@-webkit-keyframes bigEntrance {
0% {
-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
opacity: 1;
}
45% {
-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
75% {
-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
100% {
-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}				
} .hatch{
animation-name: hatch;
-webkit-animation-name: hatch;	
animation-duration: 2s;	
-webkit-animation-duration: 2s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%; 
visibility: visible !important;
}
@keyframes hatch {
0% {
transform: rotate(0deg) scaleY(0.6);
}
20% {
transform: rotate(-2deg) scaleY(1.05);
}
35% {
transform: rotate(2deg) scaleY(1);
}
50% {
transform: rotate(-2deg);
}	
65% {
transform: rotate(1deg);
}	
80% {
transform: rotate(-1deg);
}		
100% {
transform: rotate(0deg);
}									
}
@-webkit-keyframes hatch {
0% {
-webkit-transform: rotate(0deg) scaleY(0.6);
}
20% {
-webkit-transform: rotate(-2deg) scaleY(1.05);
}
35% {
-webkit-transform: rotate(2deg) scaleY(1);
}
50% {
-webkit-transform: rotate(-2deg);
}	
65% {
-webkit-transform: rotate(1deg);
}	
80% {
-webkit-transform: rotate(-1deg);
}		
100% {
-webkit-transform: rotate(0deg);
}		
} .floating{
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible !important;
}
@keyframes floating {
0% {
transform: translateY(0%);	
}
50% {
transform: translateY(8%);	
}	
100% {
transform: translateY(0%);
}			
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translateY(0%);	
}
50% {
-webkit-transform: translateY(8%);	
}	
100% {
-webkit-transform: translateY(0%);
}			
} .tossing{
animation-name: tossing;
-webkit-animation-name: tossing;	
animation-duration: 2.5s;	
-webkit-animation-duration: 2.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible !important;
}
@keyframes tossing {
0% {
transform: rotate(-4deg);	
}
50% {
transform: rotate(4deg);
}
100% {
transform: rotate(-4deg);	
}						
}
@-webkit-keyframes tossing {
0% {
-webkit-transform: rotate(-4deg);	
}
50% {
-webkit-transform: rotate(4deg);
}
100% {
-webkit-transform: rotate(-4deg);	
}				
} .pullUp{
animation-name: pullUp;
-webkit-animation-name: pullUp;	
animation-duration: 1.1s;	
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%; 		
visibility: visible !important;
}
@keyframes pullUp {
0% {
transform: scaleY(0.1);
}
40% {
transform: scaleY(1.02);
}
60% {
transform: scaleY(0.98);
}
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(0.98);
}				
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(1);
}							
}
@-webkit-keyframes pullUp {
0% {
-webkit-transform: scaleY(0.1);
}
40% {
-webkit-transform: scaleY(1.02);
}
60% {
-webkit-transform: scaleY(0.98);
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(0.98);
}				
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}		
} .pullDown{
animation-name: pullDown;
-webkit-animation-name: pullDown;	
animation-duration: 1.1s;	
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%; 
visibility: visible !important;
}
@keyframes pullDown {
0% {
transform: scaleY(0.1);
}
40% {
transform: scaleY(1.02);
}
60% {
transform: scaleY(0.98);
}
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(0.98);
}				
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(1);
}							
}
@-webkit-keyframes pullDown {
0% {
-webkit-transform: scaleY(0.1);
}
40% {
-webkit-transform: scaleY(1.02);
}
60% {
-webkit-transform: scaleY(0.98);
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(0.98);
}				
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}		
} .stretchLeft{
animation-name: stretchLeft;
-webkit-animation-name: stretchLeft;	
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%; 
visibility: visible !important;
}
@keyframes stretchLeft {
0% {
transform: scaleX(0.3);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}				
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}							
}
@-webkit-keyframes stretchLeft {
0% {
-webkit-transform: scaleX(0.3);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}				
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}		
} .stretchRight{
animation-name: stretchRight;
-webkit-animation-name: stretchRight;	
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%; 	
visibility: visible !important;
}
@keyframes stretchRight {
0% {
transform: scaleX(0.3);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}				
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}							
}
@-webkit-keyframes stretchRight {
0% {
-webkit-transform: scaleX(0.3);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}				
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}		
}
  .dt-sc-hr { background:url(//www.mrkotphukettour.com/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter.png) repeat-x; height:10px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; }
.dt-sc-hr-medium { background:url(//www.mrkotphukettour.com/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter-medium.png) repeat-x; height:16px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; }
.dt-sc-hr-large { background:url(//www.mrkotphukettour.com/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter-large.png) repeat-x; height:22px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; }	
.dt-sc-hr-border { background:url(//www.mrkotphukettour.com/wp-content/plugins/designthemes-core-features/shortcodes/css/images/splitter2.png) repeat-x; height:1px; width:100%; clear:both; display:block; float:left; margin:30px 0px 40px; position:relative; z-index:1; }
.dt-sc-hr-invisible { float:left; width:100%; margin:20px 0px; display:block; clear:both; }
.dt-sc-hr-invisible-small { float:left; width:100%; margin:10px 0px; display:block; clear:both; }
.dt-sc-hr-invisible-medium { float:left; width:100%; margin:40px 0px; display:block; clear:both; }
.dt-sc-hr-invisible-large { float:left; width:100%; margin:55px 0px; display:block; clear:both; }
.dt-sc-hr.top { width:96%; }
.dt-sc-hr.top { background-position:right center; text-align:right; }
.dt-sc-hr.top a { color:rgba(0, 0, 0, 0.5); background:transparent; font-size:11px; line-height:16px; padding-left:5px; position:absolute; right:-4%; top:-4px; }
.dt-sc-hr.top a:hover { color:#1c1c1c; }
.dt-sc-hr.top a span { margin-right:2px; }
.dt-sc-clear { float:none; clear:both; margin:0px; padding:0px; } .column { margin:0px 0px 0px 2%; float:left; min-height:1px; position:relative; }
.column.first { margin-left:0px; clear:both; }	
.dt-sc-full-width, .dt-sc-one-column { width:100%; }
.column.dt-sc-full-width, .column.dt-sc-one-column { margin-left:0px; }
.dt-sc-one-fourth { width:23.4%; }
.dt-sc-one-half { width:48.9%; }
.dt-sc-one-third { width:31.9%; }
.dt-sc-three-fourth { width:74.5%; }
.dt-sc-two-third { width:65.8%; }
.dt-sc-one-fifth { width:18.3%; }
.dt-sc-four-fifth { width:79.6%; }
.dt-sc-three-fifth { width:59.2%; }
.dt-sc-two-fifth { width:38.8%; }
.dt-sc-one-sixth { width:15%; }
.dt-sc-two-sixth { width:32%; }
.dt-sc-three-sixth { width:48.9%; }
.dt-sc-four-sixth { width:66%; }
.dt-sc-five-sixth { width:83%; }		
.column img { max-width:100%; height:auto; }
.dt-sc-one-half iframe, .dt-sc-one-third iframe, .dt-sc-one-fourth iframe, .dt-sc-three-fourth iframe, .dt-sc-two-third iframe, iframe { max-width:100%; }
embed, iframe, object, video { max-width:100%; }
.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%; } .dt-sc-button, .button { font-size:14px; font-weight:600; padding:8px 15px; line-height:normal; display:inline-block; margin:10px 0px 0px; cursor:pointer; outline:none; position:relative; z-index:1; border-radius:3px;  color:#fff; }
.dt-sc-button:hover, .button:hover { color:#ffffff; }	
.dt-sc-button i { margin-right:10px;  }
.dt-sc-button.white:hover, .dt-sc-button.white:active { color:#808080; }
.dt-sc-button.bordered { background:transparent; border:1px solid }
.dt-sc-button.bordered:hover { background:#1c1c1c; }
.dt-sc-button.too-small { font-size: 13px; padding:7px 13px; }
.dt-sc-button.small, .button { font-size:14px; padding:11px 20px; }
.dt-sc-button.medium { font-size:16px; padding:16px 20px; }
.dt-sc-button.large { font-size:18px; padding:21px 45px; }
.dt-sc-button.xlarge { font-size:20px; padding:25px 50px; }
.dt-sc-button.with-icon i { color:#ffffff; margin:0px; float:right; filter:alpha(opacity=0); opacity:0; -webkit-transition: all 100ms linear; transition: all 100ms linear; }
.dt-sc-button.with-icon:hover i { color:#ffffff; margin-left:13px; margin-right:5px; filter:alpha(opacity=100); opacity:1; }
.dt-sc-button.small.with-icon { padding:11px 10px 11px 20px; line-height:20px; }
.dt-sc-button.small.with-icon i { line-height:20px; position:relative; top:1px; }
.dt-sc-button.medium.with-icon { padding:16px 10px 16px 20px; line-height:20px; }
.dt-sc-button.medium.with-icon i { line-height:20px; position:relative; top:1px; }
.dt-sc-button.large.with-icon { padding:21px 22px 21px 45px; line-height:20px; }
.dt-sc-button.large.with-icon i { line-height:20px; position:relative; top:1px; }
.dt-sc-button.xlarge.with-icon { padding:25px 25px 25px 50px; line-height:20px; }
.dt-sc-button.large.with-icon i { line-height:20px; position:relative; top:1px; }
.dt-sc-button.avocado.bordered { border-color:#72723e; color:#72723e; background-color:transparent; }	
.dt-sc-button.black.bordered { border-color:#262626; color:#262626; background-color:transparent; }
.dt-sc-button.blue.bordered { border-color:#478bca; color:#478bca; background-color:transparent; }
.dt-sc-button.blueiris.bordered { border-color:#595ca1; color:#595ca1; background-color:transparent; }
.dt-sc-button.blueturquoise.bordered { border-color:#08bbb7; color:#08bbb7; background-color:transparent; }
.dt-sc-button.brown.bordered { border-color:#8f5a28; color:#8f5a28; background-color:transparent; }
.dt-sc-button.burntsienna.bordered { border-color:#d36b5e; color:#d36b5e; background-color:transparent; }
.dt-sc-button.chillipepper.bordered { border-color:#b31f41; color:#b31f41; background-color:transparent; }
.dt-sc-button.eggplant.bordered { border-color:#614051; color:#614051; background-color:transparent; }
.dt-sc-button.electricblue.bordered { border-color:#536878; color:#536878; background-color:transparent; }
.dt-sc-button.graasgreen.bordered { border-color:#81c77f; color:#81c77f; background-color:transparent; }
.dt-sc-button.gray.bordered { border-color:#7d888e; color:#7d888e; background-color:transparent; }
.dt-sc-button.green.bordered { border-color:#00a988; color:#00a988; background-color:transparent; }
.dt-sc-button.orange.bordered { border-color:#f67f45; color:#f67f45; background-color:transparent; }
.dt-sc-button.palebrown.bordered { border-color:#987654; color:#987654; background-color:transparent; }
.dt-sc-button.pink.bordered { border-color:#e472ae; color:#e472ae; background-color:transparent; }
.dt-sc-button.radiantorchid.bordered { border-color:#af71b0; color:#af71b0; background-color:transparent; }
.dt-sc-button.red.bordered { border-color:#ef3a43; color:#ef3a43; background-color:transparent; }
.dt-sc-button.skyblue.bordered { border-color:#0facce; color:#0facce; background-color:transparent; }
.dt-sc-button.yellow.bordered { border-color:#eec005; color:#eec005; background-color:transparent; }
.dt-sc-button.white.bordered { border-color:#ffffff; color:#ffffff; background-color:transparent; }	
.dt-sc-button.violet.bordered { border-color:#9b59b6; color:#9b59b6; background-color:transparent; }
.dt-sc-button.emerald.bordered { border-color:#1abc9c; color:#1abc9c; background-color:transparent; }
.dt-sc-button.wetasphalt.bordered { border-color:#34495e; color:#34495e; background-color:transparent; }
.dt-sc-button.avocado.bordered:hover { background:#72723e; }	
.dt-sc-button.black.bordered:hover { background:#262626; }
.dt-sc-button.blue.bordered:hover { background:#478bca; }
.dt-sc-button.blueiris.bordered:hover { background:#595ca1; }
.dt-sc-button.blueturquoise.bordered:hover { background:#08bbb7;}
.dt-sc-button.brown.bordered:hover { background:#8f5a28; }
.dt-sc-button.burntsienna.bordered:hover { background:#d36b5e; }
.dt-sc-button.chillipepper.bordered:hover { background:#b31f41; }
.dt-sc-button.eggplant.bordered:hover { background:#614051; }
.dt-sc-button.electricblue.bordered:hover { background:#536878; }
.dt-sc-button.graasgreen.bordered:hover { background:#81c77f; }
.dt-sc-button.gray.bordered:hover { background:#7d888e; }
.dt-sc-button.green.bordered:hover { background:#00a988; }
.dt-sc-button.orange.bordered:hover { background:#f67f45 }
.dt-sc-button.palebrown.bordered:hover { background:#987654;}
.dt-sc-button.pink.bordered:hover { background:#e472ae; }
.dt-sc-button.radiantorchid.bordered:hover { background:#af71b0; }
.dt-sc-button.red.bordered:hover { background:#ef3a43; }
.dt-sc-button.skyblue.bordered:hover { background:#0facce; }
.dt-sc-button.yellow.bordered:hover { background:#eec005; }
.dt-sc-button.white.bordered:hover { background:#ffffff; }	
.dt-sc-button.violet.bordered:hover { background:#9b59b6; }
.dt-sc-button.emerald.bordered:hover { background:#1abc9c; }
.dt-sc-button.wetasphalt.bordered:hover { background:#34495e; }
.dt-sc-button.avocado:hover, .dt-sc-button.black:hover, .dt-sc-button.blue:hover, .dt-sc-button.blueiris:hover, .dt-sc-button.blueturquoise:hover, .dt-sc-button.brown:hover, .dt-sc-button.burntsienna:hover, .dt-sc-button.chillipepper:hover, .dt-sc-button.eggplant:hover, .dt-sc-button.electricblue:hover, .dt-sc-button.graasgreen:hover, .dt-sc-button.gray:hover, .dt-sc-button.green:hover, .dt-sc-button.orange:hover, .dt-sc-button.palebrown:hover, .dt-sc-button.pink:hover, .dt-sc-button.radiantorchid:hover, .dt-sc-button.red:hover, .dt-sc-button.skyblue:hover, .dt-sc-button.yellow:hover, .dt-sc-button.white:hover, .dt-sc-button.violet:hover, .dt-sc-button.emerald:hover, .dt-sc-button.wetasphalt:hover { color:#ffffff; background:#8b8b8b; } 
.dt-sc-button.avocado { color:#ffffff; background:#72723e; }	
.dt-sc-button.black { color:#ffffff; background:#262626; }
.dt-sc-button.blue { color:#ffffff; background:#478bca; }
.dt-sc-button.blueiris { color:#ffffff; background:#595ca1; }
.dt-sc-button.blueturquoise { color:#ffffff; background:#08bbb7;}
.dt-sc-button.brown { color:#ffffff; background:#8f5a28; }
.dt-sc-button.burntsienna { color:#ffffff; background:#d36b5e; }
.dt-sc-button.chillipepper { color:#ffffff; background:#b31f41; }
.dt-sc-button.eggplant { color:#ffffff; background:#614051; }
.dt-sc-button.electricblue { color:#ffffff; background:#536878; }
.dt-sc-button.graasgreen { color:#ffffff; background:#81c77f; }
.dt-sc-button.gray { color:#ffffff; background:#7d888e; }
.dt-sc-button.green { color:#ffffff; background:#6dc82b; }
.dt-sc-button.orange { color:#ffffff; background:#f67f45 }
.dt-sc-button.palebrown { color:#ffffff; background:#987654;}
.dt-sc-button.pink { color:#ffffff; background:#e472ae; }
.dt-sc-button.radiantorchid { color:#ffffff; background:#af71b0; }
.dt-sc-button.red { color:#ffffff; background:#ef3a43; }
.dt-sc-button.skyblue { color:#ffffff; background:#0facce; }
.dt-sc-button.yellow { color:#1f1f1f; background:#fade03; }
.dt-sc-button.white { color:#868686; background:#ffffff; }	
.dt-sc-button.violet { background:#9b59b6; color:#ffffff; }
.dt-sc-button.emerald { background:#1abc9c; color:#ffffff; }
.dt-sc-button.wetasphalt { background:#34495e; color:#ffffff; }
.dt-sc-button.avocado.bordered:hover, .dt-sc-button.black.bordered:hover, .dt-sc-button.blue.bordered:hover, .dt-sc-button.blueiris.bordered:hover, .dt-sc-button.blueturquoise.bordered:hover, .dt-sc-button.brown.bordered:hover, .dt-sc-button.burntsienna.bordered:hover, .dt-sc-button.chillipepper.bordered:hover, .dt-sc-button.eggplant.bordered:hover, .dt-sc-button.electricblue.bordered:hover, .dt-sc-button.graasgreen.bordered:hover, .dt-sc-button.gray.bordered:hover, .dt-sc-button.green.bordered:hover, .dt-sc-button.orange.bordered:hover, .dt-sc-button.palebrown.bordered:hover, .dt-sc-button.pink.bordered:hover, .dt-sc-button.radiantorchid.bordered:hover, .dt-sc-button.red.bordered:hover, .dt-sc-button.skyblue.bordered:hover, .dt-sc-button.yellow.bordered:hover, .dt-sc-button.white.bordered:hover, .dt-sc-button.bordered:hover { color:#ffffff; }	
input.dt-sc-button, input[type="submit"], input[type="button"] { overflow: visible; width:auto !important; } .dt-sc-ico-content { width:100%; margin:0px; padding:0px; clear:both; display:block; }
.dt-sc-ico-content.type1 { padding:0px 0px 0px 80px; position:relative; width:auto; }
.dt-sc-ico-content.type1 .icon { width:60px; text-align:center; position:absolute; left:0; top:0px; }
.dt-sc-ico-content.type1 .icon span { font-size:50px; }
.dt-sc-ico-content.type1 h4 { margin-bottom:10px; }
.dt-sc-ico-content.type2 { padding:0px 0px 0px 110px; position:relative; width:auto; }
.dt-sc-ico-content.type2 .icon { text-align:center; position:absolute; left:0; top:-10px; }
.dt-sc-ico-content.type2 .icon span { font-size:36px; line-height:90px; width:90px; height:90px; border-radius:90px; color:#ffffff; border:1px solid; }
.dt-sc-ico-content.type2 h4 { margin-bottom:10px; }
.dt-sc-ico-content.type2:hover .icon span { background:#ffffff; }
.dt-sc-ico-content.type3 { padding:0px; width:100%; text-align:center; }
.dt-sc-ico-content.type3 .icon { display:inline-block; width:67px; height:67px; text-align:center; margin-bottom:20px; border-radius:70px; color:#ffffff; background:#fff; border:3px solid; }
.dt-sc-ico-content.type3 .icon span { color:#2c3e50; font-size:30px; line-height:70px; }
.dt-sc-ico-content.type3 span.dt-sc-num-count { color:#2c3e50; margin-bottom:10px; font-size:30px; font-weight:bold; display:inline-block; width:100%; }
.dt-sc-ico-content.type3 h4 { margin-bottom:0; }
.dt-sc-ico-content.type3:hover .icon span { color:#ffffff; }
.fullwidth-section .dt-sc-ico-content.type3 .icon { border-color:#fff; }
.dt-sc-ico-content.type4 { padding:0px; width:100%; text-align:center; }
.dt-sc-ico-content.type4 .icon { display:inline-block; width:64px; height:64px; text-align:center; margin-bottom:20px; background:#fff; box-shadow:0 0 0 3px #e4e8ea; border-radius:50%; overflow: hidden; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; position:relative; }
.dt-sc-ico-content.type4 .icon span { font-size:30px; line-height:65px; width:100%; height:100%; }
.dt-sc-ico-content.type4 h4 { margin-bottom:10px; font-size:24px; }
.dt-sc-ico-content.type4:hover .icon { background: rgba(255,255,255,1); }
.dt-sc-ico-content.type5 { background:#f6f6f6; padding:20px 5%; width:90%; text-align:center; }
.dt-sc-ico-content.type5 .icon { display:inline-block; width:90px; height:90px; text-align:center; margin-bottom:20px; border-radius:90px; }
.dt-sc-ico-content.type5 .icon span { font-size:36px; line-height:90px; }
.dt-sc-ico-content.type5 h4 { margin-bottom:15px; font-size:18px; }
.dt-sc-ico-content.type5 .icon { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; position:relative; z-index:1; }
.dt-sc-ico-content.type5 .icon:after { top: -2px; left: -2px; padding: 2px; z-index: -1; background: #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; pointer-events:none; position:absolute; width:100%; height:100%; border-radius:50%; content:''; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }
.dt-sc-ico-content.type5:hover .icon { color:#fff; }
.dt-sc-ico-content.type5:hover .icon:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; }
.dt-sc-ico-content.type6 { background:#f6f6f6; padding:0px 5% 20px; width:90%; text-align:center; }
.dt-sc-ico-content.type6 .icon { background:#ffffff; display:inline-block; width:90px; height:90px; text-align:center; margin:-45px 0px 20px; border-radius:90px; }
.dt-sc-ico-content.type6 .icon span { font-size:36px; line-height:90px; }
.dt-sc-ico-content.type6 h4 { margin-bottom:15px; font-size:18px; }
.dt-sc-ico-content.type6:hover .icon { -moz-transform: scale(1.2) rotate(0deg) translate(0px); -webkit-transform: scale(1.2) rotate(0deg) translate(0px); -o-transform: scale(1.2) rotate(0deg) translate(0px); transform: scale(1.2) rotate(0deg) translate(0px); }
.dt-sc-ico-content.type7 { padding:0px 0px 0px 70px; position:relative; width:auto; }
.dt-sc-ico-content.type7 .icon { width:50px; height:50px; text-align:center; position:absolute; left:0; top:0px; border-radius:50%; border:1px solid; }
.dt-sc-ico-content.type7 .icon span { font-size:16px; line-height:50px; color:#2c3e50; }
.dt-sc-ico-content.type7 h4 { margin-bottom:5px; }
.full-globe .dt-sc-ico-content.type7 { margin-bottom:20px; }
.full-globe .dt-sc-ico-content.type7 .icon { background:#fff; border:1px solid #FFFFFF; }
.full-globe .dt-sc-ico-content.type7 h4 { font-size:16px; font-weight:bold; margin-bottom:0; }
.full-globe .dt-sc-ico-content.type7 p { font-size:12px; }
.full-globe .dt-sc-ico-content.type7:hover .icon { background:transparent; }
.full-globe .dt-sc-ico-content.type7:hover .icon span, .full-globe .dt-sc-ico-content.type7 h4 a, .full-globe .dt-sc-ico-content.type7 { color:#ffffff; }
.dt-sc-ico-content.type8 { padding:0px; width:100%; text-align:center; }
.dt-sc-ico-content.type8 .icon { display:inline-block; width:70px; height:70px; text-align:center; background:#f6f6f6; margin-bottom:20px; }
.dt-sc-ico-content.type8 .icon span { font-size:24px; line-height:70px; }
.dt-sc-ico-content.type8 h4 { margin-bottom:10px; font-size:24px; }
.dt-sc-ico-content.type8:hover .icon span { color:#ffffff; }
.dt-sc-ico-content.type9 { padding:20px; width:100%; text-align:center; background:#fbfbfb; border:1px solid #eceeeb; }
.dt-sc-ico-content.type9 .icon { display:inline-block; width:64px; height:64px; text-align:center; background:#fbfbfb; border:3px solid #e4e8ea; margin-bottom:20px; border-radius:70px; }
.dt-sc-ico-content.type9 .icon span { font-size:30px; line-height:64px; color:#fff; transition: all 300ms linear 0s;-webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; 
-o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; }
.dt-sc-ico-content.type9 h4 { margin-bottom:10px; font-size:18px; font-weight:600; }
.dt-sc-ico-content.type9 .icon { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; position:relative; z-index:1; }
.dt-sc-ico-content.type9:hover .icon { color:#ffffff; }
.dt-sc-ico-content.type9:hover .icon span { -webkit-transform: scale(1) rotateY(360deg) translate(0px); -ms-transform: scale(1) rotateY(360deg) translate(0px); -moz-transform: scale(1) rotateY(360deg) translate(0px); -o-transform: scale(1) rotateY(360deg) translate(0px); }
.dt-sc-ico-content.type10 { padding:0px 0px 0px 95px; position:relative; width:auto; }
.dt-sc-ico-content.type10 .icon { text-align:center; position:absolute; left:0; top:0px; width:70px; height:70px; border:3px solid; border-radius:50%;  }
.dt-sc-ico-content.type10 .icon span { font-size:30px; line-height:70px; color:#fff; }
.dt-sc-ico-content.type10 h4 { margin-bottom:10px; font-size:16px; text-transform:uppercase; }
.dt-sc-ico-content.type10:hover .icon span {  -webkit-animation: spin 3s linear 0s infinite reverse; -moz-animation: spin 3s linear 0s infinite reverse; -ms-animation: spin 3s linear 0s infinite reverse;  -o-animation: spin 3s linear 0s infinite reverse; animation: spin 3s linear 0s infinite reverse; }
@keyframes spin {
0% { transform: rotate(360deg); }
100% { transform: rotate(0deg); }
}
@-webkit-keyframes spin {
0% {-webkit-transform: rotate(360deg); }
100% { -webkit-transform: rotate(0deg); }
}
@-ms-keyframes spin {
0% {-ms-transform: rotate(360deg); }
100% { -ms-transform: rotate(0deg); }
}
@-moz-keyframes spin {
0% { -moz-transform: rotate(360deg); }
100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes spin {
0% { -o-transform: rotate(360deg); }
100% { -o-transform: rotate(0deg); }
}
.dt-sc-ico-content.type11 { padding:0px; position:relative; width:auto; }
.dt-sc-ico-content.type11 .icon { width:70px; text-align:center; float:left; margin-right:25px; height:70px; position:relative; }
.dt-sc-ico-content.type11 .icon span { font-size:30px; line-height:70px; color:#fff; }
.dt-sc-ico-content.type11 h4 { margin-bottom:10px; font-size:20px; display:inline-block; margin-top:5px; }
.dt-sc-ico-content.type11 p { width:100%; margin-top:30px; display:inline-block; }
.dt-sc-ico-content.type11 .icon > img, .dt-sc-ico-content.type10 .icon > img { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; }
.dt-sc-ico-content.type11:hover .icon > img { -webkit-animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; }
@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toBottomFromTop {
49% {
-moz-transform: translateY(100%);
}
50% {
opacity: 0;
-moz-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toBottomFromTop {
49% {
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
.dt-sc-ico-content.type11 .icon.blue { background:#087dc2; }
.dt-sc-ico-content.type11 .icon.purple { background:#9428d6; }
.dt-sc-ico-content.type11 .icon.light-blue { background:#6682b9; }
.dt-sc-ico-content.type11 .icon.pink { background:#e0316f; } .dt-sc-team { border:1px solid #e4e8ea; padding:95px 15px 35px 15px; position:relative; text-align:center; font-size:13px; line-height:26px; }
.dt-sc-team .dt-sc-team-thumb { left: 0; margin: 0 auto; position: absolute; right: 0; top:-67px; }
.dt-sc-team .dt-sc-team-thumb img { border:3px solid #e4e8ea; border-radius:50%;  width:125px; height:125px; }
.dt-sc-team .team-details { text-align:center; clear:both; float:left; width:100%; }
.dt-sc-team h5 { font-size:14px; font-weight:600; margin-bottom:5px; }
.dt-sc-team h6 { font-size:12px; font-weight:normal; margin-bottom:20px; color:#bdbdbd; }
.dt-sc-team p { line-height:28px; }
.dt-sc-team .team-contact { font-size:16px; margin-top:10px; }
.dt-sc-team .team-contact span { background:url(//www.mrkotphukettour.com/wp-content/plugins/designthemes-core-features/shortcodes/images/team-contact.png) no-repeat; width:37px; height:18px; display: inline-block; height: 18px; margin-right: 5px; position: relative; top: 13px; width: 37px; } 	
.dt-sc-team .dt-sc-social-icons { margin-top:10px; }
.dt-sc-team .dt-sc-social-icons li { background:#fff; }
.dt-sc-team .dt-sc-social-icons li a { color:#8b8b8b; }
.dt-sc-team .social-icons { float:left; clear:both; width:100%; margin:20px 0px 0px; padding:0px; border:1px solid #d3d3d3; border-left:0px; line-height:normal; height:40px; display:inline-table; }
.dt-sc-team .social-icons li { display:inline-block; margin:0px; padding:0px; height:40px; border-left:1px solid #d3d3d3; text-align:center; display:table-cell; }
.dt-sc-team .social-icons li a { background:#ffffff; color:#868686; font-size:16px; line-height:40px; display:block; outline:none; position:relative; z-index:1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }
.dt-sc-team .dt-sc-social-icons li a:hover { color:#ffffff; } blockquote.type2 { border-top:3px solid; border-left:0px; padding:15px 4%; background:#f6f6f6; } 
blockquote.type2:before { top:0px; bottom:inherit; left:0px; right:0px; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid; content:""; position:absolute; width:0; margin:auto; }
blockquote.type2 q { border:none; font-size:14px; color:#868686; line-height:25px; padding:0px; margin:0px; }
blockquote.type2 cite { font-style:normal; font-size:16px; line-height:22px; font-weight:300; }
blockquote.type2 cite span { font-size:12px; }
blockquote.type3 { border:none; background:none; text-align:center; padding:0px; }
blockquote.type3 q { border:none; font-size:18px; font-style:italic; line-height:32px; color:#c9c9c9; }
blockquote.type3:before { background:none; border:none; }
blockquote.type3 cite { font-size:16px; line-height:22px; font-style:normal; }
blockquote.type3 cite span { font-size:12px; }
blockquote.type4 { padding:30px 20px; border-left:5px solid; background:#f6f6f6; }
blockquote.type4 q { font-style:italic; font-size:14px; line-height:28px; display:block; color:#808080; border-bottom:0; }
blockquote.type4:before { content:""; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #ffffff; left:-5px; width:0; height:0; margin:auto; top:0px; bottom:0; position:absolute; }
blockquote.type4 cite { font-style:normal; font-size:16px; line-height:22px; font-weight:300; }
blockquote.type4 cite span { font-size:12px; }
blockquote.type5 { background:transparent; border:0; padding-left:35px; position:relative; }
blockquote.type5:before { content:none; }
blockquote.type5 q:before, blockquote.type5 q:after { font-family:Georgia, "Times New Roman", Times, serif; font-size:50px; }
blockquote.type5 q:before { content: open-quote; left: 0; margin-right: 5px; position: absolute; top: 15px; }
blockquote.type5 q:after { bottom: -9px; content: close-quote; margin-left: 15px; position: absolute; }
blockquote.type5 q, blockquote.type5 { quotes:inherit; } .dt-sc-pullquote1, .dt-sc-pullquote2, .dt-sc-pullquote3, .dt-sc-pullquote4, .dt-sc-pullquote5, .dt-sc-pullquote6 { color:#868689; display:inline-block; margin-bottom:20px; margin-right:4%; margin-top:20px; width:40%; }	
.dt-sc-pullquote1, .dt-sc-pullquote2, .dt-sc-pullquote3, .dt-sc-pullquote4, .dt-sc-pullquote5, .dt-sc-pullquote6 { font-family:'Source Sans Pro', sans-serif; font-size:16px; font-weight:300; line-height:30px; }	
.dt-sc-pullquote1 { border-left:3px solid #D9D9D9; background:#F5F5F5; letter-spacing:0; line-height:25px; padding:15px; width:36%; }	
.dt-sc-pullquote2 { background:#F5F5F5; border:1px solid #FFFFFF; box-shadow:0 0 5px #D0D0D0; padding:19px; }	
.dt-sc-pullquote3 { background:#F5F5F5; border-bottom:2px dotted #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:0; line-height:25px; padding:5px 5px 5px 15px; width:36%; }	
.dt-sc-pullquote6 { background:#F5F5F5; letter-spacing:0; line-height:25px; padding:15px; width:36%; }	
.dt-sc-pullquote1.aligncenter, .dt-sc-pullquote2.aligncenter, .dt-sc-pullquote3.aligncenter, .dt-sc-pullquote4.aligncenter, .dt-sc-pullquote5.aligncenter, .dt-sc-pullquote6.aligncenter { display:block; float:none; text-align:center; width:auto; }	
.dt-sc-pullquote1.alignleft, .dt-sc-pullquote1.aligncenter { margin-left:2px; }	
.dt-sc-pullquote1.alignright, .dt-sc-pullquote1.aligncenter { margin-right:2px; }
.dt-sc-pullquote5 { border-left:3px solid; }
.dt-sc-pullquote6 { border-top:3px solid; } .dt-sc-pricing-table { width:100%; margin:30px 0px 20px; padding:0px; float:left; }
.dt-sc-pr-tb-col { position:relative; border:1px solid #ECEEEB; background:#ffffff; width:100%; margin:0px; padding:0px; text-align:center; -webkit-transition:-webkit-box-shadow 0.2s ease-out; -moz-transition:-moz-box-shadow 0.2s ease-out; 	-o-transition:-o-box-shadow 0.2s ease-out; transition:box-shadow 0.2s ease-out; }
.dt-sc-tb-title h5 { padding:20px; font-weight:600; font-size:18px; line-height:normal; text-transform:uppercase; margin-bottom:0px; }
.dt-sc-tb-header .dt-sc-price { background:#f6f6f6; margin:0px; padding:25px 20px 25px 20px; display:block; font-size:48px; font-weight:300; color:#1c1c1c; }
.dt-sc-tb-header .dt-sc-price span { font-size:18px; }
.dt-sc-tb-content { list-style-type:none; margin:0px; }
.dt-sc-tb-content li { background:#ffffff; font-size:14px; color:#757575; border-bottom:1px solid #ECEEEB; padding:18px 10px; }
.dt-sc-pr-tb-col .dt-sc-buy-now { padding:20px; margin:0px; }
.dt-sc-pr-tb-col .dt-sc-buy-now .dt-sc-button { margin:0px; }
.dt-sc-pr-tb-col, .dt-sc-tb-header .dt-sc-price, .dt-sc-tb-title h5, .dt-sc-pr-tb-col .dt-sc-buy-now { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
.dt-sc-pr-tb-col.selected, .dt-sc-pr-tb-col:hover { z-index:10; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); margin-top:-25px; }
.dt-sc-pr-tb-col:hover { z-index:1; }
.dt-sc-pr-tb-col.selected .dt-sc-tb-title h5, .dt-sc-pr-tb-col:hover .dt-sc-tb-title h5, .dt-sc-pr-tb-col.selected .dt-sc-buy-now, .dt-sc-pr-tb-col:hover .dt-sc-buy-now { padding:25px 20px; }	
.dt-sc-pr-tb-col.selected .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col:hover .dt-sc-tb-header .dt-sc-price { padding:35px 20px; }
.dt-sc-pr-tb-col.selected .dt-sc-tb-header .dt-sc-price { color:#ffffff; }
.dt-sc-pricing-table.no-space .column { margin-left:0px; }
.dt-sc-pricing-table.no-space .dt-sc-one-fourth { width:25%; } 	
.dt-sc-pricing-table.no-space .dt-sc-one-third { width:33.3%; }	
.dt-sc-pricing-table.no-space .dt-sc-one-half { width:50%; }
.dt-sc-pricing-table.no-space .dt-sc-one-fifth { width:20%; }
.dt-sc-pricing-table.no-space .dt-sc-one-sixth { width:16.6%; }
.dt-sc-pricing-table.no-space .dt-sc-three-fourth { width:75%; }
.dt-sc-pricing-table.no-space .dt-sc-two-third { width:66.6%; }
.dt-sc-pricing-table.no-space .dt-sc-four-fifth { width:80%; }
.dt-sc-pricing-table.no-space .dt-sc-three-fifth { width:60%; }
.dt-sc-pricing-table.no-space .dt-sc-two-fifth { width:40%; }
.dt-sc-pricing-table.no-space .dt-sc-two-sixth { width:33.2%; }
.dt-sc-pricing-table.no-space .dt-sc-three-sixth { width:49.8%; }
.dt-sc-pricing-table.no-space .dt-sc-four-sixth { width:66.4%; }
.dt-sc-pricing-table.no-space .dt-sc-five-sixth { width:83%; } .dt-sc-pr-tb-col.type3 { text-align:center; border-bottom:5px solid; border-left:0; border-right:0; border-top:0; margin-top:0; }
.dt-sc-pr-tb-col.type3 .dt-sc-tb-title { padding:25px; } 
.dt-sc-pr-tb-col.type3 .dt-sc-tb-title h3 { font-weight:bold; margin-bottom:0; color:#fff; text-transform:uppercase; font-size:20px; }
.dt-sc-pr-tb-col.type3 .dt-sc-tb-thumb { position:relative; float:left; width:100%; }
.dt-sc-pr-tb-col.type3 .dt-sc-tb-thumb img { float:left; }
.dt-sc-pr-tb-col.type3 .dt-sc-tb-content { display:inline-block; padding:30px; width:100%; border:1px solid; border-top:0; border-bottom:0; }
.dt-sc-pr-tb-col.type3 .dt-sc-tb-content h5 { margin-bottom:25px; }
.dt-sc-pr-tb-col.type3 .dt-sc-tb-content img { margin-top:8px; }
.dt-sc-pr-tb-col.type3.selected, .dt-sc-pr-tb-col.type3:hover { margin-top:0; }
.dt-sc-pr-tb-col.type3 .dt-sc-button { margin-top:20px; }
.dt-sc-pr-tb-col.type3.purple .dt-sc-tb-title { background:#9428d6; }
.dt-sc-pr-tb-col.type3.purple { border-color:#9428d6; }
.dt-sc-pr-tb-col.type3.purple .dt-sc-tb-content h5 { color:#9428d6; }
.dt-sc-pr-tb-col.type3.gold .dt-sc-tb-title { background:#fdb40f; }
.dt-sc-pr-tb-col.type3.gold { border-color:#fdb40f; }
.dt-sc-pr-tb-col.type3.gold .dt-sc-tb-content h5 { color:#fdb40f; }
.dt-sc-pr-tb-col.type3.pink .dt-sc-tb-title { background:#e0316f; }
.dt-sc-pr-tb-col.type3.pink { border-color:#e0316f; }
.dt-sc-pr-tb-col.type3.pink .dt-sc-tb-content h5 { color:#e0316f; } .dt-sc-tabs-container { float:left; width:100%; margin:0px 0px 20px; padding:0px; clear:both; }
ul.dt-sc-tabs-frame, .woocommerce-tabs ul.tabs { float:left; margin:0px; padding:0px; width:100%; }
ul.dt-sc-tabs-frame.aligncenter { text-align:center; }
ul.dt-sc-tabs-frame.aligncenter > li { margin:0 0 0 -5px; }
ul.dt-sc-tabs-frame > li, .woocommerce-tabs ul.tabs > li { display:inline-block; margin:0px; padding:0px; }
.woocommerce-tabs ul.tabs > li { float:left; }
ul.dt-sc-tabs-frame > li > a, .woocommerce-tabs ul.tabs > li > a { background:#f6f6f6; border:1px solid #eceeeb; display:inline-block; margin:0px; padding:0px 20px; font-size:14px; text-align:center; color:#2c3e50; line-height:45px; position:relative; border-right:1px solid #f6f6f6; border-left:1px solid #f6f6f6; }
ul.dt-sc-tabs-frame > li:first-child > a, .woocommerce-tabs ul.tabs > li:first-child > a { border-left:1px solid #eceeeb; }
ul.dt-sc-tabs-frame > li:last-child > a, .woocommerce-tabs ul.tabs > li:last-child > a { border-right:1px solid #eceeeb; }
ul.dt-sc-tabs-frame > li > a.current, ul.dt-sc-tabs-frame > li > a:hover, .woocommerce-tabs ul.tabs > li.active > a, .woocommerce-tabs ul.tabs > li > a:hover { border-bottom:2px solid #f6f6f6; position:relative; background:#ffffff; border-left-color:#eceeeb; border-right-color:#eceeeb; }
.dt-sc-tabs-frame-content, .woocommerce-tabs .panel { background:#ffffff; float:left; clear:both; width:100%; margin:0px; padding:20px 0; line-height:26px; border-radius:0px 5px 5px 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }	
.full-tab .dt-sc-tabs-frame { text-align:center; margin-bottom:40px; } .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:32%; margin: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; margin:0px; padding:12px; color:#2C3E50; background:#F6F6F6; border-radius:5px 0px 0px 5px; position:relative; border:1px solid #ECEEEB; }
ul.dt-sc-tabs-vertical-frame > li > a.current,ul.dt-sc-tabs-vertical-frame > li > a:hover { background:#fff; border-right:2px solid; }
.dt-sc-tabs-vertical-frame li a .fa { margin-right:9px; }
.dt-sc-tabs-vertical-frame-content { background:#ffffff; float:left; width:60%; margin:0px; padding:0px 4%; }
.dt-sc-tabs-vertical-frame-content h4 { text-transform:none; } .dt-sc-boxed-tooltip { background:#ededed; color:#1c1c1c; display:inline-block; margin:10px 0px 0px; padding:10px 20px; text-align:center; }
.dt-sc-boxed-tooltip:hover { background:#1c1c1c; color:#ffffff; }
#tiptip_holder { display:none; position:absolute; top:0; left:0; z-index:99999; }		
#tiptip_holder.tip_top { padding-bottom:5px; }		 
#tiptip_holder.tip_bottom { padding-top:5px; }		 
#tiptip_holder.tip_right { padding-left:5px; }		 
#tiptip_holder.tip_left { padding-right:5px; }		
.tip_bottom #tiptip_content { box-shadow: inset 0px -1px 0px 0px #d9d9d9; -webkit-box-shadow:inset 0px -1px 0px 0px #d9d9d9; -moz-box-shadow:inset 0px -1px 0px 0px #d9d9d9; }
#tiptip_content { padding:8px 10px; color:#ffffff; font-size:12px; background:rgba(0, 0, 0, 0.8); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }		
#tiptip_arrow, #tiptip_arrow_inner { position:absolute; border-color:transparent; border-style:solid; border-width:6px; height:0; width:0; opacity:0.85; }		
#tiptip_holder.tip_top #tiptip_arrow { border-top-color:#fff; border-top-color:#000000;  }		
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color:#fff; border-bottom-color:#000000; }		
#tiptip_holder.tip_right #tiptip_arrow { border-right-color:#fff; border-right-color:#000000; }		 
#tiptip_holder.tip_left #tiptip_arrow { border-left-color:#fff; border-left-color:#000000; }		
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top:-7px; margin-left:-6px; }		
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top:-5px; margin-left:-6px; }		 
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top:-6px; margin-left:-5px;  }		
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top:-6px; margin-left:-7px;} .dt-sc-toggle-frame-set { float:left; width:100%; margin:0px; padding:0px; }
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .dt-sc-toggle-frame h5.dt-sc-toggle { clear:both; margin:0px; background:#ffffff; width:100%; border:1px solid #eceeeb; position:relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion a, .dt-sc-toggle-frame h5.dt-sc-toggle a { font-size:14px; color:#1c1c1c; display:block; padding:0px 15px 0px 60px; background:#f6f6f6; }
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a, .dt-sc-toggle-frame h5.dt-sc-toggle.active a, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active:before, .dt-sc-toggle-frame h5.dt-sc-toggle.active:before { color:#1c1c1c; }	
h5.dt-sc-toggle, h5.dt-sc-toggle-accordion { font-size:16px; font-weight:normal; clear:both; position:relative; margin-bottom:20px; color:#1c1c1c; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; padding-left:22px; font-weight:bold; }
.dt-sc-toggle-frame h5.dt-sc-toggle, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion { padding:0; font-weight:normal; }
h5.dt-sc-toggle:before, h5.dt-sc-toggle-accordion:before { text-align:center; position:absolute; top:0px; left:0px; content:"\f0a4"; font-family:FontAwesome; font-style:normal; color:#37251b; font-weight:normal; text-decoration:inherit; font-size:16px; }
h5.dt-sc-toggle.active:before, h5.dt-sc-toggle-accordion.active:before { content:"\f0a7"; }
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before, .dt-sc-toggle-frame h5.dt-sc-toggle:before { left:20px; top:17px; }
.dt-sc-toggle-frame h5.dt-sc-toggle a, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a { padding:14px 15px 13px 45px; line-height:normal; display:block; }	
.dt-sc-toggle-frame h5.dt-sc-toggle, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion { padding:0px; }
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a { background:#ffffff; }
h5.dt-sc-toggle:before { top:5px; }
h5.dt-sc-toggle-accordion:before { top:5px; }
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before { top:19px; left:15px; }
.dt-sc-toggle-frame h5.dt-sc-toggle:before { top:17px; left:15px; } 
.dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle:before { top:19px; left:15px; }
.dt-sc-toggle-content { clear:both; padding:10px 0px 30px; line-height:26px; display:none; }
.dt-sc-toggle-frame { margin-bottom:7px; }
.dt-sc-toggle-frame .dt-sc-toggle-content { background:#ffffff; position:relative; margin:0px; width:100%; padding:0; }
.dt-sc-toggle-frame .dt-sc-toggle-content .block { line-height: 26px; margin: 0; padding: 30px 0; }
.dt-sc-toggle-frame h5.dt-sc-toggle.active, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active { border-bottom:3px solid; }
.faq h5.dt-sc-toggle-accordion { padding:0px 0px 0px 42px; margin-bottom:13px; line-height:35px; }	
.faq h5.dt-sc-toggle-accordion:before { font-family:'Lato', sans-serif; content:'?'; background:#1c1c1c; width:27px; height:27px; text-align:center; line-height:27px; color:#ffffff; border:3px solid #d9d9d9; border-radius:27px; }
.faq h5.dt-sc-toggle-accordion.active:before { content:'?'; }
.faq .dt-sc-toggle-content { padding:0px 0px 10px; margin-left:42px; }
.ie9 .column .dt-sc-toggle-frame:last-child h5.dt-sc-toggle:before, .ie9 .column .dt-sc-toggle-frame:last-child h5.dt-sc-toggle-accordion:before { height:40px; } ul.dt-sc-fancy-list { list-style-type:none; list-style-position:outside; }
ul.dt-sc-fancy-list li { display:block; position:relative; padding-left:20px; }
ul.dt-sc-fancy-list li ul { padding-left:0px; }
ul.dt-sc-fancy-list.arrow li { padding-left:15px; }
ul.dt-sc-fancy-list li a { color:#868686; }
ul.dt-sc-fancy-list li:before { font-family:FontAwesome; font-style:normal; color:#868686; font-weight:normal; text-decoration:inherit; font-size:14px; position:absolute; top:1px; 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.location-arrow li:before { content:"\f124";  }
ul.dt-sc-fancy-list.paper-plane li:before { content:"\f1d8";  }
ul.dt-sc-fancy-list.check li:before { content:"\f046";  }
ul.dt-sc-fancy-list.hand li:before { content:"\f0a4";  }
ul.dt-sc-fancy-list.cog li:before { content:"\f013";  }
ul.dt-sc-fancy-list.play li:before { content:"\f01d";  }
ul.dt-sc-fancy-list.avocado li:before { color:#72723e; }	
ul.dt-sc-fancy-list.black li:before { color:#262626; }
ul.dt-sc-fancy-list.blue li:before { color:#478bca; }
ul.dt-sc-fancy-list.blueiris li:before { color:#595ca1; }
ul.dt-sc-fancy-list.blueturquoise li:before { color:#08bbb7;}
ul.dt-sc-fancy-list.brown li:before { color:#8f5a28; }
ul.dt-sc-fancy-list.burntsienna li:before { color:#d36b5e; }
ul.dt-sc-fancy-list.chillipepper li:before { color:#b31f41; }
ul.dt-sc-fancy-list.eggplant li:before { color:#614051; }
ul.dt-sc-fancy-list.electricblue li:before { color:#536878; }
ul.dt-sc-fancy-list.graasgreen li:before { color:#81c77f; }
ul.dt-sc-fancy-list.gray li:before { color:#7d888e; }
ul.dt-sc-fancy-list.green li:before { color:#00a988; }
ul.dt-sc-fancy-list.orange li:before { color:#f67f45 }
ul.dt-sc-fancy-list.palebrown li:before { color:#987654;}
ul.dt-sc-fancy-list.pink li:before { color:#e472ae; }
ul.dt-sc-fancy-list.radiantorchid li:before { color:#af71b0; }
ul.dt-sc-fancy-list.red li:before { color:#ef3a43; }
ul.dt-sc-fancy-list.skyblue li:before { color:#0facce; }
ul.dt-sc-fancy-list.yellow li:before { color:#eec005; }
ul.dt-sc-fancy-list.violet li:before { color:#9b59b6; }
ul.dt-sc-fancy-list.emerald li:before { color:#1abc9c; }
ul.dt-sc-fancy-list.wetasphalt li:before { color:#34495e; }
ol.dt-sc-fancy-list li span { color:#1c1c1c; }
ol.decimal { list-style-type:decimal; }
ol.decimal-leading-zero { list-style-type:decimal-leading-zero; }
ol.lower-alpha { list-style-type:lower-alpha; }
ol.lower-roman { list-style-type:lower-roman; }
ol.upper-alpha { list-style-type:upper-alpha; }
ol.upper-roman { list-style-type:upper-roman; }	
ol.dt-sc-fancy-list.avocado li { color:#72723e; }	
ol.dt-sc-fancy-list.black li { color:#262626; }
ol.dt-sc-fancy-list.blue li { color:#478bca; }
ol.dt-sc-fancy-list.blueiris li { color:#595ca1; }
ol.dt-sc-fancy-list.blueturquoise li { color:#08bbb7;}
ol.dt-sc-fancy-list.brown li { color:#8f5a28; }
ol.dt-sc-fancy-list.burntsienna li { color:#d36b5e; }
ol.dt-sc-fancy-list.chillipepper li { color:#b31f41; }
ol.dt-sc-fancy-list.eggplant li { color:#614051; }
ol.dt-sc-fancy-list.electricblue li { color:#536878; }
ol.dt-sc-fancy-list.graasgreen li { color:#81c77f; }
ol.dt-sc-fancy-list.gray li { color:#7d888e; }
ol.dt-sc-fancy-list.green li { color:#00a988; }
ol.dt-sc-fancy-list.orange li { color:#f67f45 }
ol.dt-sc-fancy-list.palebrown li { color:#987654;}
ol.dt-sc-fancy-list.pink li { color:#e472ae; }
ol.dt-sc-fancy-list.radiantorchid li { color:#af71b0; }
ol.dt-sc-fancy-list.red li { color:#ef3a43; }
ol.dt-sc-fancy-list.skyblue li { color:#0facce; }
ol.dt-sc-fancy-list.yellow li { color:#eec005; }
ol.dt-sc-fancy-list.violet li { color:#9b59b6; }
ol.dt-sc-fancy-list.emerald li { color:#1abc9c; }
ol.dt-sc-fancy-list.wetasphalt li { color:#34495e; } .dt-sc-titled-box { margin-bottom:20px; width:100%; clear:both; }
.dt-sc-titled-box h6.dt-sc-titled-box-title { font-size:16px; font-weight:600; text-transform:uppercase; padding:12px 15px; text-shadow:none; margin:0px; } 
.dt-sc-titled-box h6.dt-sc-titled-box-title span { font-size:16px; margin-right:5px; }
.dt-sc-titled-box-content { padding:20px; background:#f6f6f6; }				
.dt-sc-titled-box h6.dt-sc-titled-box-title { color:#ffffff; }
.dt-sc-titled-box.avocado h6.dt-sc-titled-box-title  { background:#72723e; }	
.dt-sc-titled-box.black h6.dt-sc-titled-box-title  { background:#262626; }
.dt-sc-titled-box.blue h6.dt-sc-titled-box-title  { background:#478bca; }
.dt-sc-titled-box.blueiris h6.dt-sc-titled-box-title  { background:#595ca1; }
.dt-sc-titled-box.blueturquoise h6.dt-sc-titled-box-title  { background:#08bbb7;}
.dt-sc-titled-box.brown h6.dt-sc-titled-box-title  { background:#8f5a28; }
.dt-sc-titled-box.burntsienna h6.dt-sc-titled-box-title  { background:#d36b5e; }
.dt-sc-titled-box.chillipepper h6.dt-sc-titled-box-title  { background:#b31f41; }
.dt-sc-titled-box.eggplant h6.dt-sc-titled-box-title  { background:#614051; }
.dt-sc-titled-box.electricblue h6.dt-sc-titled-box-title  { background:#536878; }
.dt-sc-titled-box.graasgreen h6.dt-sc-titled-box-title  { background:#81c77f; }
.dt-sc-titled-box.gray h6.dt-sc-titled-box-title  { background:#7d888e; }
.dt-sc-titled-box.green h6.dt-sc-titled-box-title  { background:#00a988; }
.dt-sc-titled-box.orange h6.dt-sc-titled-box-title  { background:#f67f45 }
.dt-sc-titled-box.palebrown h6.dt-sc-titled-box-title  { background:#987654;}
.dt-sc-titled-box.pink h6.dt-sc-titled-box-title  { background:#e472ae; }
.dt-sc-titled-box.radiantorchid h6.dt-sc-titled-box-title  { background:#af71b0; }
.dt-sc-titled-box.red h6.dt-sc-titled-box-title  { background:#ef3a43; }
.dt-sc-titled-box.skyblue h6.dt-sc-titled-box-title  { background:#0facce; }
.dt-sc-titled-box.yellow h6.dt-sc-titled-box-title { background:#eec005; }
.dt-sc-titled-box.violet h6.dt-sc-titled-box-title { background:#9b59b6; }
.dt-sc-titled-box.emerald h6.dt-sc-titled-box-title { background:#1abc9c; }
.dt-sc-titled-box.wetasphalt h6.dt-sc-titled-box-title { background:#34495e; } .dt-sc-error-box, .dt-sc-warning-box, .dt-sc-success-box, .dt-sc-info-box { margin-bottom:20px; padding:15px 15px 15px 35px; clear:both; border-radius:5px; }
.dt-sc-error-box a, .dt-sc-warning-box a, .dt-sc-success-box a, .dt-sc-info-box a { text-decoration:underline; }
.dt-sc-error-box { background:#ffcccc; border:1px solid #ff9999; color:#d01313; position:relative; }
.dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top:15px; left:10px; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:20px; position:absolute; }		
.dt-sc-error-box:before { content:"\f057"; color:#C54228; }
.dt-sc-warning-box { background:#fdebae; border:1px solid #e6c555; color:#c79d13; position:relative; }
.dt-sc-warning-box:before { content:"\f06a"; color:#e2b828; }
.dt-sc-success-box { background:#eafac0; border:1px solid #b1cf67; color:#7ba411; position:relative; }
.dt-sc-success-box:before { content:"\f058"; color:#75b632; }
.dt-sc-info-box { background:#bfe4f9; border:1px solid #68a2cf; color:#2081b9; position:relative; }
.dt-sc-info-box:before { content:"\f05a"; color:#008bc1; }
.dt-sc-error-box a { color:#d01313; }
.dt-sc-warning-box a { color:#c79d13; }
.dt-sc-success-box a { color:#7ba411; }
.dt-sc-info-box a { color:#2081b9; } .dt-sc-dropcap { font-size:24px; float:left; margin:10px 0px 10px 0px; text-align:center; color:#ffffff; 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:30px 30px 30px 30px; behavior:url(//www.mrkotphukettour.com/wp-content/plugins/designthemes-core-features/shortcodes/css/PIE.htc); }
.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:30px 30px 30px 30px; behavior:url(//www.mrkotphukettour.com/wp-content/plugins/designthemes-core-features/shortcodes/css/PIE.htc); }
.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:#1c1c1c;}
.dt-sc-dropcap.dt-sc-dropcap-circle { background:#1c1c1c; }
.dt-sc-dropcap.dt-sc-dropcap-bordered-circle { border:1px solid #1c1c1c; color:#1c1c1c; }
.dt-sc-dropcap.dt-sc-dropcap-square { background:#1c1c1c; }
.dt-sc-dropcap.dt-sc-dropcap-bordered-square { color:#1c1c1c; border:1px solid #1c1c1c; }	
.dt-sc-dropcap.dt-sc-dropcap-default.avocado { color:#72723e; }	
.dt-sc-dropcap.dt-sc-dropcap-default.black { color:#262626; }
.dt-sc-dropcap.dt-sc-dropcap-default.blue { color:#478bca; }
.dt-sc-dropcap.dt-sc-dropcap-default.blueiris { color:#595ca1; }
.dt-sc-dropcap.dt-sc-dropcap-default.blueturquoise { color:#08bbb7;}
.dt-sc-dropcap.dt-sc-dropcap-default.brown { color:#8f5a28; }
.dt-sc-dropcap.dt-sc-dropcap-default.burntsienna { color:#d36b5e; }
.dt-sc-dropcap.dt-sc-dropcap-default.chillipepper { color:#b31f41; }
.dt-sc-dropcap.dt-sc-dropcap-default.eggplant { color:#614051; }
.dt-sc-dropcap.dt-sc-dropcap-default.electricblue { color:#536878; }
.dt-sc-dropcap.dt-sc-dropcap-default.graasgreen { color:#81c77f; }
.dt-sc-dropcap.dt-sc-dropcap-default.gray { color:#7d888e; }
.dt-sc-dropcap.dt-sc-dropcap-default.green { color:#00a988; }
.dt-sc-dropcap.dt-sc-dropcap-default.orange { color:#f67f45 }
.dt-sc-dropcap.dt-sc-dropcap-default.palebrown { color:#987654;}
.dt-sc-dropcap.dt-sc-dropcap-default.pink { color:#e472ae; }
.dt-sc-dropcap.dt-sc-dropcap-default.radiantorchid { color:#af71b0; }
.dt-sc-dropcap.dt-sc-dropcap-default.red { color:#ef3a43; }
.dt-sc-dropcap.dt-sc-dropcap-default.skyblue { color:#0facce; }
.dt-sc-dropcap.dt-sc-dropcap-default.yellow { color:#eec005; }
.dt-sc-dropcap.dt-sc-dropcap-default.violet { color:#9b59b6; }
.dt-sc-dropcap.dt-sc-dropcap-default.emerald { color:#1abc9c; }
.dt-sc-dropcap.dt-sc-dropcap-default.wetasphalt { color:#34495e; }
.dt-sc-dropcap-circle.avocado, .dt-sc-dropcap-square.avocado { background:#72723e; }	
.dt-sc-dropcap-circle.black, .dt-sc-dropcap-square.black { background:#262626; }
.dt-sc-dropcap-circle.blue, .dt-sc-dropcap-square.blue { background:#478bca; }
.dt-sc-dropcap-circle.blueiris, .dt-sc-dropcap-square.blueiris { background:#595ca1; }
.dt-sc-dropcap-circle.blueturquoise, .dt-sc-dropcap-square.blueturquoise { background:#08bbb7;}
.dt-sc-dropcap-circle.brown, .dt-sc-dropcap-square.brown { background:#8f5a28; }
.dt-sc-dropcap-circle.burntsienna, .dt-sc-dropcap-square.burntsienna { background:#d36b5e; }
.dt-sc-dropcap-circle.chillipepper, .dt-sc-dropcap-square.chillipepper { background:#b31f41; }
.dt-sc-dropcap-circle.eggplant, .dt-sc-dropcap-square.eggplant { background:#614051; }
.dt-sc-dropcap-circle.electricblue, .dt-sc-dropcap-square.electricblue { background:#536878; }
.dt-sc-dropcap-circle.graasgreen, .dt-sc-dropcap-square.graasgreen { background:#81c77f; }
.dt-sc-dropcap-circle.gray, .dt-sc-dropcap-square.gray { background:#7d888e; }
.dt-sc-dropcap-circle.green, .dt-sc-dropcap-square.green { background:#00a988; }
.dt-sc-dropcap-circle.orange, .dt-sc-dropcap-square.orange { background:#f67f45 }
.dt-sc-dropcap-circle.palebrown, .dt-sc-dropcap-square.palebrown { background:#987654;}
.dt-sc-dropcap-circle.pink, .dt-sc-dropcap-square.pink { background:#e472ae; }
.dt-sc-dropcap-circle.radiantorchid, .dt-sc-dropcap-square.radiantorchid { background:#af71b0; }
.dt-sc-dropcap-circle.red, .dt-sc-dropcap-square.red { background:#ef3a43; }
.dt-sc-dropcap-circle.skyblue, .dt-sc-dropcap-square.skyblue { background:#0facce; }
.dt-sc-dropcap-circle.yellow, .dt-sc-dropcap-square.yellow { background:#eec005; }
.dt-sc-dropcap-circle.violet, .dt-sc-dropcap-square.violet { background:#9b59b6; }
.dt-sc-dropcap-circle.emerald, .dt-sc-dropcap-square.emerald { background:#1abc9c; }
.dt-sc-dropcap-circle.wetasphalt, .dt-sc-dropcap-square.wetasphalt { background:#34495e; }
.dt-sc-dropcap-bordered-circle.avocado, .dt-sc-dropcap-bordered-square.avocado { border-color:#72723e; color:#72723e; }	
.dt-sc-dropcap-bordered-circle.black, .dt-sc-dropcap-bordered-square.black { border-color:#262626; color:#262626; }
.dt-sc-dropcap-bordered-circle.blue, .dt-sc-dropcap-bordered-square.blue { border-color:#478bca; color:#478bca; }
.dt-sc-dropcap-bordered-circle.blueiris, .dt-sc-dropcap-bordered-square.blueiris { border-color:#595ca1; color:#595ca1; }
.dt-sc-dropcap-bordered-circle.blueturquoise, .dt-sc-dropcap-bordered-square.blueturquoise { border-color:#08bbb7; color:#08bbb7; }
.dt-sc-dropcap-bordered-circle.brown, .dt-sc-dropcap-bordered-square.brown { border-color:#8f5a28; color:#8f5a28; }
.dt-sc-dropcap-bordered-circle.burntsienna, .dt-sc-dropcap-bordered-square.burntsienna { border-color:#d36b5e; color:#d36b5e; }
.dt-sc-dropcap-bordered-circle.chillipepper, .dt-sc-dropcap-bordered-square.chillipepper { border-color:#b31f41; color:#b31f41; }
.dt-sc-dropcap-bordered-circle.eggplant, .dt-sc-dropcap-bordered-square.eggplant { border-color:#614051; color:#614051; }
.dt-sc-dropcap-bordered-circle.electricblue, .dt-sc-dropcap-bordered-square.electricblue { border-color:#536878; color:#536878; }
.dt-sc-dropcap-bordered-circle.graasgreen, .dt-sc-dropcap-bordered-square.graasgreen { border-color:#81c77f; color:#81c77f; }
.dt-sc-dropcap-bordered-circle.gray, .dt-sc-dropcap-bordered-square.gray { border-color:#7d888e; color:#7d888e; }
.dt-sc-dropcap-bordered-circle.green, .dt-sc-dropcap-bordered-square.green { border-color:#00a988; color:#00a988; }
.dt-sc-dropcap-bordered-circle.orange, .dt-sc-dropcap-bordered-square.orange { border-color:#f67f45; color:#f67f45; }
.dt-sc-dropcap-bordered-circle.palebrown, .dt-sc-dropcap-bordered-square.palebrown { border-color:#987654; color:#987654; }
.dt-sc-dropcap-bordered-circle.pink, .dt-sc-dropcap-bordered-square.pink { border-color:#e472ae; color:#e472ae; }
.dt-sc-dropcap-bordered-circle.radiantorchid, .dt-sc-dropcap-bordered-square.radiantorchid { border-color:#af71b0; color:#af71b0; }
.dt-sc-dropcap-bordered-circle.red, .dt-sc-dropcap-bordered-square.red { border-color:#ef3a43; color:#ef3a43; }
.dt-sc-dropcap-bordered-circle.skyblue, .dt-sc-dropcap-bordered-square.skyblue { border-color:#0facce; color:#0facce; }
.dt-sc-dropcap-bordered-circle.yellow, .dt-sc-dropcap-bordered-square.yellow { border-color:#eec005; color:#eec005; }
.dt-sc-dropcap-bordered-circle.violet, .dt-sc-dropcap-bordered-square.violet { border-color:#9b59b6; color:#9b59b6; }
.dt-sc-dropcap-bordered-circle.emerald, .dt-sc-dropcap-bordered-square.emerald { border-color:#1abc9c; color:#1abc9c; }
.dt-sc-dropcap-bordered-circle.wetasphalt, .dt-sc-dropcap-bordered-square.wetasphalt { border-color:#34495e; color:#34495e; } .dt-sc-donutchart .donutcharttext { font-family: 'Patua One'; font-weight: normal; line-height: 32px !important; text-align: center; top: 40%; width: 100%; }
h5.dt-sc-donutchart-title { text-align:center; width:100%; font-size:18px; margin-bottom:25px; font-weight:bold; text-transform:uppercase; }
.dt-sc-donutchart { margin:0 auto 25px; }
.dt-sc-donutchart-small { float:left; text-align:center; }
.dt-sc-donutchart-medium { float:left; text-align:center; }
.dt-sc-donutchart-large { float:left; text-align:center; }
.dt-sc-donutchart-small .donutcharttext { font-size:30px !important; }
.dt-sc-donutchart-medium .donutcharttext { font-size:40px !important; line-height:50px !important; }
.dt-sc-donutchart-large .donutcharttext { font-size:50px !important; line-height:65px !important; } .dt-sc-progress { height:20px; margin-bottom:10px; clear:both; display:block; border-radius:3px; }
.dt-sc-progress .dt-sc-bar { position:relative; }
.dt-sc-bar-text { font-size:14px; margin-bottom:5px; color:#4a4a4a; }
.dt-sc-progress .dt-sc-bar-text > span { float:right; display:block; }
@-webkit-keyframes progress-bar-stripes {
from {
background-position: -20px 0;
}
to {
background-position: 0 0;
}
}
@-moz-keyframes progress-bar-stripes {
from {
background-position: -20px 0;
}
to {
background-position: 0 0;
}
}
@-ms-keyframes progress-bar-stripes {
from {
background-position: -20px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: -20px 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: -20px 0;
}
to {
background-position: 0 0;
}
}
.dt-sc-progress {
overflow: hidden;
height:20px;
background-color: #d8d8d8;
}
.dt-sc-progress .dt-sc-bar {
width: 0%;
height: 100%;
float: left;
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;
} .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:#1c1c1c; position:relative; border-bottom:1px solid #1c1c1c; display:block; height:20px; margin-bottom:20px; }
.dt-sc-infographic-bar .dt-sc-bar-percentage span { position:relative; top:8px; left:0px; background:#ffffff; display:inline-block; padding-right:5px; } .dt-sc-colored-box { width:100%; float:left; margin:0px; padding:15px 5% 20px; width:90%; color:#ffffff; }		
.dt-sc-colored-box a, .dt-sc-colored-box h5 { color:#ffffff; }
.dt-sc-colored-box h5 { font-weight:300; margin-bottom:20px; }
.dt-sc-colored-box h5 span { font-size:30px; margin-right:10px; position:relative; top:3px; }
.dt-sc-colored-box .dt-sc-button { border-color:#ffffff; color:#ffffff; text-transform:uppercase; font-weight:normal; margin-top:15px; padding:7px 15px; background-color:transparent; }
.dt-sc-colored-box .dt-sc-button:hover { background:#ffffff; border-radius:5px; color:#1c1c1c; } .dt-sc-numbered-list li { display:block; width:100%; margin:0px 0px 10px; padding:0px; line-height:40px; color:#ffffff; }
.dt-sc-numbered-list li span { margin:0px 10px 0px 0px; line-height:40px; padding:0px 15px; display:inline-block; }
.dt-sc-numbered-list-type2 li { display:block; width:100%; margin:0px 0px 5px; padding:0px; line-height:24px; }
.dt-sc-numbered-list-type2 li span { margin:0px 10px 0px 5px; line-height:22px; padding:0px; display:inline-block; width:24px; height:24px; background:#787878; color:#ffffff; font-weight:bold; border-radius:24px; text-align:center; } .dt-sc-callout-box {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.dt-sc-callout-box { width:100%; margin:0px; padding:25px 3%; float:left; }
.dt-sc-callout-box h4 { text-transform:uppercase; margin-bottom:8px; font-size:22px; font-weight:600; }
.dt-sc-callout-box h5 { font-size:18px; font-weight:300; color:#868686; margin-bottom:0px; }
.dt-sc-callout-box .dt-sc-button { padding:12px 20px; float:right; }
.dt-sc-callout-box .icon { width:65px; height:65px; display:inline-block; margin:-5px 20px 0px 0px; text-align:center; line-height:65px; font-size:36px; border-radius:65px; }
.dt-sc-callout-box.with-icon { padding:25px 3% 25px 2%; width:100%; }
.dt-sc-callout-box.with-icon h4 { font-size:24px; font-weight:300; text-transform:none; }
.dt-sc-callout-box.type1 { border:1px solid #dfdfdf; text-align:center; }
.dt-sc-callout-box.with-icon.type1 .icon, .dt-sc-callout-box.with-icon.type2 .icon, .dt-sc-callout-box.with-icon.type4 .icon { margin-right:0; }
.dt-sc-callout-box.type1, .dt-sc-callout-box.type2, .dt-sc-callout-box.type4 { text-align:center; }
.dt-sc-callout-box.type2, .dt-sc-callout-box.type5 { background:#f6f6f6; }	
.dt-sc-callout-box.type3 { background:#f6f6f6; border-left:5px solid; }
.dt-sc-callout-box.with-icon.type3 .icon, .dt-sc-callout-box.with-icon.type5 .icon { float:left; }
.dt-sc-callout-box.type1 .icon, .dt-sc-callout-box.type5 .icon { color:#ffffff; border:1px solid; }
.dt-sc-callout-box.type2 .icon, .dt-sc-callout-box.type3 .icon { background:#ffffff; }
.dt-sc-callout-box.type4 .icon { background:#ffffff; border:1px solid #ffffff; }
.dt-sc-callout-box.type4 h4, .dt-sc-callout-box.type4 h5 { color:#ffffff; }
.dt-sc-callout-box.type4 .dt-sc-button { color:#ffffff; }
.dt-sc-callout-box.type4 .dt-sc-button:hover { color:#1c1c1c; }
.dt-sc-callout-box.type4 .dt-sc-button { background-color:#ffffff; color:#666; border-color:#fff; }
.dt-sc-callout-box.type4 .dt-sc-button:hover { background:#fff; }
.dt-sc-callout-box.type1 .dt-sc-button, .dt-sc-callout-box.type5 .dt-sc-button { color:#ffffff; }
.dt-sc-callout-box.type1 .dt-sc-button, .dt-sc-callout-box.type2 .dt-sc-button, .dt-sc-callout-box.type4 .dt-sc-button { float:none; }
.dt-sc-callout-box.type1:hover .icon, .dt-sc-callout-box.type5:hover .icon { background:none; }
.dt-sc-callout-box.type2:hover .icon, .dt-sc-callout-box.type3:hover .icon { color:#ffffff; }
.dt-sc-callout-box.type4:hover .icon { background:none; color:#ffffff; } .dt-sc-testimonial-carousel-wrapper .caroufredsel_wrapper { margin-bottom:0 !important; }
.dt-sc-testimonial-carousel-wrapper .caroufredsel_wrapper .dt-sc-testimonial-carousel li { padding-bottom:0; }
.dt-sc-testimonial-carousel-wrapper .carousel-arrows a { background:url(//www.mrkotphukettour.com/wp-content/plugins/designthemes-core-features/shortcodes/images/carousel-arrows.png) no-repeat; width:35px; height:68px; float:left; text-align:center; position:absolute; top:16%; }
.dt-sc-testimonial-carousel-wrapper .carousel-arrows a { transition:none; }
.dt-sc-testimonial-carousel-wrapper .carousel-arrows a.testimonial-prev:hover { background-position:left bottom; }
.dt-sc-testimonial-carousel-wrapper .carousel-arrows a.testimonial-next:hover { background-position:right bottom; }
.dt-sc-testimonial-carousel-wrapper .carousel-arrows a.testimonial-prev { background-position:left top; }
.dt-sc-testimonial-carousel-wrapper .carousel-arrows a.testimonial-next { background-position:right top; }
.dt-sc-testimonial-carousel-wrapper { float:left; clear:both; margin:20px 0px 0px; padding:0px; width:100%; position:relative; display:block; }
.fullwidth-section.grey-bg .dt-sc-testimonial-carousel-wrapper { width:980px; float:none; margin-left:auto; margin-right:auto; }
.dt-sc-testimonial-carousel li { display:block; float:left; margin:0px; }
.dt-sc-testimonial { margin:0px; padding:0px 0px 0px 145px; float:left; display:block; position:relative; }
.dt-sc-testimonial .author { position:absolute; left:0px; top:0px; float:left; }
.dt-sc-testimonial .author img { max-width:130px; border-radius:130px;  }
.dt-sc-testimonial blockquote { padding:15px 20px; background:none; margin:0px; float:left; display:block; }
.dt-sc-testimonial blockquote q { font-size:15px; font-weight:400; line-height:26px; color:#616161; border:none; display:block; float:left; padding:0px; margin:0px; }
.dt-sc-testimonial blockquote:before { content:""; left:-18px; width:18px; height:23px; margin:auto; top:15px; position:absolute; bottom:inherit; }
.dt-sc-testimonial .author-detail { float:right; margin:10px 0px 0px; font-style:normal; font-weight:600; text-align:right; display:block; color:#616161; } 
.dt-sc-testimonial .author-detail span { color:#bdbdbd; font-size:12px; font-weight:normal; }
.dt-sc-testimonial-carousel-wrapper .carousel-arrows a.testimonial-prev { background-position: left top; left: -94px; }
.dt-sc-testimonial-carousel-wrapper .carousel-arrows a.testimonial-next { background-position: right top; right: -94px; } .carousel-arrows a.partner-prev { background-position:left top; }
.carousel-arrows a.partner-next { background-position:right top; }
.dt-sc-partner-carousel-wrapper { float:left; clear:both; margin:0px; padding:0px; width:100%; position:relative; display:block; }
.dt-sc-partner-carousel li { display:block; float:left; margin:0px 10px; text-align:center; }
.dt-sc-partner-carousel-wrapper .carousel-arrows { top:-40px; } .dt-sc-contact-info { padding:0px; width:100%; display:block; clear:both; float:left; margin:0px; position:relative; }
.dt-sc-contact-info .icon { width:60px; font-size:30px; line-height:47px; text-align:center; float:left; margin:5px 20px 0px 0px; }
.dt-sc-contact-info p { float:left; margin:0px; width:100%; font-size:16px; padding-left:25px; position:relative; margin-bottom:20px; }
.dt-sc-contact-info p, .dt-sc-contact-info i { line-height:30px; }
.dt-sc-contact-info i { margin-right:10px; position:absolute; left:0; top:2px; }
#footer .dt-sc-contact-info > p { margin-bottom:0; }
.dt-sc-contact-info p a { color:#868686; } .dt-sc-social-icons { display:inline-block; line-height:0px; text-align:center; margin:0px; padding:0px; border-left:1px solid #d3d3d3; }
.dt-sc-social-icons li { display:inline-block; float:left; margin:0px 0px 0px 0px; padding:0px; text-align:center; border:1px solid #d3d3d3; border-left:0px; }
.dt-sc-social-icons li a { height:48px; width:48px; display:block; text-align:center; line-height:48px; font-size:18px; color:#8B8B8B; }
.dt-sc-social-icons li:last-child { margin-right:0px; }
.dt-sc-social-icons li { position:relative; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }
.dt-sc-social-icons li.delicious:hover, #footer .footer-links .dt-sc-social-icons li.delicious:hover { background:#2648be; }
.dt-sc-social-icons li.deviantart:hover, #footer .footer-links .dt-sc-social-icons li.deviantart:hover { background:#54675a; }
.dt-sc-social-icons li.digg:hover, #footer .footer-links .dt-sc-social-icons li.digg:hover { background:#1a5891; }
.dt-sc-social-icons li.dribble:hover, #footer .footer-links .dt-sc-social-icons li.dribble:hover { background:#f974a4; }
.dt-sc-social-icons li.facebook:hover, #footer .footer-links .dt-sc-social-icons li.facebook:hover { background:#3c5b9b; }
.dt-sc-social-icons li.flickr:hover, #footer .footer-links .dt-sc-social-icons li.flickr:hover { background:#e30377; }
.dt-sc-social-icons li.google:hover, #footer .footer-links .dt-sc-social-icons li.google:hover { background:#ba3526; }
.dt-sc-social-icons li.gtalk:hover, #footer .footer-links .dt-sc-social-icons li.gtalk:hover { background:#23458f; }
.dt-sc-social-icons li.lastfm:hover, #footer .footer-links .dt-sc-social-icons li.lastfm:hover { background:#d12540; }
.dt-sc-social-icons li.linkedin:hover, #footer .footer-links .dt-sc-social-icons li.linkedin:hover { background:#0173b2; }
.dt-sc-social-icons li.mail:hover, #footer .footer-links .dt-sc-social-icons li.mail:hover { background:#edc719; }
.dt-sc-social-icons li.myspace:hover, #footer .footer-links .dt-sc-social-icons li.myspace:hover { background:#4f79c6; }
.dt-sc-social-icons li.picasa:hover, #footer .footer-links .dt-sc-social-icons li.picasa:hover { background:#8a66a3; }
.dt-sc-social-icons li.pinterest:hover, #footer .footer-links .dt-sc-social-icons li.pinterest:hover { background:#ca1325; }
.dt-sc-social-icons li.reddit:hover, #footer .footer-links .dt-sc-social-icons li.reddit:hover { background:#ff1a00; }
.dt-sc-social-icons li.rss:hover, #footer .footer-links .dt-sc-social-icons li.rss:hover { background:#ffb922; }
.dt-sc-social-icons li.skype:hover, #footer .footer-links .dt-sc-social-icons li.skype:hover { background:#00aaf1; }
.dt-sc-social-icons li.stumbleupon:hover, #footer .footer-links .dt-sc-social-icons li.stumbleupon:hover { background:#eb4924; }
.dt-sc-social-icons li.technorati:hover, #footer .footer-links .dt-sc-social-icons li.technorati:hover { background:#5bb834; }
.dt-sc-social-icons li.tumblr:hover, #footer .footer-links .dt-sc-social-icons li.tumblr:hover { background:#2a445f; }
.dt-sc-social-icons li.twitter:hover, #footer .footer-links .dt-sc-social-icons li.twitter:hover { background:#2caae1; }
.dt-sc-social-icons li.viadeo:hover, #footer .footer-links .dt-sc-social-icons li.viadeo:hover { background:#f4982b; }
.dt-sc-social-icons li.vimeo:hover, #footer .footer-links .dt-sc-social-icons li.vimeo:hover { background:#41b2dc; }
.dt-sc-social-icons li.yahoo:hover, #footer .footer-links .dt-sc-social-icons li.yahoo:hover { background:#7c1f70; }
.dt-sc-social-icons li.youtube:hover, #footer .footer-links .dt-sc-social-icons li.youtube:hover { background:#ff3431; }
.dt-sc-social-icons li.delicious:hover:before { border-bottom-color:#2648be; }
.dt-sc-social-icons li.deviantart:hover:before { border-bottom-color:#54675a; }
.dt-sc-social-icons li.digg:hover:before { border-bottom-color:#1a5891; }
.dt-sc-social-icons li.dribble:hover:before { border-bottom-color:#f974a4; }
.dt-sc-social-icons li.facebook:hover:before { border-bottom-color:#3c5b9b; }
.dt-sc-social-icons li.flickr:hover:before { border-bottom-color:#e30377; }
.dt-sc-social-icons li.google:hover:before { border-bottom-color:#ba3526; }
.dt-sc-social-icons li.gtalk:hover:before { border-bottom-color:#23458f; }
.dt-sc-social-icons li.lastfm:hover:before { border-bottom-color:#d12540; }
.dt-sc-social-icons li.linkedin:hover:before { border-bottom-color:#0173b2; }
.dt-sc-social-icons li.mail:hover:before { border-bottom-color:#edc719; }
.dt-sc-social-icons li.myspace:hover:before { border-bottom-color:#4f79c6; }
.dt-sc-social-icons li.picasa:hover:before { border-bottom-color:#8a66a3; }
.dt-sc-social-icons li.pinterest:hover:before { border-bottom-color:#ca1325; }
.dt-sc-social-icons li.reddit:hover:before { border-bottom-color:#ff1a00; }
.dt-sc-social-icons li.rss:hover:before { border-bottom-color:#ffb922; }
.dt-sc-social-icons li.skype:hover:before { border-bottom-color:#00aaf1; }
.dt-sc-social-icons li.stumbleupon:hover:before { border-bottom-color:#eb4924; }
.dt-sc-social-icons li.technorati:hover:before { border-bottom-color:#5bb834; }
.dt-sc-social-icons li.tumblr:hover:before { border-bottom-color:#2a445f; }
.dt-sc-social-icons li.twitter:hover:before { border-bottom-color:#2caae1; }
.dt-sc-social-icons li.viadeo:hover:before { border-bottom-color:#f4982b; }
.dt-sc-social-icons li.vimeo:hover:before { border-bottom-color:#41b2dc; }
.dt-sc-social-icons li.yahoo:hover:before { border-bottom-color:#7c1f70; }
.dt-sc-social-icons li.youtube:hover:before { border-bottom-color:#ff3431; } .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-services { float:left; width:100%; padding:20px 0px; margin:0px; text-align:center; background:#f6f6f6; } 
.dt-sc-services h4 { color:#1c1c1c; margin-bottom:20px; font-size:16px; font-weight:600; padding:0px 10px; }
.dt-sc-services h4 a { color:#1c1c1c; }
.dt-sc-services h4 span { margin-right:10px; font-size:20px; }
.dt-sc-services img { padding-bottom:10px; }
.dt-sc-services p { font-size:16px; color:#313131; padding:0px 15px; margin:0px; }
.dt-sc-services:hover h4, .dt-sc-services:hover h4 a, .dt-sc-services:hover h4 span, .dt-sc-services:hover p { color:#ffffff; } .dt-sc-agents-list { float:left; clear:both; width:100%; margin:0px 0px 30px; padding:0px 0px 30px; border-bottom:1px dotted #888888; border-spacing:10px; }
.dt-sc-agents-list .dt-sc-agent-thumb { float:left; width:20%; margin:0px 2% 0px 0px; padding:0px; }
.dt-sc-agents-list .dt-sc-agent-thumb img { border-radius:5px; height:auto; }
.dt-sc-agents-list .dt-sc-agent-details { float:left; width:78%; margin:7px 0px 0px; padding:0px; }
.dt-sc-agents-list .dt-sc-agent-details h4 { font-size:18px; text-transform:uppercase; font-weight:normal; margin:0px 0px 15px; }
.dt-sc-agents-list .dt-sc-agent-contact { float:left; clear:both; color:#ffffff; padding:8px 0px 8px 15px; border-radius:5px; }
.dt-sc-agents-list .dt-sc-agent-contact p { float:left; margin:0px 20px 0px 0px; padding:0px 0px 0px 25px; position:relative; }
.dt-sc-agents-list .dt-sc-agent-contact p a, .dt-sc-agents-list .dt-sc-agent-contact p span { color:#ffffff; }
.dt-sc-agents-list .dt-sc-agent-contact p a:hover { text-decoration:underline; }
.dt-sc-agents-list .dt-sc-agent-contact p span { font-size:16px; position:absolute; width:20px; text-align:center; top:4px; left:0px; }
.dt-sc-agents-list .dt-sc-agent-content { float:left; clear:both; width:100%; margin:20px 0px 0px; } 
.dt-sc-agents-list .dt-sc-social-icons { clear:both; float:left; width:100%; text-align:left; margin:10px 0px 0px; }
.column .dt-sc-agents-list .dt-sc-agent-thumb { margin-right:0px; width:100%; }
.column .dt-sc-agents-list .dt-sc-agent-details { width:100%; margin-top:15px; }
.column .dt-sc-agents-list .dt-sc-agent-contact { width:90%; padding-left:5%; padding-right:5%; }
.column .dt-sc-agents-list .dt-sc-agent-contact p  { clear:both; margin:5px 20px 5px 0px; }
.column.dt-sc-one-column .dt-sc-agents-list .dt-sc-agent-thumb { width:20%; margin:0px 2% 0px 0px; }
.column.dt-sc-one-column .dt-sc-agents-list .dt-sc-agent-details { width:78%; margin:7px 0px 0px; }
.column.dt-sc-one-column .dt-sc-agents-list .dt-sc-agent-contact { padding:8px 0px 8px 15px; width:auto; }
.column.dt-sc-one-column .dt-sc-agents-list .dt-sc-agent-contact p  { clear:none; margin:0px 20px 0px 0px; }
.column.dt-sc-one-half .dt-sc-agents-list .dt-sc-agent-thumb { margin-right:3%; width:30%; }
.column.dt-sc-one-half .dt-sc-agents-list .dt-sc-agent-details { width:67%; margin-top:0px; }
.column.dt-sc-one-half .dt-sc-agents-list .dt-sc-agent-contact { width:92%; padding-left:4%; padding-right:4%; }
.column.dt-sc-one-half .dt-sc-agents-list .dt-sc-agent-contact p  { clear:both; margin:5px 20px 5px 0px; }
.dt-sc-agent-single .dt-sc-agents-list { border:none; }
.dt-sc-agency-list .dt-sc-agent-contact { background:#f6f6f6; color:#868686; }
.dt-sc-agency-list .dt-sc-agent-contact p a { color:#868686; } @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-testimonial-carousel-wrapper .carousel-arrows a { background-image:url(//www.mrkotphukettour.com/wp-content/plugins/designthemes-core-features/shortcodes/images/carousel-arrows@2x.png); background-size:70px 140px; }
.dt-sc-team .team-contact span { background-image:url(//www.mrkotphukettour.com/wp-content/plugins/designthemes-core-features/shortcodes/images/team-contact@2x.png); background-size:37px 18px; }
}.ls-container {
visibility: hidden;
position: relative;
max-width: 100%;
}
.ls-inner {
position: relative;
width: 100%;
height: 100%;
background-position: center center;
z-index: 30;
}
.ls-wp-fullwidth-container {
width: 100%;
position: relative;
}
.ls-wp-fullwidth-helper {
position: absolute;
} .ls-layers,
.ls-slide-backgrounds,
.ls-background-videos,
.ls-bg-video-overlay {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
-o-transform: translateZ(0);
-ms-transform: translateZ(0);
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.ls-wrapper {
padding: 0 !important;
visibility: visible !important;
border: 0 !important;
}
.ls-background-videos {
z-index: 31;
}
.ls-bg-video-overlay {
z-index: 32;
background-repeat: repeat;
background-position: center center;
}
.ls-slide-backgrounds {
z-index: 33;
}
.ls-layers {
z-index: 35;
}
.ls-parallax,
.ls-in-out,
.ls-z {
position: absolute !important;
}
.ls-parallax,
.ls-z {
width: 0 !important;
height: 0 !important;
top: 0 !important;
left: 0 !important;
bottom: auto !important;
right: auto !important;
display: block !important;
overflow: visible !important;
}
.ls-in-out {
display: none;
}
.ls-loop, .ls-clip {
position: absolute !important;
display: block !important;
}
.ls-parallax,
.ls-in-out,
.ls-loop,
.ls-z {
background: none !important;
}
.ls-parallax,
.ls-bg-wrap,
.ls-loop {
margin: 0 !important;
}
.ls-wrapper > .ls-layer,
.ls-wrapper > a > .ls-layer
.ls-wrapper > .ls-bg {
line-height: normal;
white-space: nowrap;
margin-right: 0 !important;
margin-bottom: 0 !important;
}
.ls-wrapper > .ls-layer,
.ls-wrapper > a > .ls-layer {
position: static !important;
display: block !important;
-o-transform: translateZ(1px);
-ms-transform: translateZ(1px);
-moz-transform: translateZ(1px);
-webkit-transform: translateZ(1px);
transform: translateZ(1px);
}
.ls-bg-wrap,
.ls-bg-outer {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.ls-bg-wrap {
display: none;
}
.ls-bg-outer {
overflow: hidden !important;
}
.ls-wrapper > a.ls-layer-link {
cursor: pointer !important;
display: block !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 10;
-o-transform: translateZ(100px);
-ms-transform: translateZ(100px);
-moz-transform: translateZ(100px);
-webkit-transform: translateZ(100px);
transform: translateZ(100px);
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important;
} .ls-gui-element {
z-index: 40;
}
.ls-loading-container {
position: absolute !important;
display: none;
left: 50% !important;
top: 50% !important;
}
.ls-loading-indicator {
margin: 0 auto;
} .ls-bottom-slidebuttons {
text-align: left;
}
.ls-bottom-nav-wrapper,
.ls-below-thumbnails {
height: 0;
position: relative;
text-align: center;
margin: 0 auto;
}
.ls-below-thumbnails {
display: none;
}
.ls-bottom-nav-wrapper a,
.ls-nav-prev,
.ls-nav-next {
outline: none;
}
.ls-bottom-slidebuttons {
position: relative;
}
.ls-bottom-slidebuttons,
.ls-nav-start,
.ls-nav-stop,
.ls-nav-sides {
position: relative;
}
.ls-nothumb {
text-align: center !important;
}
.ls-link,
.ls-link:hover {
position: absolute !important;
width: 100% !important;
height: 100% !important;
left: 0 !important;
top: 0 !important;
}
.ls-link {
display: none;
}
.ls-link, .ls-wrapper > a > * {
background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ls-bottom-nav-wrapper,
.ls-thumbnail-wrapper,
.ls-nav-prev,
.ls-nav-next {
visibility: hidden;
} .ls-bar-timer {
position: absolute;
width: 0;
height: 2px;
background: white;
border-bottom: 2px solid #555;
opacity: .55;
top: 0;
}
.ls-circle-timer {
width: 16px;
height: 16px;
position: absolute;
right: 10px;
top: 10px;
opacity: .65;
display: none;
}
.ls-container .ls-circle-timer,
.ls-container .ls-circle-timer * {
box-sizing: border-box !important;
}
.ls-ct-half {
border: 4px solid white;
}
.ls-ct-left,
.ls-ct-right {
width: 50%;
height: 100%;
overflow: hidden;
}
.ls-ct-left,
.ls-ct-right {
position: absolute;
}
.ls-ct-left {
left: 0;
}
.ls-ct-right {
left: 50%;
}
.ls-ct-rotate {
width: 200%;
height: 100%;
position: absolute;
top: 0;
}
.ls-ct-left .ls-ct-rotate,
.ls-ct-right .ls-ct-hider,
.ls-ct-right .ls-ct-half {
left: 0;
}
.ls-ct-right .ls-ct-rotate,
.ls-ct-left .ls-ct-hider,
.ls-ct-left .ls-ct-half {
right: 0;
}
.ls-ct-hider,
.ls-ct-half {
position: absolute;
top: 0;
}
.ls-ct-hider {
width: 50%;
height: 100%;
overflow: hidden;
}
.ls-ct-half {
width: 200%;
height: 100%;
}
.ls-ct-center {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
border: 4px solid black;
opacity: 0.2;
}
.ls-ct-half,
.ls-ct-center {
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
}
.ls-slidebar-container {
margin: 10px auto;
}
.ls-slidebar-container,
.ls-slidebar {
position: relative;
}
.ls-progressbar,
.ls-slidebar-slider-container {
position: absolute;
left: 0;
top: 0;
}
.ls-progressbar {
width: 0;
height: 100%;
z-index: 1;
}
.ls-slidebar-slider-container {
z-index: 2;
}
.ls-slidebar-slider {
position: static !important;
cursor: pointer;
} .ls-slidebar {
height: 10px;
background-color: #ddd;
}
.ls-slidebar,
.ls-progressbar {
border-radius: 10px;
}
.ls-progressbar {
background-color: #bbb;
}
.ls-slidebar-slider-container {
top: 50%;
}
.ls-slidebar-slider {
width: 20px;
height: 20px;
border-radius: 20px;
background-color: #999;
} .ls-slidebar-light .ls-slidebar {
height: 8px;
background-color: white;
border: 1px solid #ddd;
border-top: 1px solid #ccc;
}
.ls-slidebar-light .ls-slidebar,
.ls-slidebar-light .ls-progressbar {
border-radius: 10px;
}
.ls-slidebar-light .ls-progressbar {
background-color: #eee;
}
.ls-slidebar-light .ls-slidebar-slider-container {
top: 50%;
}
.ls-slidebar-light .ls-slidebar-slider {
width: 18px;
height: 18px;
border-radius: 20px;
background-color: #eee;
border: 1px solid #bbb;
border-top: 1px solid #ccc;
border-bottom: 1px solid #999;
} .ls-tn {
display: none !important;
}
.ls-thumbnail-hover {
display: none;
position: absolute;
left: 0;
}
.ls-thumbnail-hover-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: none;
}
.ls-thumbnail-hover-bg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.ls-thumbnail-hover-img {
position: absolute;
overflow: hidden;
}
.ls-thumbnail-hover img {
max-width: none !important;
position: absolute;
display: inline-block;
visibility: visible !important;
left: 50%;
top: 0;
}
.ls-thumbnail-hover span {
left: 50%;
top: 100%;
width: 0;
height: 0;
display: block;
position: absolute;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
}
.ls-thumbnail-wrapper {
position: relative;
width: 100%;
margin: 0 auto;
}
.ls-thumbnail {
position: relative;
margin: 0 auto;
}
.ls-thumbnail-inner,
.ls-thumbnail-slide-container {
width: 100%;
}
.ls-thumbnail-slide-container {
overflow: hidden !important;
position: relative;
}
.ls-thumbnail-slide {
text-align: center;
white-space: nowrap;
float: left;
position: relative;
}
.ls-thumbnail-slide a {
overflow: hidden;
display: inline-block;
width: 0;
height: 0;
position: relative;
}
.ls-thumbnail-slide img {
max-width: none !important;
max-height: 100% !important;
height: 100%;
visibility: visible !important;
}
.ls-touchscroll {
overflow-x: auto !important;
} .ls-shadow {
display: none;
position: absolute;
z-index: 10 !important;
top: 100%;
width: 100%;
left: 0;
overflow: hidden !important;
visibility: hidden;
}
.ls-shadow img {
width: 100% !important;
height: auto !important;
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
} .ls-media-layer {
overflow: hidden;
}
.ls-vpcontainer,
.ls-videopreview {
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
cursor : pointer;
}
.ls-videopreview {
background-size: cover;
background-position: center center;
}
.ls-videopreview {
z-index: 1;
}
.ls-playvideo {
position: absolute;
left: 50%;
top: 50%;
cursor: pointer;
z-index: 2;
} .ls-forcehide {
display: none !important;
} .ls-yourlogo {
position: absolute;
z-index: 50;
}  .ls-slide-transition-wrapper {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 34;
}
.ls-slide-transition-wrapper,
.ls-slide-transition-wrapper * {
text-align: left !important;
}
.ls-slide-transition-tile {
position: relative;
float: left;
}
.ls-slide-transition-tile img {
visibility: visible;
}
.ls-curtiles {
overflow: hidden;
}
.ls-curtiles,
.ls-nexttiles {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.ls-curtile, .ls-nexttile {
overflow: hidden;
width: 100% !important;
height: 100% !important;
-o-transform: translateZ(0);
-ms-transform: translateZ(0);
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.ls-nexttile {
display: none;
}
.ls-3d-container {
position: relative;
overflow: visible !important;
-ms-perspective: none !important;
-moz-perspective: none !important;
-webkit-perspective: none !important;
perspective: none !important;
}
.ls-3d-box {
position: absolute;
}
.ls-3d-box div {
overflow: hidden;
margin: 0;
padding: 0;
position: absolute;
background-color: #888;
}
.ls-3d-box .ls-3d-top,
.ls-3d-box .ls-3d-bottom {
background-color: #555;
}
.ls-slide-transition-wrapper,
.ls-slide-transition-tile {
-ms-perspective: 1500px;
-moz-perspective: 1500px;
-webkit-perspective: 1500px;
perspective: 1500px;
}
.ls-slide-transition-tile,
.ls-3d-box,
.ls-curtiles,
.ls-nexttiles {
-ms-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ls-curtile,
.ls-nexttile,
.ls-3d-box,
.ls-3d-box div {
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .ls-visible {
overflow: visible !important;
}
.ls-unselectable {
user-select: none;
-o-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.ls-overflow-hidden {
overflow: hidden;
}
.ls-overflowx-hidden {
overflow-x: hidden;
}
.ls-overflow-visible {
overflow: visible !important;
}
.ls-overflowy-hidden {
overflow-y: hidden;
}
.ls-hidden {
width: 0px !important;
height: 0px !important;
position: absolute;
left: -5000px;
top: -5000px;
z-index: -1;
overflow: hidden !important;
visibility: hidden !important;
display: block !important;
}
.ls-slide {
display: block !important;
visibility: hidden !important;
position: absolute !important;
overflow: hidden;
top: 0 !important;
left: 0 !important;
bottom: auto !important;
right: auto !important;
background: none;
border: none !important;
margin: 0 !important;
padding: 0 !important;
}
.ls-slide > .ls-layer,
.ls-slide > .ls-l,
.ls-slide > .ls-bg,
.ls-slide > a > .ls-layer,
.ls-slide > a > .ls-l,
.ls-slide > a > .ls-bg {
position: absolute !important;
white-space: nowrap;
}
.ls-fullscreen {
margin: 0 !important;
padding: 0 !important;
width: auto !important;
height: auto !important;
}
.ls-fullscreen .ls-container {
background-color: black;
margin: 0 !important;
}
.ls-layer .split-item {
font-weight: inherit !important;
font-family: inherit !important;
font-size: inherit;
color: inherit;
} html .ls-nav-prev,
body .ls-nav-prev,
#ls-global .ls-nav-prev,
html .ls-nav-next,
body .ls-nav-next,
#ls-global .ls-nav-next,
html .ls-container img,
body .ls-container img,
#ls-global .ls-container img,
html .ls-bottom-nav-wrapper a,
body .ls-bottom-nav-wrapper a,
#ls-global .ls-bottom-nav-wrapper a,
html .ls-container .ls-fullscreen,
body .ls-container .ls-fullscreen,
#ls-global .ls-container .ls-fullscreen,
html .ls-thumbnail a,
body .ls-thumbnail a,
#ls-global .ls-thumbnail a {
transition: none;
-ms-transition: none;
-webkit-transition: none;
line-height: normal;
outline: none;
padding: 0;
border: 0;
}
html .ls-wrapper > a,
body .ls-wrapper > a,
#ls-global .ls-wrapper > a,
html .ls-wrapper > p,
body .ls-wrapper > p,
#ls-global .ls-wrapper > p,
html .ls-wrapper > h1,
body .ls-wrapper > h1,
#ls-global .ls-wrapper > h1,
html .ls-wrapper > h2,
body .ls-wrapper > h2,
#ls-global .ls-wrapper > h2,
html .ls-wrapper > h3,
body .ls-wrapper > h3,
#ls-global .ls-wrapper > h3,
html .ls-wrapper > h4,
body .ls-wrapper > h4,
#ls-global .ls-wrapper > h4,
html .ls-wrapper > h5,
body .ls-wrapper > h5,
#ls-global .ls-wrapper > h5,
html .ls-wrapper > img,
body .ls-wrapper > img,
#ls-global .ls-wrapper > img,
html .ls-wrapper > div,
body .ls-wrapper > div,
#ls-global .ls-wrapper > div,
html .ls-wrapper > span,
body .ls-wrapper > span,
#ls-global .ls-wrapper > span,
html .ls-wrapper .ls-bg,
body .ls-wrapper .ls-bg,
#ls-global .ls-wrapper .ls-bg,
html .ls-wrapper .ls-layer,
body .ls-wrapper .ls-layer,
#ls-global .ls-wrapper .ls-layer,
html .ls-slide .ls-layer,
body .ls-slide .ls-layer,
#ls-global .ls-slide .ls-layer,
html .ls-slide a .ls-layer,
body .ls-slide a .ls-layer,
#ls-global .ls-slide a .ls-layer {
transition: none;
-ms-transition: none;
-webkit-transition: none;
line-height: normal;
outline: none;
padding: 0;
margin: 0;
border-width: 0;
}
html .ls-container img,
body .ls-container img,
#ls-global .ls-container img {
background: none !important;
min-width: 0 !important;
max-width: none !important;
border-radius: 0;
box-shadow: none;
border: 0;
padding: 0;
}
html .ls-wp-container .ls-wrapper > a > *,
body .ls-wp-container .ls-wrapper > a > *,
#ls-global .ls-wp-container .ls-wrapper > a > * {
margin: 0;
}
html .ls-wp-container .ls-wrapper > a,
body .ls-wp-container .ls-wrapper > a,
#ls-global .ls-wp-container .ls-wrapper > a {
text-decoration: none;
}
.ls-wp-fullwidth-container,
.ls-wp-fullwidth-helper,
.ls-gui-element *,
.ls-gui-element,
.ls-container,
.ls-slide > *,
.ls-slide,
.ls-wrapper,
.ls-layer {
box-sizing: content-box !important;
}
html .ls-yourlogo,
body .ls-yourlogo,
#ls-global .ls-yourlogo {
margin: 0;
}
html .ls-tn,
body .ls-tn,
#ls-global .ls-tn {
display: none;
}
.ls-bottom-nav-wrapper,
.ls-bottom-nav-wrapper span,
.ls-bottom-nav-wrapper a {
line-height: 0;
font-size: 0;
} html .ls-container,
body .ls-container,
#ls-global .ls-container,
html .ls-container .ls-slide-transition-wrapper,
body .ls-container .ls-slide-transition-wrapper,
#ls-global .ls-container .ls-slide-transition-wrapper,
html .ls-container .ls-slide-transition-wrapper *,
body .ls-container .ls-slide-transition-wrapper *,
#ls-global .ls-container .ls-slide-transition-wrapper *,
html .ls-container .ls-bottom-nav-wrapper,
body .ls-container .ls-bottom-nav-wrapper,
#ls-global .ls-container .ls-bottom-nav-wrapper,
html .ls-container .ls-bottom-nav-wrapper *,
body .ls-container .ls-bottom-nav-wrapper *,
#ls-global .ls-container .ls-bottom-nav-wrapper *,
html .ls-container .ls-bottom-nav-wrapper span *,
body .ls-container .ls-bottom-nav-wrapper span *,
#ls-global .ls-container .ls-bottom-nav-wrapper span *,
html .ls-direction-fix,
body .ls-direction-fix,
#ls-global .ls-direction-fix {
direction: ltr !important;
} html .ls-container,
body .ls-container,
#ls-global .ls-container {
float: none !important;
} .ls-notification {
position: relative;
margin: 10px auto;
padding: 10px 10px 15px 88px;
border-radius: 5px;
background: #de4528;
color: white !important;
font-family: 'Open Sans', arial, sans-serif !important;
}
.ls-notification a {
color: white !important;
text-decoration: underline !important;
}
.ls-notification-logo {
position: absolute;
top: 16px;
left: 17px;
width: 56px;
height: 56px;
font-size: 49px;
line-height: 53px;
border-radius: 56px;
background-color: white;
color: #de4528;
font-style: normal;
font-weight: 800;
text-align: center;
}
.ls-notification strong {
color: white !important;
display: block;
font-size: 20px;
line-height: 26px;
font-weight: normal !important;
}
.ls-notification span {
display: block;
font-size: 13px;
line-height: 16px;
text-align: justify !important;
} @media screen and (max-width: 767px) {
.ls-container .ls-layers .ls-hide-on-phone {
display: none !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.ls-container .ls-layers .ls-hide-on-tablet {
display: none !important;
}
}
@media screen and (min-width: 1025px) {
.ls-container .ls-layers .ls-hide-on-desktop {
display: none !important;
}
} @media (transform-3d), (-ms-transform-3d), (-webkit-transform-3d) {
#ls-test3d {
position: absolute;
left: 9px;
height: 3px;
}
}